@rt-tools/ui-kit-v2 0.39.0 → 0.39.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/rt-tools-ui-kit-v2-aside.mjs +4 -4
- package/fesm2022/rt-tools-ui-kit-v2-aside.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-autocomplete.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-autocomplete.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-core.mjs +2 -0
- package/fesm2022/rt-tools-ui-kit-v2-core.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-data-list.mjs +5 -5
- package/fesm2022/rt-tools-ui-kit-v2-data-list.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-data-table.mjs +45 -44
- package/fesm2022/rt-tools-ui-kit-v2-data-table.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-date-picker.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-date-picker.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-date-range.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-date-range.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-field.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-field.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-form-control.mjs +4 -1
- package/fesm2022/rt-tools-ui-kit-v2-form-control.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-icon.mjs +10 -0
- package/fesm2022/rt-tools-ui-kit-v2-icon.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-input-number.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-input-number.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-input.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-message.mjs +3 -3
- package/fesm2022/rt-tools-ui-kit-v2-message.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-multiselect.mjs +4 -4
- package/fesm2022/rt-tools-ui-kit-v2-multiselect.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-table-core.mjs +101 -0
- package/fesm2022/rt-tools-ui-kit-v2-table-core.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-table.mjs +36 -37
- package/fesm2022/rt-tools-ui-kit-v2-table.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-tabs.mjs +41 -4
- package/fesm2022/rt-tools-ui-kit-v2-tabs.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs +2 -0
- package/fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs.map +1 -1
- package/package.json +5 -1
- package/src/assets/icons-material/bookmark.fill.svg +5 -0
- package/src/assets/icons-material/bookmark.svg +5 -0
- package/src/assets/icons-material/flag.fill.svg +3 -0
- package/src/assets/icons-material/flag.svg +5 -0
- package/src/lib/components/aside/footer/CONTEXT.md +27 -0
- package/src/lib/components/aside/footer/rt-aside-footer.component.scss +8 -3
- package/src/lib/components/aside/header/rt-aside-header.component.scss +11 -3
- package/src/lib/components/button/rt-button.directive.scss +5 -1
- package/src/lib/components/data-table/CONTEXT.md +8 -2
- package/src/lib/components/field/CONTEXT.md +4 -2
- package/src/lib/components/field/rt-field.component.scss +14 -0
- package/src/lib/components/form-control/CONTEXT.md +13 -8
- package/src/lib/components/input/rt-input.component.scss +4 -0
- package/src/lib/components/message/CONTEXT.md +1 -1
- package/src/lib/components/message/rt-message.component.scss +2 -1
- package/src/lib/components/multiselect/rt-multiselect.component.scss +21 -0
- package/src/lib/components/service-block/stories/component/test-service-block-panel.component.scss +29 -0
- package/src/lib/components/table/CONTEXT.md +3 -0
- package/src/lib/components/table/copy-cell/CONTEXT.md +32 -0
- package/src/lib/components/table/copy-cell/rt-copy-cell.component.scss +26 -0
- package/src/lib/components/tabs/CONTEXT.md +18 -16
- package/src/lib/components/tabs/rt-tabs.component.scss +25 -1
- package/src/styles/_form.scss +10 -0
- package/src/styles/_semantic.scss +2 -1
- package/styles/tokens.css +29 -9
- package/types/rt-tools-ui-kit-v2-core.d.ts +20 -5
- package/types/rt-tools-ui-kit-v2-data-table.d.ts +23 -9
- package/types/rt-tools-ui-kit-v2-form-control.d.ts +2 -2
- package/types/rt-tools-ui-kit-v2-message.d.ts +1 -1
- package/types/rt-tools-ui-kit-v2-table-core.d.ts +76 -0
- package/types/rt-tools-ui-kit-v2-table.d.ts +21 -18
- package/types/rt-tools-ui-kit-v2-tabs.d.ts +26 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rt-tools-ui-kit-v2-form-control.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/form-control/rt-form-control.base.ts","../../../projects/ui-kit-v2/src/lib/components/form-control/rt-notch-width.ts","../../../projects/ui-kit-v2/src/lib/components/form-control/rt-maxlength.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n booleanAttribute,\n computed,\n DestroyRef,\n Directive,\n inject,\n input,\n InputSignal,\n InputSignalWithTransform,\n OnInit,\n output,\n OutputEmitterRef,\n Signal,\n signal,\n WritableSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControl, ControlValueAccessor, NgControl, ValidationErrors, Validators } from '@angular/forms';\n\nimport { IRtInput } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Базовый класс input-семейства common/ui. Владеет единым CVA-ядром:\n * - self-injected `NgControl` + ручная привязка `valueAccessor` (без\n * `NG_VALUE_ACCESSOR` provider — иначе NG0200 cycle при self-reference),\n * что даёт доступ к `control.invalid/touched` для авто-подсветки ошибки;\n * - сигнал значения `value`, состояния `isDisabled`/`isInvalid` (отключение\n * складывается из входа `disabled` и слова формы — см. `isDisabled`);\n * - общие инпуты `size`/`disabled`/`controlId`/`ariaLabel`/`clearable`/`clearTabbable`;\n * - оркестрацию очистки (`clear`) через абстрактные хуки конкретного поля и выход `cleared`.\n *\n * Конкретные поля реализуют `getEmptyValue`/`hasValue`/`focusAfterClear`. Поля\n * с отдельным display-состоянием (autocomplete, input-number) дополнительно\n * переопределяют `writeValue`/`clearValue`, синхронизируя свой display-сигнал.\n */\n/**\n * Состояние формы, каким его видит поле: негодность, ошибки и обязательность.\n *\n * Собрано одной записью затем, что источников у него два и говорят они по-разному. Прежняя\n * привязка рассылает состояние событиями контрола, сигнальная — не рассылает вовсе и отдаёт\n * его чтениями своего переходника. Порознь эти два пути дали бы полю два набора сигналов, и\n * обёртке пришлось бы знать, какой из них живой.\n */\ninterface IControlState {\n invalid: boolean;\n errors: ValidationErrors | null;\n required: boolean;\n /** Касались ли контрола или правили его: до этого пустое обязательное поле не краснеет. */\n interacted: boolean;\n}\n\n/** Состояние поля, которому форма ещё ничего не сказала. */\nconst PRISTINE_STATE: IControlState = { invalid: false, errors: null, required: false, interacted: false };\n\n/** Рассылает ли контрол своё состояние. Переходник сигнальной формы — не рассылает. */\nfunction emitsEvents(control: AbstractControl): boolean {\n return typeof (control.events as { pipe?: unknown } | undefined)?.pipe === 'function';\n}\n\n/** Состояние формы, снятое с контрола любого рода. */\nfunction stateOf(control: AbstractControl): IControlState {\n return {\n invalid: !!control.invalid && (control.touched || control.dirty),\n errors: control.errors,\n required: control.hasValidator(Validators.required),\n interacted: control.touched || control.dirty,\n };\n}\n\n@Directive()\nexport abstract class RtFormControlBase<TValue> implements ControlValueAccessor, OnInit {\n readonly #ngControl: NgControl | null = inject(NgControl, { self: true, optional: true });\n readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n #onChange: (value: TValue) => void = (): void => undefined;\n #onTouched: () => void = (): void => undefined;\n\n // Состояние, которым управляет родительский rt-field (через публичные сеттеры):\n // авто-id для связки label[for], read-only режим, зеркало ошибок/required.\n readonly #controlIdAssigned: WritableSignal<string | null> = signal<string | null>(null);\n readonly #readonlyAssigned: WritableSignal<boolean> = signal<boolean>(false);\n /**\n * Обязательность, объявленная полем. Шаблонная форма валидатора на контрол не кладёт, и без\n * этого признака её обязательное поле не получало бы ни звёздочки, ни ошибки.\n */\n readonly #requiredAssigned: WritableSignal<boolean> = signal<boolean>(false);\n /** Состояние, разосланное прежней привязкой: её контрол сигналами не читается. */\n readonly #pushedState: WritableSignal<IControlState> = signal<IControlState>(PRISTINE_STATE);\n /**\n * Контрол сигнальной привязки. Его состояние не рассылается, а читается геттерами, и\n * внутри геттеров стоят вызовы сигналов формы — то есть из `computed` оно реактивно.\n */\n readonly #signalControl: WritableSignal<AbstractControl | null> = signal<AbstractControl | null>(null);\n /** Отключение, назначенное формой через CVA (`setDisabledState`). */\n readonly #disabledByForm: WritableSignal<boolean> = signal<boolean>(false);\n\n protected readonly value: WritableSignal<TValue>;\n /**\n * Отключение: вход и форма — два независимых источника, поле отключено,\n * если так сказал любой из них. Сводить их в один signal нельзя: форма\n * зовёт `setDisabledState` при связывании контрола, то есть раньше, чем\n * поле впервые обновит своё вью, и мирроринг входа затирал бы её слово —\n * контрол, созданный отключённым, оказывался бы редактируемым.\n */\n protected readonly isDisabled: Signal<boolean> = computed((): boolean => this.disabled() || this.#disabledByForm());\n /** Состояние формы: у сигнальной привязки читается, у прежней берётся разосланное. */\n readonly #state: Signal<IControlState> = computed((): IControlState => {\n const control: AbstractControl | null = this.#signalControl();\n return control === null ? this.#pushedState() : stateOf(control);\n });\n\n /**\n * Пустое поле, обязательное по слову rt-field, которого уже коснулись. Валидатор формы здесь\n * не нужен: его ошибку контрол и так получает от формы.\n */\n readonly #missingRequired: Signal<boolean> = computed(\n (): boolean => this.#requiredAssigned() && !this.#state().required && this.#state().interacted && !this.hasValue()\n );\n\n protected readonly isInvalid: Signal<boolean> = computed((): boolean => this.#state().invalid || this.#missingRequired());\n\n /** Видимость кнопки очистки: включена, есть значение, поле активно. */\n protected readonly showClearButton: Signal<boolean> = computed(\n (): boolean => this.clearable() && this.hasValue() && !this.isDisabled()\n );\n\n /** Tabindex крестика очистки: в порядке обхода только по `clearTabbable`. */\n protected readonly clearTabIndex: Signal<number> = computed((): number => (this.clearTabbable() ? 0 : -1));\n\n /** Есть ли в поле значение — гейт видимости крестика. */\n protected abstract readonly hasValue: Signal<boolean>;\n\n public readonly size: InputSignal<IRtInput.Size> = input<IRtInput.Size>('md');\n public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n public readonly controlId: InputSignal<string | null> = input<string | null>(null);\n public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n public readonly clearable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n transform: booleanAttribute,\n });\n\n /**\n * Ставит крестик очистки в порядок обхода по Tab. По умолчанию `false`: крестик достаётся мышью,\n * а Tab идёт от поля к полю, как прежде. Учитывают его поле ввода и выбор из списка.\n */\n public readonly clearTabbable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n\n /**\n * Подпись `rt-field` в материальном наборе ложится внутрь этого контрола, на место подсказки.\n * Ставят поле ввода, область текста, число и выбор: у палитры, списка и выбора файла места\n * подсказки нет, и подпись над ними остаётся над контролом.\n */\n public readonly fieldLabelInside: boolean = false;\n\n /**\n * Видимая resting-рамка контрола. По умолчанию `true` — рамка видна на обеих\n * темах. `false` снимает только resting-рамку; focus/invalid состояния свою\n * рамку показывают всё равно, read-only остаётся плоским.\n */\n public readonly bordered: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n transform: booleanAttribute,\n });\n\n /** Итоговый id поля: явный input важнее авто-id, назначенного rt-field. */\n public readonly effectiveControlId: Signal<string | null> = computed(\n (): string | null => this.controlId() ?? this.#controlIdAssigned()\n );\n\n /** Read-only режим (плоский текст вместо контрола); включается rt-field'ом. */\n public readonly isReadonly: Signal<boolean> = this.#readonlyAssigned.asReadonly();\n\n /** Публичный invalid для rt-field (touched/dirty учтён в состоянии). */\n public readonly invalid: Signal<boolean> = computed((): boolean => this.isInvalid());\n\n /**\n * Сообщает о сбросе крестиком. Приходит после того, как значение уже пустое и ушло в форму:\n * DOM-событий `input`/`change` сброс не рождает, и хосту, который слушает их, нужен свой сигнал.\n */\n public readonly cleared: OutputEmitterRef<void> = output<void>();\n\n /** Текущие ошибки связанного контрола — источник текста ошибки в rt-field. */\n public readonly errors: Signal<ValidationErrors | null> = computed(\n (): ValidationErrors | null => this.#state().errors ?? (this.#missingRequired() ? { required: true } : null)\n );\n\n /** Обязателен ли контрол — по валидатору формы или по слову rt-field. Для авто-«*». */\n public readonly required: Signal<boolean> = computed((): boolean => this.#state().required || this.#requiredAssigned());\n\n /** Текст read-only представления. Реализуется конкретным контролом. */\n public abstract readonly displayText: Signal<string>;\n\n constructor() {\n this.value = signal<TValue>(this.getEmptyValue());\n // Self-inject NgControl + ручная привязка valueAccessor: доступ к\n // control.invalid/touched без NG_VALUE_ACCESSOR provider'а (тот\n // спровоцировал бы NG0200 cycle при self-reference).\n if (this.#ngControl !== null) {\n this.#ngControl.valueAccessor = this;\n }\n }\n\n public ngOnInit(): void {\n const control: AbstractControl | null = this.#ngControl?.control ?? null;\n if (control === null) {\n return;\n }\n // Контрол, который состояния не рассылает, — переходник сигнальной формы: событий у\n // него нет вовсе, и подписка на них роняла поле из запуска вместе со всем поддеревом\n // разметки. Состояние у него читается геттерами, поэтому берётся вычислением.\n if (!emitsEvents(control)) {\n this.#signalControl.set(control);\n return;\n }\n // Авто-подсветка invalid + зеркало ошибок/required для rt-field.\n this.#pushedState.set(stateOf(control));\n control.events.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((): void => {\n this.#pushedState.set(stateOf(control));\n });\n }\n\n public writeValue(value: TValue | null): void {\n this.value.set(value ?? this.getEmptyValue());\n }\n\n public registerOnChange(fn: (value: TValue) => void): void {\n this.#onChange = fn;\n }\n\n public registerOnTouched(fn: () => void): void {\n this.#onTouched = fn;\n }\n\n public setDisabledState(isDisabled: boolean): void {\n this.#disabledByForm.set(isDisabled);\n }\n\n /** Назначить авто-id (rt-field), когда у контрола нет явного controlId. */\n public assignControlId(id: string): void {\n this.#controlIdAssigned.set(id);\n }\n\n /** Включить/выключить read-only режим — вызывает родительский rt-field. */\n public setReadonly(value: boolean): void {\n this.#readonlyAssigned.set(value);\n }\n\n /** Объявить контрол обязательным — вызывает родительский rt-field. */\n public setRequired(value: boolean): void {\n this.#requiredAssigned.set(value);\n }\n\n /** Очистка значения по кнопке-крестику + возврат фокуса в поле. */\n protected clear(event?: Event): void {\n event?.stopPropagation();\n if (this.isDisabled()) {\n return;\n }\n this.clearValue();\n this.#onChange(this.value());\n this.#onTouched();\n this.focusAfterClear();\n this.cleared.emit();\n }\n\n /** Сбрасывает значение к пустому. Поля с display-сигналом расширяют. */\n protected clearValue(): void {\n this.value.set(this.getEmptyValue());\n }\n\n /** Прокидывает change наружу — для обработчиков пользовательского ввода. */\n protected emitChange(value: TValue): void {\n this.#onChange(value);\n }\n\n /** Помечает контрол touched — для blur/close-обработчиков. */\n protected markTouched(): void {\n this.#onTouched();\n }\n\n /** Пустое значение поля (тип-специфично: \"\", null, []). */\n protected abstract getEmptyValue(): TValue;\n\n /** Возврат фокуса после очистки (в input или на trigger-кнопку). */\n protected abstract focusAfterClear(): void;\n}\n","import { effect, inject, signal, untracked, DestroyRef, ElementRef, Signal, WritableSignal } from '@angular/core';\n\n/**\n * Внешняя ширина подписи на рамке, px, — по ней материальный набор вырезает разрыв в рамке поля,\n * как у поля Material. Ширину подписи стили сами не знают, поэтому её меряет наблюдатель размера.\n * Подпись появляется и пропадает вместе со входом — наблюдатель переезжает за ней.\n *\n * Зовётся в контексте внедрения: в инициализаторе поля компонента.\n */\nexport function rtNotchWidth(label: Signal<ElementRef<HTMLElement> | undefined>): Signal<number> {\n const width: WritableSignal<number> = signal<number>(0);\n let watch: ResizeObserver | null = null;\n\n effect((): void => {\n const element: HTMLElement | undefined = label()?.nativeElement;\n watch?.disconnect();\n watch = null;\n if (element === undefined) {\n // Подписи больше нет: разрыв закрывается, иначе в рамке осталась бы пустая щель.\n untracked((): void => width.set(0));\n return;\n }\n if (typeof ResizeObserver === 'undefined') {\n return;\n }\n // Внешний размер: поднятая подпись получает внутренние поля, и разрыв режется вместе с ними.\n watch = new ResizeObserver((entries: ResizeObserverEntry[]): void =>\n width.set(entries[0]?.borderBoxSize[0]?.inlineSize ?? element.offsetWidth)\n );\n watch.observe(element, { box: 'border-box' });\n });\n inject(DestroyRef).onDestroy((): void => watch?.disconnect());\n\n return width.asReadonly();\n}\n","import { NumberInput } from '@angular/cdk/coercion';\nimport { numberAttribute } from '@angular/core';\n\n/**\n * Предел длины поля из входа `maxlength`: целое не меньше нуля. Пустой атрибут, `null` и не число —\n * предела нет, атрибут на поле не ставится.\n */\nexport function rtMaxlength(value: NumberInput): number | null {\n if (value === null || value === undefined || value === '') {\n return null;\n }\n const limit: number = numberAttribute(value, Number.NaN);\n return Number.isInteger(limit) && limit >= 0 ? limit : null;\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"rt-tools-ui-kit-v2-form-control.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/form-control/rt-form-control.base.ts","../../../projects/ui-kit-v2/src/lib/components/form-control/rt-notch-width.ts","../../../projects/ui-kit-v2/src/lib/components/form-control/rt-maxlength.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n booleanAttribute,\n computed,\n DestroyRef,\n Directive,\n inject,\n input,\n InputSignal,\n InputSignalWithTransform,\n OnInit,\n output,\n OutputEmitterRef,\n Signal,\n signal,\n WritableSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControl, ControlValueAccessor, NgControl, ValidationErrors, Validators } from '@angular/forms';\n\nimport { IRtInput, IRtKitConfig, rtKitDefault } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Базовый класс input-семейства common/ui. Владеет единым CVA-ядром:\n * - self-injected `NgControl` + ручная привязка `valueAccessor` (без\n * `NG_VALUE_ACCESSOR` provider — иначе NG0200 cycle при self-reference),\n * что даёт доступ к `control.invalid/touched` для авто-подсветки ошибки;\n * - сигнал значения `value`, состояния `isDisabled`/`isInvalid` (отключение\n * складывается из входа `disabled` и слова формы — см. `isDisabled`);\n * - общие инпуты `size`/`disabled`/`controlId`/`ariaLabel`/`clearable`/`clearTabbable`;\n * - оркестрацию очистки (`clear`) через абстрактные хуки конкретного поля и выход `cleared`.\n *\n * Конкретные поля реализуют `getEmptyValue`/`hasValue`/`focusAfterClear`. Поля\n * с отдельным display-состоянием (autocomplete, input-number) дополнительно\n * переопределяют `writeValue`/`clearValue`, синхронизируя свой display-сигнал.\n */\n/**\n * Состояние формы, каким его видит поле: негодность, ошибки и обязательность.\n *\n * Собрано одной записью затем, что источников у него два и говорят они по-разному. Прежняя\n * привязка рассылает состояние событиями контрола, сигнальная — не рассылает вовсе и отдаёт\n * его чтениями своего переходника. Порознь эти два пути дали бы полю два набора сигналов, и\n * обёртке пришлось бы знать, какой из них живой.\n */\ninterface IControlState {\n invalid: boolean;\n errors: ValidationErrors | null;\n required: boolean;\n /** Касались ли контрола или правили его: до этого пустое обязательное поле не краснеет. */\n interacted: boolean;\n}\n\n/** Состояние поля, которому форма ещё ничего не сказала. */\nconst PRISTINE_STATE: IControlState = { invalid: false, errors: null, required: false, interacted: false };\n\n/** Рассылает ли контрол своё состояние. Переходник сигнальной формы — не рассылает. */\nfunction emitsEvents(control: AbstractControl): boolean {\n return typeof (control.events as { pipe?: unknown } | undefined)?.pipe === 'function';\n}\n\n/** Состояние формы, снятое с контрола любого рода. */\nfunction stateOf(control: AbstractControl): IControlState {\n return {\n invalid: !!control.invalid && (control.touched || control.dirty),\n errors: control.errors,\n required: control.hasValidator(Validators.required),\n interacted: control.touched || control.dirty,\n };\n}\n\n@Directive()\nexport abstract class RtFormControlBase<TValue> implements ControlValueAccessor, OnInit {\n readonly #ngControl: NgControl | null = inject(NgControl, { self: true, optional: true });\n readonly #destroyRef: DestroyRef = inject(DestroyRef);\n readonly #clearTabbableDefault: boolean = rtKitDefault(\n 'formControl',\n (it: IRtKitConfig.FormControl): boolean | undefined => it.clearTabbable,\n false\n );\n\n #onChange: (value: TValue) => void = (): void => undefined;\n #onTouched: () => void = (): void => undefined;\n\n // Состояние, которым управляет родительский rt-field (через публичные сеттеры):\n // авто-id для связки label[for], read-only режим, зеркало ошибок/required.\n readonly #controlIdAssigned: WritableSignal<string | null> = signal<string | null>(null);\n readonly #readonlyAssigned: WritableSignal<boolean> = signal<boolean>(false);\n /**\n * Обязательность, объявленная полем. Шаблонная форма валидатора на контрол не кладёт, и без\n * этого признака её обязательное поле не получало бы ни звёздочки, ни ошибки.\n */\n readonly #requiredAssigned: WritableSignal<boolean> = signal<boolean>(false);\n /** Состояние, разосланное прежней привязкой: её контрол сигналами не читается. */\n readonly #pushedState: WritableSignal<IControlState> = signal<IControlState>(PRISTINE_STATE);\n /**\n * Контрол сигнальной привязки. Его состояние не рассылается, а читается геттерами, и\n * внутри геттеров стоят вызовы сигналов формы — то есть из `computed` оно реактивно.\n */\n readonly #signalControl: WritableSignal<AbstractControl | null> = signal<AbstractControl | null>(null);\n /** Отключение, назначенное формой через CVA (`setDisabledState`). */\n readonly #disabledByForm: WritableSignal<boolean> = signal<boolean>(false);\n\n protected readonly value: WritableSignal<TValue>;\n /**\n * Отключение: вход и форма — два независимых источника, поле отключено,\n * если так сказал любой из них. Сводить их в один signal нельзя: форма\n * зовёт `setDisabledState` при связывании контрола, то есть раньше, чем\n * поле впервые обновит своё вью, и мирроринг входа затирал бы её слово —\n * контрол, созданный отключённым, оказывался бы редактируемым.\n */\n protected readonly isDisabled: Signal<boolean> = computed((): boolean => this.disabled() || this.#disabledByForm());\n /** Состояние формы: у сигнальной привязки читается, у прежней берётся разосланное. */\n readonly #state: Signal<IControlState> = computed((): IControlState => {\n const control: AbstractControl | null = this.#signalControl();\n return control === null ? this.#pushedState() : stateOf(control);\n });\n\n /**\n * Пустое поле, обязательное по слову rt-field, которого уже коснулись. Валидатор формы здесь\n * не нужен: его ошибку контрол и так получает от формы.\n */\n readonly #missingRequired: Signal<boolean> = computed(\n (): boolean => this.#requiredAssigned() && !this.#state().required && this.#state().interacted && !this.hasValue()\n );\n\n protected readonly isInvalid: Signal<boolean> = computed((): boolean => this.#state().invalid || this.#missingRequired());\n\n /** Видимость кнопки очистки: включена, есть значение, поле активно. */\n protected readonly showClearButton: Signal<boolean> = computed(\n (): boolean => this.clearable() && this.hasValue() && !this.isDisabled()\n );\n\n /** Tabindex крестика очистки: в порядке обхода только по `clearTabbable`. */\n protected readonly clearTabIndex: Signal<number> = computed((): number => (this.clearTabbable() ? 0 : -1));\n\n /** Есть ли в поле значение — гейт видимости крестика. */\n protected abstract readonly hasValue: Signal<boolean>;\n\n public readonly size: InputSignal<IRtInput.Size> = input<IRtInput.Size>('md');\n public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n public readonly controlId: InputSignal<string | null> = input<string | null>(null);\n public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n public readonly clearable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n transform: booleanAttribute,\n });\n\n /**\n * Ставит крестик очистки в порядок обхода по Tab. Умолчание — `formControl.clearTabbable` из\n * настроек кита, без него `false`: крестик достаётся мышью, а Tab идёт от поля к полю.\n */\n public readonly clearTabbable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(\n this.#clearTabbableDefault,\n {\n transform: booleanAttribute,\n }\n );\n\n /**\n * Подпись `rt-field` в материальном наборе ложится внутрь этого контрола, на место подсказки.\n * Ставят поле ввода, область текста, число и выбор: у палитры, списка и выбора файла места\n * подсказки нет, и подпись над ними остаётся над контролом.\n */\n public readonly fieldLabelInside: boolean = false;\n\n /**\n * Видимая resting-рамка контрола. По умолчанию `true` — рамка видна на обеих\n * темах. `false` снимает только resting-рамку; focus/invalid состояния свою\n * рамку показывают всё равно, read-only остаётся плоским.\n */\n public readonly bordered: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n transform: booleanAttribute,\n });\n\n /** Итоговый id поля: явный input важнее авто-id, назначенного rt-field. */\n public readonly effectiveControlId: Signal<string | null> = computed(\n (): string | null => this.controlId() ?? this.#controlIdAssigned()\n );\n\n /** Read-only режим (плоский текст вместо контрола); включается rt-field'ом. */\n public readonly isReadonly: Signal<boolean> = this.#readonlyAssigned.asReadonly();\n\n /** Публичный invalid для rt-field (touched/dirty учтён в состоянии). */\n public readonly invalid: Signal<boolean> = computed((): boolean => this.isInvalid());\n\n /**\n * Сообщает о сбросе крестиком. Приходит после того, как значение уже пустое и ушло в форму:\n * DOM-событий `input`/`change` сброс не рождает, и хосту, который слушает их, нужен свой сигнал.\n */\n public readonly cleared: OutputEmitterRef<void> = output<void>();\n\n /** Текущие ошибки связанного контрола — источник текста ошибки в rt-field. */\n public readonly errors: Signal<ValidationErrors | null> = computed(\n (): ValidationErrors | null => this.#state().errors ?? (this.#missingRequired() ? { required: true } : null)\n );\n\n /** Обязателен ли контрол — по валидатору формы или по слову rt-field. Для авто-«*». */\n public readonly required: Signal<boolean> = computed((): boolean => this.#state().required || this.#requiredAssigned());\n\n /** Текст read-only представления. Реализуется конкретным контролом. */\n public abstract readonly displayText: Signal<string>;\n\n constructor() {\n this.value = signal<TValue>(this.getEmptyValue());\n // Self-inject NgControl + ручная привязка valueAccessor: доступ к\n // control.invalid/touched без NG_VALUE_ACCESSOR provider'а (тот\n // спровоцировал бы NG0200 cycle при self-reference).\n if (this.#ngControl !== null) {\n this.#ngControl.valueAccessor = this;\n }\n }\n\n public ngOnInit(): void {\n const control: AbstractControl | null = this.#ngControl?.control ?? null;\n if (control === null) {\n return;\n }\n // Контрол, который состояния не рассылает, — переходник сигнальной формы: событий у\n // него нет вовсе, и подписка на них роняла поле из запуска вместе со всем поддеревом\n // разметки. Состояние у него читается геттерами, поэтому берётся вычислением.\n if (!emitsEvents(control)) {\n this.#signalControl.set(control);\n return;\n }\n // Авто-подсветка invalid + зеркало ошибок/required для rt-field.\n this.#pushedState.set(stateOf(control));\n control.events.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((): void => {\n this.#pushedState.set(stateOf(control));\n });\n }\n\n public writeValue(value: TValue | null): void {\n this.value.set(value ?? this.getEmptyValue());\n }\n\n public registerOnChange(fn: (value: TValue) => void): void {\n this.#onChange = fn;\n }\n\n public registerOnTouched(fn: () => void): void {\n this.#onTouched = fn;\n }\n\n public setDisabledState(isDisabled: boolean): void {\n this.#disabledByForm.set(isDisabled);\n }\n\n /** Назначить авто-id (rt-field), когда у контрола нет явного controlId. */\n public assignControlId(id: string): void {\n this.#controlIdAssigned.set(id);\n }\n\n /** Включить/выключить read-only режим — вызывает родительский rt-field. */\n public setReadonly(value: boolean): void {\n this.#readonlyAssigned.set(value);\n }\n\n /** Объявить контрол обязательным — вызывает родительский rt-field. */\n public setRequired(value: boolean): void {\n this.#requiredAssigned.set(value);\n }\n\n /** Очистка значения по кнопке-крестику + возврат фокуса в поле. */\n protected clear(event?: Event): void {\n event?.stopPropagation();\n if (this.isDisabled()) {\n return;\n }\n this.clearValue();\n this.#onChange(this.value());\n this.#onTouched();\n this.focusAfterClear();\n this.cleared.emit();\n }\n\n /** Сбрасывает значение к пустому. Поля с display-сигналом расширяют. */\n protected clearValue(): void {\n this.value.set(this.getEmptyValue());\n }\n\n /** Прокидывает change наружу — для обработчиков пользовательского ввода. */\n protected emitChange(value: TValue): void {\n this.#onChange(value);\n }\n\n /** Помечает контрол touched — для blur/close-обработчиков. */\n protected markTouched(): void {\n this.#onTouched();\n }\n\n /** Пустое значение поля (тип-специфично: \"\", null, []). */\n protected abstract getEmptyValue(): TValue;\n\n /** Возврат фокуса после очистки (в input или на trigger-кнопку). */\n protected abstract focusAfterClear(): void;\n}\n","import { effect, inject, signal, untracked, DestroyRef, ElementRef, Signal, WritableSignal } from '@angular/core';\n\n/**\n * Внешняя ширина подписи на рамке, px, — по ней материальный набор вырезает разрыв в рамке поля,\n * как у поля Material. Ширину подписи стили сами не знают, поэтому её меряет наблюдатель размера.\n * Подпись появляется и пропадает вместе со входом — наблюдатель переезжает за ней.\n *\n * Зовётся в контексте внедрения: в инициализаторе поля компонента.\n */\nexport function rtNotchWidth(label: Signal<ElementRef<HTMLElement> | undefined>): Signal<number> {\n const width: WritableSignal<number> = signal<number>(0);\n let watch: ResizeObserver | null = null;\n\n effect((): void => {\n const element: HTMLElement | undefined = label()?.nativeElement;\n watch?.disconnect();\n watch = null;\n if (element === undefined) {\n // Подписи больше нет: разрыв закрывается, иначе в рамке осталась бы пустая щель.\n untracked((): void => width.set(0));\n return;\n }\n if (typeof ResizeObserver === 'undefined') {\n return;\n }\n // Внешний размер: поднятая подпись получает внутренние поля, и разрыв режется вместе с ними.\n watch = new ResizeObserver((entries: ResizeObserverEntry[]): void =>\n width.set(entries[0]?.borderBoxSize[0]?.inlineSize ?? element.offsetWidth)\n );\n watch.observe(element, { box: 'border-box' });\n });\n inject(DestroyRef).onDestroy((): void => watch?.disconnect());\n\n return width.asReadonly();\n}\n","import { NumberInput } from '@angular/cdk/coercion';\nimport { numberAttribute } from '@angular/core';\n\n/**\n * Предел длины поля из входа `maxlength`: целое не меньше нуля. Пустой атрибут, `null` и не число —\n * предела нет, атрибут на поле не ставится.\n */\nexport function rtMaxlength(value: NumberInput): number | null {\n if (value === null || value === undefined || value === '') {\n return null;\n }\n const limit: number = numberAttribute(value, Number.NaN);\n return Number.isInteger(limit) && limit >= 0 ? limit : null;\n}\n"],"mappings":";;;;;AAqDA,MAAM,iBAAgC;CAAE,SAAS;CAAO,QAAQ;CAAM,UAAU;CAAO,YAAY;AAAK;AAGxG,SAAS,YAAY,SAAwB;CACzC,OAAO,OAAQ,QAAQ,QAA2C,SAAS;AAC/E;AAGA,SAAS,QAAQ,SAAwB;CACrC,OAAO;EACH,SAAS,CAAC,CAAC,QAAQ,YAAY,QAAQ,WAAW,QAAQ;EAC1D,QAAQ,QAAQ;EAChB,UAAU,QAAQ,aAAa,WAAW,QAAQ;EAClD,YAAY,QAAQ,WAAW,QAAQ;CAC1C;AACL;AAGA,IAAsB,oBAAtB,MAAsB,kBAAiB;CAC1B;CACA;CACA;CAMT;CACA;CAIS;CACA;CAKA;CAEA;CAKA;CAEA;CAYA;CASA;CAkFT,cAAA;EAnIS,KAAA,aAA+B,OAAO,WAAW;GAAE,MAAM;GAAM,UAAU;EAAI,CAAE;EAC/E,KAAA,cAA0B,OAAO,UAAU;EAC3C,KAAA,wBAAiC,aACtC,gBACC,OAAsD,GAAG,eAC1D,KAAK;EAGT,KAAA,kBAAiD;EACjD,KAAA,mBAAqC;EAI5B,KAAA,qBAAoD,OAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,qBAAA,CAAA,+BAAA,CAAA,CAAA;EAC/E,KAAA,oBAA6C,OAAgB,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,oBAAA,CAAA,+BAAA,CAAA,CAAA;EAKnE,KAAA,oBAA6C,OAAgB,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,oBAAA,CAAA,+BAAA,CAAA,CAAA;EAEnE,KAAA,eAA8C,OAAsB,gBAAe,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;EAKnF,KAAA,iBAAyD,OAA+B,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,iBAAA,CAAA,+BAAA,CAAA,CAAA;EAE7F,KAAA,kBAA2C,OAAgB,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;EAUvD,KAAA,aAA8B,eAAwB,KAAK,SAAQ,KAAM,KAAK,gBAAe,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EAE1G,KAAA,SAAgC,eAA6B;GAClE,MAAM,UAAkC,KAAK,eAAc;GAC3D,OAAO,YAAY,OAAO,KAAK,aAAY,IAAK,QAAQ,OAAO;EACnE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAMO,KAAA,mBAAoC,eAC1B,KAAK,kBAAiB,KAAM,CAAC,KAAK,OAAM,CAAE,CAAC,YAAY,KAAK,OAAM,CAAE,CAAC,cAAc,CAAC,KAAK,SAAQ,GACnH,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;EAEkB,KAAA,YAA6B,eAAwB,KAAK,OAAM,CAAE,CAAC,WAAW,KAAK,iBAAgB,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAGtG,KAAA,kBAAmC,eACnC,KAAK,UAAS,KAAM,KAAK,SAAQ,KAAM,CAAC,KAAK,WAAU,GACzE,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;EAGkB,KAAA,gBAAgC,eAAwB,KAAK,cAAa,IAAK,IAAI,IAAI,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;EAK1F,KAAA,OAAmC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;EAC7D,KAAA,WAA4D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;GAC1G,WAAW;EAAgB,CAAA;EAEf,KAAA,YAAwC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAClE,KAAA,YAAwC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAClE,KAAA,YAA6D,MAA6B,MAAI;GAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;GAC1G,WAAW;EAAgB,CAAA;EAOf,KAAA,gBAAiE,MAC7E,KAAK,uBAAqB;GAAA,GAAA,YAAA,EAAA,WAAA,gBAAA,+BAAA,CAAA;GAEtB,WAAW;EAAgB,CAAA;EASnB,KAAA,mBAA4B;EAO5B,KAAA,WAA4D,MAA6B,MAAI;GAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;GACzG,WAAW;EAAgB,CAAA;EAIf,KAAA,qBAA4C,eACnC,KAAK,UAAS,KAAM,KAAK,mBAAkB,GACnE,GAAA,YAAA,CAAA,EAAA,WAAA,qBAAA,CAAA,+BAAA,CAAA,CAAA;EAGe,KAAA,aAA8B,KAAK,kBAAkB,WAAU;EAG/D,KAAA,UAA2B,eAAwB,KAAK,UAAS,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;EAMpE,KAAA,UAAkC,OAAM;EAGxC,KAAA,SAA0C,eACvB,KAAK,OAAM,CAAE,CAAC,WAAW,KAAK,iBAAgB,IAAK,EAAE,UAAU,KAAI,IAAK,OAC1G,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAGe,KAAA,WAA4B,eAAwB,KAAK,OAAM,CAAE,CAAC,YAAY,KAAK,kBAAiB,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAMnH,KAAK,QAAQ,OAAe,KAAK,cAAa,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAIjD,IAAI,KAAK,eAAe,MACpB,KAAK,WAAW,gBAAgB;CAExC;CAEO,WAAQ;EACX,MAAM,UAAkC,KAAK,YAAY,WAAW;EACpE,IAAI,YAAY,MACZ;EAKJ,IAAI,CAAC,YAAY,OAAO,GAAG;GACvB,KAAK,eAAe,IAAI,OAAO;GAC/B;EACJ;EAEA,KAAK,aAAa,IAAI,QAAQ,OAAO,CAAC;EACtC,QAAQ,OAAO,KAAK,mBAAmB,KAAK,WAAW,CAAC,CAAC,CAAC,gBAAqB;GAC3E,KAAK,aAAa,IAAI,QAAQ,OAAO,CAAC;EAC1C,CAAC;CACL;CAEO,WAAW,OAAoB;EAClC,KAAK,MAAM,IAAI,SAAS,KAAK,cAAa,CAAE;CAChD;CAEO,iBAAiB,IAA2B;EAC/C,KAAK,YAAY;CACrB;CAEO,kBAAkB,IAAc;EACnC,KAAK,aAAa;CACtB;CAEO,iBAAiB,YAAmB;EACvC,KAAK,gBAAgB,IAAI,UAAU;CACvC;CAGO,gBAAgB,IAAU;EAC7B,KAAK,mBAAmB,IAAI,EAAE;CAClC;CAGO,YAAY,OAAc;EAC7B,KAAK,kBAAkB,IAAI,KAAK;CACpC;CAGO,YAAY,OAAc;EAC7B,KAAK,kBAAkB,IAAI,KAAK;CACpC;CAGU,MAAM,OAAa;EACzB,OAAO,gBAAe;EACtB,IAAI,KAAK,WAAU,GACf;EAEJ,KAAK,WAAU;EACf,KAAK,UAAU,KAAK,MAAK,CAAE;EAC3B,KAAK,WAAU;EACf,KAAK,gBAAe;EACpB,KAAK,QAAQ,KAAI;CACrB;CAGU,aAAU;EAChB,KAAK,MAAM,IAAI,KAAK,cAAa,CAAE;CACvC;CAGU,WAAW,OAAa;EAC9B,KAAK,UAAU,KAAK;CACxB;CAGU,cAAW;EACjB,KAAK,WAAU;CACnB;CA1NkB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAiB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAjB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAiB,cAAA;GAAA,QAAA;IAAA,MAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,eAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,SAAA,EAAA,SAAA,UAAA;GAAA,UAAA;EAAA,CAAA;CAAA;;AAAjB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA,EADtC,MAAA,UAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7DD,SAAgB,aAAa,OAAkD;CAC3E,MAAM,QAAgC,OAAe,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACvD,IAAI,QAA+B;CAEnC,aAAkB;EACd,MAAM,UAAmC,MAAK,CAAE,EAAE;EAClD,OAAO,WAAU;EACjB,QAAQ;EACR,IAAI,YAAY,QAAW;GAEvB,gBAAsB,MAAM,IAAI,CAAC,CAAC;GAClC;EACJ;EACA,IAAI,OAAO,mBAAmB,aAC1B;EAGJ,QAAQ,IAAI,gBAAgB,YACxB,MAAM,IAAI,QAAQ,EAAE,EAAE,cAAc,EAAE,EAAE,cAAc,QAAQ,WAAW,CAAC;EAE9E,MAAM,QAAQ,SAAS,EAAE,KAAK,aAAY,CAAE;CAChD,CAAC;CACD,OAAO,UAAU,CAAC,CAAC,gBAAsB,OAAO,WAAU,CAAE;CAE5D,OAAO,MAAM,WAAU;AAC3B;AC3BA,SAAgB,YAAY,OAAkB;CAC1C,IAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,IACnD,OAAO;CAEX,MAAM,QAAgB,gBAAgB,OAAO,GAAU;CACvD,OAAO,OAAO,UAAU,KAAK,KAAK,SAAS,IAAI,QAAQ;AAC3D"}
|
|
@@ -215,6 +215,11 @@ const iconMaterialMap = [
|
|
|
215
215
|
to: "ban",
|
|
216
216
|
why: "круг с перечёркиванием, один в один"
|
|
217
217
|
},
|
|
218
|
+
{
|
|
219
|
+
from: "bookmark",
|
|
220
|
+
to: "bookmark",
|
|
221
|
+
why: `${SAME_NAME}; дорисован для заливки иконки вкладки`
|
|
222
|
+
},
|
|
218
223
|
{
|
|
219
224
|
from: "chat",
|
|
220
225
|
to: "comment",
|
|
@@ -295,6 +300,11 @@ const iconMaterialMap = [
|
|
|
295
300
|
to: "expand-all",
|
|
296
301
|
why: `${SAME_NAME}; в первом ките не встречается — его зовёт приложение у выбора деревом`
|
|
297
302
|
},
|
|
303
|
+
{
|
|
304
|
+
from: "flag",
|
|
305
|
+
to: "flag",
|
|
306
|
+
why: `${SAME_NAME}; дорисован для заливки иконки вкладки`
|
|
307
|
+
},
|
|
298
308
|
{
|
|
299
309
|
from: "folder",
|
|
300
310
|
to: "folder",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rt-tools-ui-kit-v2-icon.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/icon/icon-categories.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon-font.service.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon-material-map.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon-glyph.logic.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon.const.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon.registry.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon.component.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon.component.html","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon.providers.ts"],"sourcesContent":["import { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Категории иконок rt-icon. 11 buckets: 8 prefix-based + Social (префикс `social-`) + Custom\n * (префикс `ico-`) + Misc (fallback).\n * Порядок фиксирован — соответствует порядку отображения в Catalog story (rt-icon.stories.ts).\n *\n * Аннотация типа намеренно не указывается: явный `readonly string[]` потерял бы узкий\n * литеральный тип, нужный для {@link TIconCategory}. `as const` сохраняет литеральные ключи.\n */\n// eslint-disable-next-line @typescript-eslint/typedef -- аннотация стёрла бы литеральный тип, на котором стоит TIconCategory\nexport const CATEGORY_ORDER = [\n 'Navigation',\n 'Alignment & Sorting',\n 'Status',\n 'Time & Calendar',\n 'Communication',\n 'Documents',\n 'People',\n 'Commerce',\n 'Social',\n 'Custom',\n 'Misc',\n] as const;\n\n/** Литеральный union из {@link CATEGORY_ORDER}. */\nexport type TIconCategory = (typeof CATEGORY_ORDER)[number];\n\n/**\n * Правило маппинга имени иконки в категорию.\n * Порядок правил в {@link ICON_CATEGORY_RULES} важен: первое совпавшее правило выигрывает.\n */\ninterface IIconCategoryRule {\n readonly category: TIconCategory;\n readonly match: (name: string) => boolean;\n}\n\nfunction startsWithAny(name: string, prefixes: readonly string[]): boolean {\n return prefixes.some((p: string): boolean => name.startsWith(p));\n}\n\nfunction isOneOf(name: string, names: readonly string[]): boolean {\n return names.includes(name);\n}\n\nfunction matchPrefixOrExact(prefixes: readonly string[], exact: readonly string[]): (name: string) => boolean {\n return (name: string): boolean => startsWithAny(name, prefixes) || isOneOf(name, exact);\n}\n\n/**\n * Упорядоченный список правил категоризации.\n * `Custom` — единственная категория по строгому префиксу `ico-` и проверяется первой,\n * чтобы исключить конфликты с другими prefix-based категориями.\n * `Misc` — fallback в {@link categoryOf}, отдельным правилом не описывается.\n */\nexport const ICON_CATEGORY_RULES: readonly IIconCategoryRule[] = [\n // Знаки соцсетей — цветные, со своей заливкой в файле; в каталоге они стоят своим рядом,\n // чтобы не смешиваться с одноцветными, которые красит тема.\n { category: 'Social', match: (n: string): boolean => n.startsWith('social-') },\n { category: 'Custom', match: (n: string): boolean => n.startsWith('ico-') },\n {\n category: 'Navigation',\n match: matchPrefixOrExact(['arrow', 'arrows', 'angle', 'chevron', 'directions'], []),\n },\n {\n category: 'Alignment & Sorting',\n match: matchPrefixOrExact(['align', 'sort', 'bars', 'ellipsis', 'sliders', 'filter', 'th'], []),\n },\n {\n category: 'Status',\n match: matchPrefixOrExact(['check', 'times', 'ban', 'exclamation', 'info', 'eye', 'lock', 'unlock', 'shield'], ['spinner', 'stop']),\n },\n {\n category: 'Time & Calendar',\n match: matchPrefixOrExact(['alarm', 'calendar'], ['clock']),\n },\n {\n category: 'Communication',\n match: matchPrefixOrExact(['comment', 'share'], ['bell', 'bot', 'telegram', 'at', 'email', 'send', 'phone', 'mobile']),\n },\n {\n category: 'Documents',\n match: matchPrefixOrExact(['attach', 'file', 'folder', 'bookmark'], ['book', 'copy', 'clone', 'tag', 'tags']),\n },\n {\n category: 'People',\n match: matchPrefixOrExact(['user'], ['users', 'id-card']),\n },\n {\n category: 'Commerce',\n match: (n: string): boolean => isOneOf(n, ['wallet', 'money-bill', 'ticket', 'credit-card']),\n },\n];\n\n/**\n * Возвращает категорию для имени иконки.\n * Первое совпавшее правило в {@link ICON_CATEGORY_RULES} выигрывает; иначе — `Misc`.\n */\nexport function categoryOf(name: IRtIcon.Name): TIconCategory {\n for (const rule of ICON_CATEGORY_RULES) {\n if (rule.match(name)) {\n return rule.category;\n }\n }\n return 'Misc';\n}\n","import { DOCUMENT } from '@angular/common';\nimport { Injectable, InjectionToken, Signal, WritableSignal, inject, signal } from '@angular/core';\n\nimport { PlatformService } from '@rt-tools/core';\n\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Как значки приложения рисуют имя Material. Задаётся третьим аргументом `provideRtIcons()`;\n * по умолчанию `map-first` — пара из перечня кита, а без пары шрифт.\n */\nexport const RT_ICON_GLYPH_STRATEGY: InjectionToken<IRtIcon.GlyphStrategy> = new InjectionToken<IRtIcon.GlyphStrategy>(\n 'RT_ICON_GLYPH_STRATEGY',\n {\n providedIn: 'root',\n factory: (): IRtIcon.GlyphStrategy => 'map-first',\n }\n);\n\n/**\n * Готовность шрифтов страницы — одна на все значки.\n *\n * Лигатура до готовности шрифта рисуется словом в запасном шрифте: значок прячет её, пока страница\n * не сказала, что шрифты готовы. Кит шрифт не везёт и семью не знает, поэтому ждёт общую готовность,\n * а не загрузку одной семьи. На сервере шрифтов нет — лигатура там скрыта. Браузер без интерфейса\n * шрифтов ждать нечем, и лигатура показывается сразу.\n */\n@Injectable({ providedIn: 'root' })\nexport class RtIconFontService {\n readonly #ready: WritableSignal<boolean> = signal<boolean>(false);\n\n readonly #isBrowser: boolean = inject(PlatformService).isPlatformBrowser;\n\n readonly #document: Document = inject(DOCUMENT);\n\n public readonly ready: Signal<boolean> = this.#ready.asReadonly();\n\n constructor() {\n this.#watchFonts();\n }\n\n #watchFonts(): void {\n if (!this.#isBrowser) {\n return;\n }\n const fonts: FontFaceSet | undefined = this.#document.fonts;\n if (!fonts) {\n this.#ready.set(true);\n return;\n }\n void fonts.ready.then((): void => this.#ready.set(true));\n }\n}\n","import { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Соответствие значков первого кита значкам этого набора.\n *\n * Первый кит рисует значки шрифтом Material: имя стоит прямо в шаблоне. Здесь у каждого такого\n * имени ровно одна пара — иначе один и тот же смысл приезжает на разные экраны разными\n * рисунками, а переезжающий выбирает значок заново на каждом экране.\n *\n * Перечень закрывает имена, которые видны поиском: голое слово в шаблоне, слово в тернарнике и\n * слово внутри разбора по виду фильтра. Имена, подставляемые выражением, сюда не попадают: они\n * приезжают из данных приложения и деревом кита не видны. Это граница перечня, а не его пробел.\n *\n * Пара ведёт на имя из фрейма, а не на своё с приставкой `ico-`, там где есть оба. Имён из\n * фрейма 229 против 118, и они одной рисовки: смешанный набор дал бы разнобой на экране. Восемь\n * таких пар помечены доводом — их можно переложить на свои одним местом.\n *\n * Имя без пары стоит здесь же, с причиной: молчание об имени неотличимо от того, что о нём\n * забыли. Дорисовка недостающего — работа рисующего, и она вынесена за границу задачи.\n *\n * Держит перечень `tools/check-icon-map.mjs`: каждая пара ведёт на имя союза и на существующий\n * файл, имена не повторяются, причина у имени без пары не пуста.\n */\n\n/** Довод самой частой пары: имя первого кита и имя набора совпали после замены подчёркиваний. */\nconst SAME_NAME: string = 'совпадает именем';\n\n/** Одна запись перечня: имя первого кита и то, чем оно закрывается здесь. */\nexport interface IRtIconMaterialEntry {\n /** Имя значка первого кита — так, как оно стоит в его шаблоне. */\n readonly from: string;\n\n /** Имя этого набора либо `null`, если рисунка в наборе нет. */\n readonly to: IRtIcon.Name | null;\n\n /** Довод к паре либо причина, по которой пары нет. Пустым не бывает. */\n readonly why: string;\n}\n\nexport const iconMaterialMap: readonly IRtIconMaterialEntry[] = [\n { from: 'account_circle', to: 'ico-user', why: 'силуэт человека; у user уже стоит рисунок person, поэтому пара на двойнике ico-user' },\n { from: 'add', to: 'ico-plus', why: 'простой плюс есть только в своей рисовке — во фрейме плюс лишь в круге и в составных' },\n { from: 'arrow_back', to: 'arrow-left', why: 'стрелка влево, один в один' },\n { from: 'arrow_forward', to: 'arrow-right', why: 'стрелка вправо, один в один' },\n { from: 'auto_awesome', to: 'sparkle', why: 'знак ИИ: большая и малая четырёхлучевые искры' },\n { from: 'backup', to: 'cloud-upload', why: 'у Material backup — облако со стрелкой вверх, это оно и есть' },\n { from: 'block', to: 'ban', why: 'круг с перечёркиванием, один в один' },\n { from: 'chat', to: 'comment', why: 'облачко реплики, ближний: у Material оно квадратное, здесь круглое' },\n { from: 'chat_error', to: 'chat-error', why: SAME_NAME },\n { from: 'chevron_left', to: 'chevron-left', why: SAME_NAME },\n { from: 'chevron_right', to: 'chevron-right', why: SAME_NAME },\n { from: 'close', to: 'close', why: `${SAME_NAME}; есть двойник ico-close` },\n { from: 'collapse_all', to: 'collapse-all', why: `${SAME_NAME}; в первом ките не встречается — его зовёт приложение у выбора деревом` },\n { from: 'content_copy', to: 'copy', why: 'два листа, один в один; есть двойник ico-copy' },\n { from: 'dashboard', to: 'th-large', why: 'ближний: у Material четыре разных плитки, здесь четыре равных' },\n { from: 'delete', to: 'trash', why: 'корзина, один в один; есть двойник ico-trash' },\n { from: 'delete_forever', to: 'trash-x', why: 'корзина с крестом, дорисована в своём наборе для кнопки очистки списка' },\n { from: 'done', to: 'check', why: 'галочка, один в один; есть двойник ico-check' },\n { from: 'email', to: 'email', why: 'конверт, один в один' },\n { from: 'download', to: 'ico-download', why: 'простая стрелка вниз есть только в своей рисовке — во фрейме лишь облако' },\n {\n from: 'drag_handle',\n to: 'equals',\n why: 'две горизонтальные полосы; рисунок дорисован по слову владельца — им таблица первого кита показывает сравнение «равно»',\n },\n { from: 'edit', to: 'pencil', why: 'карандаш, один в один' },\n { from: 'expand_all', to: 'expand-all', why: `${SAME_NAME}; в первом ките не встречается — его зовёт приложение у выбора деревом` },\n { from: 'folder', to: 'folder', why: SAME_NAME },\n { from: 'fork_spoon', to: 'fork-spoon', why: SAME_NAME },\n { from: 'fullscreen', to: 'fullscreen', why: SAME_NAME },\n { from: 'fullscreen_exit', to: 'window-minimize', why: 'уголки внутрь — пара к fullscreen, выход из полного экрана в шапке чата' },\n { from: 'history', to: 'history', why: SAME_NAME },\n { from: 'home', to: 'home', why: SAME_NAME },\n { from: 'info', to: 'info-circle', why: 'круг с буквой i — так рисует Material; голое info в наборе другое' },\n { from: 'insert_chart', to: 'chart-bar', why: 'столбики диаграммы, ближний: у Material они в рамке' },\n { from: 'keyboard_arrow_down', to: 'chevron-down', why: 'шеврон вниз, один в один; есть двойник ico-chevron-down' },\n { from: 'layers', to: 'layers', why: SAME_NAME },\n { from: 'light_mode', to: 'ico-sun', why: 'солнце, один в один; простого солнца во фрейме нет' },\n { from: 'local_offer', to: 'tag', why: 'ярлык, один в один' },\n { from: 'logout', to: 'ico-exit', why: 'дверь со стрелкой наружу, один в один' },\n { from: 'menu', to: 'bars', why: 'три полосы, один в один' },\n { from: 'monitoring', to: 'chart-line', why: 'ближний: у Material ломаная над осями, здесь ломаная' },\n { from: 'moon_stars', to: 'moon', why: 'ближний: месяц без звёзд' },\n { from: 'more_horiz', to: 'ellipsis-h', why: 'три точки по горизонтали' },\n { from: 'more_vert', to: 'ellipsis-v', why: 'три точки по вертикали' },\n { from: 'open_in_new', to: 'external-link', why: 'квадрат со стрелкой наружу' },\n {\n from: 'open_with',\n to: 'arrows',\n why: 'четыре стрелки из центра; рисунок дорисован — им панель колонок первого кита показывает ручку перетаскивания',\n },\n { from: 'person', to: 'user', why: 'силуэт человека, один в один; есть двойник ico-user' },\n { from: 'person_off', to: 'user-off', why: 'силуэт человека, перечёркнутый наискось; рисунок дорисован по слову владельца' },\n { from: 'push_pin', to: 'pin', why: 'канцелярская булавка; рисунок дорисован — ею первый кит закрепляет подменю' },\n { from: 'refresh', to: 'refresh', why: SAME_NAME },\n { from: 'remove', to: 'minus', why: 'горизонтальная черта, один в один' },\n { from: 'search', to: 'search', why: `${SAME_NAME}; есть двойник ico-search` },\n { from: 'settings', to: 'cog', why: 'шестерёнка, один в один' },\n { from: 'star', to: 'star', why: SAME_NAME },\n { from: 'sync', to: 'sync', why: SAME_NAME },\n { from: 'thumb_down', to: 'thumb-down', why: 'палец вниз, один в один' },\n { from: 'thumb_up', to: 'thumb-up', why: 'палец вверх, один в один' },\n { from: 'troubleshoot', to: 'troubleshoot', why: SAME_NAME },\n { from: 'undo', to: 'undo', why: `${SAME_NAME}; в первом ките не встречается — его зовёт откат выбора деревом` },\n { from: 'view_column', to: 'table', why: 'ближний: у Material это колонки, здесь таблица — решение владельца' },\n { from: 'visibility', to: 'eye', why: 'глаз, один в один; есть двойник ico-eye' },\n { from: 'visibility_off', to: 'eye-slash', why: 'перечёркнутый глаз, один в один' },\n\n { from: 'zoom_in', to: 'search-plus', why: 'лупа с плюсом, один в один' },\n];\n\n/**\n * Имена кита, у которых в материальном наборе лежит свой рисунок.\n *\n * Считается из перечня, а не пишется списком: свой список разошёлся бы с перечнем молча — реестр\n * ходил бы за файлом, которого нет, или не ходил бы за лежащим.\n */\nexport const iconMaterialDrawn: ReadonlySet<IRtIcon.Name> = new Set<IRtIcon.Name>(\n iconMaterialMap\n .map((entry: IRtIconMaterialEntry): IRtIcon.Name | null => entry.to)\n .filter((name: IRtIcon.Name | null): name is IRtIcon.Name => name !== null)\n);\n","import { iconMaterialMap, IRtIconMaterialEntry } from './rt-icon-material-map';\nimport { iconsName } from '@rt-tools/ui-kit-v2/core';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\nconst KIT_NAMES: ReadonlySet<string> = new Set<string>(iconsName);\n\n/** Имя лигатуры Material Symbols: строчные латинские буквы, цифры и подчёркивание. */\nconst LIGATURE_NAME: RegExp = /^[a-z0-9_]+$/;\n\n/** Имя значка кита — то, что рисует спрайт; остальное кит своим рисунком не закрывает. */\nexport function isKitIconName(name: string): name is IRtIcon.Name {\n return KIT_NAMES.has(name);\n}\n\n/** Пара имени Material из перечня кита; `null` — пары нет или имени нет. */\nexport function materialPairOf(glyph: string | null | undefined): IRtIcon.Name | null {\n if (!glyph) {\n return null;\n }\n return iconMaterialMap.find((entry: IRtIconMaterialEntry): boolean => entry.from === glyph)?.to ?? null;\n}\n\nfunction kitOrPairOf(glyph: string): IRtIcon.Name | null {\n return isKitIconName(glyph) ? glyph : materialPairOf(glyph);\n}\n\n/** Имя кита, которое шрифт нарисовать не может: дефис или заглавная буква. Лигатура — `null`. */\nfunction unlettered(glyph: string): IRtIcon.Name | null {\n return isKitIconName(glyph) && !LIGATURE_NAME.test(glyph) ? glyph : null;\n}\n\n/**\n * Чем рисуется значок: своим рисунком кита или лигатурой шрифта Material.\n *\n * Имя кита выигрывает у имени Material, если названы оба. Имя Material по способу `map-first`\n * берёт пару из перечня, а без пары — шрифт; по способу `font` — шрифт сразу. Имя кита, которое шрифт\n * нарисовать не может (`ico-plus`, `docBox`), и по способу `font` рисуется рисунком кита: иначе в\n * значке стоит текст имени. Имя кита, совпавшее с лигатурой (`search`), по `font` — шрифт. Материальный рисунок\n * для пары выбирает уже сам значок по признаку набора над собой: это не дело разбора.\n *\n * `null` — значку нечего рисовать.\n */\nexport function resolveIconGlyph(\n name: IRtIcon.Name | null | undefined,\n glyph: string | null | undefined,\n strategy: IRtIcon.GlyphStrategy\n): IRtIcon.Resolved | null {\n if (name) {\n return { kind: 'kit', name };\n }\n if (!glyph) {\n return null;\n }\n const pair: IRtIcon.Name | null = strategy === 'map-first' ? kitOrPairOf(glyph) : unlettered(glyph);\n return pair === null ? { kind: 'font', glyph } : { kind: 'kit', name: pair };\n}\n","/**\n * Имена, которыми набор значков виден со стороны страницы.\n *\n * Отдельный файл, а не константы реестра: те же имена читает обвязка снимков витрины, а она идёт\n * под Playwright и ни одного объявления Angular поднять не может. Своя копия там уже стояла —\n * второе объявление того же значения расходится с первым молча: ожидание набора ищет один узел,\n * а реестр создаёт другой, и кадр выходит без значков.\n */\n\n/** Селектор inline-sprite, создаваемого один раз при первом обращении. */\nexport const RT_ICON_SPRITE_ID: string = 'rt-icon-sprite';\n\n/** Префикс `id` для inline-sprite символов. Изолирует от внешних `id` на странице. */\nexport const RT_ICON_SYMBOL_ID_PREFIX: string = 'rt-icon-';\n\n/**\n * Префикс `id` символов материального набора. Свой, а не общий: наборов на странице бывает два —\n * признак набора стоит и на корне, и на контейнере, — а один `id` держит один рисунок. С общим\n * префиксом второй набор молча забирал бы символ первого.\n */\nexport const RT_ICON_MATERIAL_SYMBOL_ID_PREFIX: string = 'rt-icon-material-';\n\n/** Префикс `id` залитых рисунков материального набора: у имени их два, и `id` у каждого свой. */\nexport const RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX: string = 'rt-icon-material-fill-';\n\n/**\n * Атрибут, который переключает только набор рисунков значков: токенов набора оформления он не\n * несёт. Ставится на контейнер со значением `'material'` там, где значки нужны материальные, а\n * остальной вид — свой.\n */\nexport const RT_ICON_PRESET_ATTRIBUTE: string = 'data-rt-icon-preset';\n\n/**\n * Селекторы, которыми страница объявляет материальный набор значков: признак набора оформления\n * и признак одних значков. Стили читают только первые два — токены под третьим не меняются.\n */\nexport const RT_ICON_MATERIAL_PRESET_SELECTOR: string = `[data-preset='material'],.rt-preset-material,[${RT_ICON_PRESET_ATTRIBUTE}='material']`;\n","import { DOCUMENT } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable, InjectionToken, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { EMPTY, Observable, Subject, catchError, map, mergeMap, tap } from 'rxjs';\n\nimport { PlatformService } from '@rt-tools/core';\n\nimport {\n RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX,\n RT_ICON_MATERIAL_SYMBOL_ID_PREFIX,\n RT_ICON_SPRITE_ID,\n RT_ICON_SYMBOL_ID_PREFIX,\n} from './rt-icon.const';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Адрес, по которому приложение публикует набор из `assets/icons` пакета.\n * Умолчание годится, когда сборка кладёт набор в корень статики; свой адрес\n * задаётся аргументом `provideRtIcons()`.\n */\nexport const RT_ICONS_BASE_URL: InjectionToken<string> = new InjectionToken<string>('RT_ICONS_BASE_URL', {\n providedIn: 'root',\n factory: (): string => '/icons',\n});\n\n/**\n * Адрес материального набора значков. Отдельный от своего: два набора стоят рядом, и приложение\n * кладёт их двумя папками.\n */\nexport const RT_ICONS_MATERIAL_BASE_URL: InjectionToken<string> = new InjectionToken<string>('RT_ICONS_MATERIAL_BASE_URL', {\n providedIn: 'root',\n factory: (): string => '/icons-material',\n});\n\n@Injectable({ providedIn: 'root' })\nexport class RtIconRegistry {\n readonly #http: HttpClient = inject(HttpClient);\n readonly #doc: Document = inject(DOCUMENT);\n readonly #baseUrl: string = inject(RT_ICONS_BASE_URL);\n readonly #materialBaseUrl: string = inject(RT_ICONS_MATERIAL_BASE_URL);\n readonly #platform: PlatformService = inject(PlatformService);\n\n /**\n * Имена, за которыми уже сходили: второй раз в сеть за ними не ходят. Ключ несёт набор —\n * одно имя приезжает двумя разными рисунками, и общий ключ отдал бы второму первый.\n */\n readonly #requested: Set<string> = new Set<string>();\n\n /** Имена, которые попросила разметка. Загрузку по ним ведёт подписка из конструктора. */\n readonly #requestSource: Subject<IRtIconRequest> = new Subject<IRtIconRequest>();\n\n constructor() {\n // Потоки складываются, а не вытесняют друг друга: странице нужны все спрошенные\n // значки, а не последний из них.\n this.#requestSource\n .pipe(\n mergeMap((asked: IRtIconRequest): Observable<void> => this.#load(asked)),\n takeUntilDestroyed()\n )\n .subscribe();\n }\n\n /**\n * Имя symbol для `<use href=\"#X\">`. Возвращает строку с ведущим `#`.\n *\n * Набор назван явно, а не выведен из страницы: одна и та же страница держит оба набора\n * рядом — признак стоит и на корне, и на контейнере, — и вывод по странице дал бы обоим\n * один ответ.\n */\n public symbolHref(name: IRtIcon.Name, drawing: IRtIcon.Drawing = 'base'): string {\n return `#${this.#symbolId(name, drawing)}`;\n }\n\n /**\n * Просит значок по имени: грузит файл и дописывает `<symbol>` в спрайт страницы.\n *\n * Ответа зовущий не ждёт и потока не получает: разметка рисует ссылку на символ сразу, а\n * браузер дорисовывает её, когда символ приезжает. Подписка живёт здесь и только здесь —\n * иначе каждая разметка гасила бы её сама, а таких мест у значка два.\n */\n public request(name: IRtIcon.Name, drawing: IRtIcon.Drawing = 'base'): void {\n const id: string = this.#symbolId(name, drawing);\n // На сервере относительных запросов к статике нет вовсе: значок дорисуется после\n // гидрации, когда разметка попросит его снова уже в браузере.\n if (!this.#platform.isPlatformBrowser || this.#requested.has(id)) {\n return;\n }\n this.#requested.add(id);\n // Символ уже лежит в спрайте страницы: его положила соседняя история витрины или\n // сама страница до старта приложения. Запроса не уходит вовсе.\n if (this.#doc.getElementById(id)) {\n return;\n }\n this.#requestSource.next({ name, drawing });\n }\n\n #load(asked: IRtIconRequest): Observable<void> {\n if (asked.drawing === 'base') {\n return this.#loadInto(asked, `${this.#baseUrl}/${asked.name}.svg`, EMPTY);\n }\n\n // Материальный рисунок, который не приехал, закрывается своим. Материальный набор —\n // слой переопределений: имени, которого в нём нет, кит и так рисует свой рисунок, и\n // не приехавший файл обязан вести себя так же. Иначе страница, объявившая набор, но\n // не опубликовавшая его папку, показывает пустое место там, где обещан значок, —\n // разметка при этом верна, и промах виден только глазами. Залитый, которого нет,\n // сперва закрывается контурным того же набора.\n const own: Observable<void> = this.#loadInto(asked, `${this.#baseUrl}/${asked.name}.svg`, EMPTY);\n const outlined: Observable<void> =\n asked.drawing === 'material-fill' ? this.#loadInto(asked, `${this.#materialBaseUrl}/${asked.name}.svg`, own) : own;\n const file: string = asked.drawing === 'material-fill' ? `${asked.name}.fill.svg` : `${asked.name}.svg`;\n\n return this.#loadInto(asked, `${this.#materialBaseUrl}/${file}`, outlined);\n }\n\n /**\n * Рисунок по адресу под именем символа, которое просила разметка: подмена ссылки разметке\n * не нужна. Отказ одного имени гасит только его значок — иначе один промах в наборе ронял бы\n * всю страницу, а соседние значки уже приехали.\n */\n #loadInto(asked: IRtIconRequest, url: string, fallback: Observable<void>): Observable<void> {\n return this.#http.get(url, { responseType: 'text' }).pipe(\n tap((raw: string): void => this.#mountSymbol(asked, raw)),\n map((): void => undefined),\n catchError((): Observable<void> => fallback)\n );\n }\n\n #symbolId(name: IRtIcon.Name, drawing: IRtIcon.Drawing): string {\n const prefix: Record<IRtIcon.Drawing, string> = {\n base: RT_ICON_SYMBOL_ID_PREFIX,\n material: RT_ICON_MATERIAL_SYMBOL_ID_PREFIX,\n 'material-fill': RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX,\n };\n return `${prefix[drawing]}${name}`;\n }\n\n #mountSymbol(asked: IRtIconRequest, raw: string): void {\n const symbol: SVGSymbolElement = this.#doc.createElementNS('http://www.w3.org/2000/svg', 'symbol');\n symbol.id = this.#symbolId(asked.name, asked.drawing);\n symbol.setAttribute('viewBox', this.#viewBox(raw));\n symbol.innerHTML = this.#inner(raw);\n this.#sprite().appendChild(symbol);\n }\n\n #viewBox(raw: string): string {\n const viewBoxMatch: RegExpExecArray | null = /viewBox=\"([^\"]+)\"/.exec(raw);\n return viewBoxMatch ? viewBoxMatch[1] : '0 0 24 24';\n }\n\n #inner(raw: string): string {\n // Тело корневого `<svg>` без него самого: оно и становится телом `<symbol>`.\n return raw\n .replace(/<\\?xml[\\s\\S]*?\\?>/g, '')\n .replace(/<!DOCTYPE[\\s\\S]*?>/g, '')\n .replace(/<svg\\b[^>]*>/i, '')\n .replace(/<\\/svg>\\s*$/i, '')\n .trim();\n }\n\n #sprite(): SVGSVGElement {\n const existing: SVGSVGElement | null = this.#doc.querySelector<SVGSVGElement>(`svg#${RT_ICON_SPRITE_ID}`);\n if (existing) {\n return existing;\n }\n const sprite: SVGSVGElement = this.#doc.createElementNS('http://www.w3.org/2000/svg', 'svg');\n sprite.id = RT_ICON_SPRITE_ID;\n sprite.setAttribute('aria-hidden', 'true');\n sprite.setAttribute('style', 'position:absolute;width:0;height:0;overflow:hidden;');\n this.#doc.body.insertBefore(sprite, this.#doc.body.firstChild);\n return sprite;\n }\n}\n\n/** Что просит разметка: имя значка и рисунок, который за ним стоит. */\ninterface IRtIconRequest {\n readonly name: IRtIcon.Name;\n readonly drawing: IRtIcon.Drawing;\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n afterNextRender,\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n effect,\n ElementRef,\n inject,\n input,\n InputSignal,\n InputSignalWithTransform,\n numberAttribute,\n signal,\n Signal,\n ViewEncapsulation,\n WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_ICON_GLYPH_STRATEGY, RtIconFontService } from './rt-icon-font.service';\nimport { resolveIconGlyph } from './rt-icon-glyph.logic';\nimport { iconMaterialDrawn } from './rt-icon-material-map';\nimport { RT_ICON_MATERIAL_PRESET_SELECTOR } from './rt-icon.const';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconRegistry } from './rt-icon.registry';\n\n/* Ступень — свойство, которое приложение задаёт правилом на значке или на его предке; умолчание —\n шаг шкалы размеров кита, те же пиксели, что стояли здесь числом. Имя `--rt-icon-step-*`, а не\n `--rt-icon-size-*`: те объявляет на корне страницы первый кит со своими значениями (md — 24px),\n и в приложении с обоими китами каждый значок второго вырос бы. */\nconst SIZES: Readonly<Record<IRtIcon.Size, string>> = Object.freeze({\n xs: 'var(--rt-icon-step-xs, var(--rt-size-3))',\n sm: 'var(--rt-icon-step-sm, var(--rt-size-4))',\n md: 'var(--rt-icon-step-md, var(--rt-size-5))',\n lg: 'var(--rt-icon-step-lg, var(--rt-size-6))',\n xl: 'var(--rt-icon-step-xl, var(--rt-size-8))',\n '2xl': 'var(--rt-icon-step-2xl, var(--rt-size-10))',\n '3xl': 'var(--rt-icon-step-3xl, var(--rt-size-12))',\n '4xl': 'var(--rt-icon-step-4xl, var(--rt-size-16))',\n});\n\n/* Пиксели ступеней по умолчанию — оптический размер лигатуры. Без оси `opsz` в настройках шрифта\n браузер ставил её по размеру шрифта, и умолчание повторяет это: значок, которому приложение оси\n не задало, рисуется как прежде. */\nconst STEP_PX: Readonly<Record<IRtIcon.Size, number>> = Object.freeze({\n xs: 12,\n sm: 16,\n md: 20,\n lg: 24,\n xl: 32,\n '2xl': 40,\n '3xl': 48,\n '4xl': 64,\n});\n\n/* Без переданного цвета значок цвета не пишет: `currentColor` строкой стиля перебивал правило\n стилей, которое красит значок снаружи, — значок опасного пункта меню оставался цвета текста. */\n// Каждый тон можно переназначить свойством сверху: поле ввода называет так тон своего значка в\n// наборе оформления. Цвет стоит встроенным стилем, и правилом его не перебить.\nconst COLORS: Readonly<Record<IRtIcon.Color, string | null>> = Object.freeze({\n current: null,\n primary: 'var(--rt-icon-color-primary, var(--rt-color-action-primary-on-surface))',\n muted: 'var(--rt-icon-color-muted, var(--rt-neutral-600))',\n disabled: 'var(--rt-icon-color-disabled, var(--rt-color-text-disabled))',\n info: 'var(--rt-icon-color-info, var(--rt-color-state-info))',\n success: 'var(--rt-icon-color-success, var(--rt-color-state-success))',\n warning: 'var(--rt-icon-color-warning, var(--rt-color-state-warning))',\n danger: 'var(--rt-icon-color-danger, var(--rt-color-state-danger))',\n inverse: 'var(--rt-icon-color-inverse, var(--rt-color-text-inverse))',\n});\n\nfunction isSizeStep(value: string): value is IRtIcon.Size {\n return Object.hasOwn(SIZES, value);\n}\n\n/** Ступень остаётся ступенью, число — пикселями. Числовая строка читается числом, прочее — ступенью `md`. */\nfunction toSize(value: IRtIcon.SizeInput | string): IRtIcon.SizeInput {\n let size: IRtIcon.SizeInput = typeof value === 'number' || isSizeStep(value) ? value : numberAttribute(value, 0);\n if (typeof size === 'number' && size <= 0) {\n size = 'md';\n }\n return size;\n}\n\nconst BEM_BLOCK: string = 'rt-icon';\n\n@Component({\n selector: 'rt-icon',\n templateUrl: './rt-icon.component.html',\n styleUrls: ['./rt-icon.component.scss'],\n imports: [BlockDirective, ElemDirective, ModDirective],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: BEM_BLOCK,\n '[attr.aria-hidden]': \"'true'\",\n '[style.width]': 'sizeValue()',\n '[style.height]': 'sizeValue()',\n '[style.color]': 'colorValue()',\n '[style.transform]': 'rotateStyle()',\n '[class.rt-icon--spin]': 'spin()',\n },\n})\nexport class RtIconComponent {\n readonly #registry: RtIconRegistry = inject(RtIconRegistry);\n readonly #host: ElementRef<HTMLElement> = inject(ElementRef);\n readonly #strategy: IRtIcon.GlyphStrategy = inject(RT_ICON_GLYPH_STRATEGY);\n readonly #fontReady: Signal<boolean> = inject(RtIconFontService).ready;\n\n /**\n * Набор, объявленный разметкой над этим значком.\n *\n * Читается у разметки, а не выбирается стилями: ссылку на символ спрайта CSS подменить нечем,\n * и второй `<use>` рядом с первым тоже не годится — он вечно указывает на символ, за которым\n * никто не ходил, а обвязка снимков ждёт, пока нарисуется каждый.\n *\n * Спрашивается ближайший предок, а не корень страницы: признак набора стоит и на контейнере,\n * и на одной странице законно живут оба набора рядом.\n *\n * Один раз после первой отрисовки: на сервере разметки нет вовсе, а признак набора страница\n * по ходу жизни не переставляет — его ставит приложение своей разметкой.\n */\n readonly #preset: WritableSignal<IRtIcon.Preset> = signal<IRtIcon.Preset>('base');\n\n /** Чем рисуется значок: именем кита или лигатурой шрифта. Ни имени, ни глифа — пустое место. */\n protected readonly resolved: Signal<IRtIcon.Resolved | null> = computed((): IRtIcon.Resolved | null =>\n resolveIconGlyph(this.name(), this.glyph(), this.glyphStrategy() ?? this.#strategy)\n );\n\n protected readonly kitName: Signal<IRtIcon.Name | null> = computed((): IRtIcon.Name | null => {\n const resolved: IRtIcon.Resolved | null = this.resolved();\n return resolved?.kind === 'kit' ? resolved.name : null;\n });\n\n protected readonly fontGlyph: Signal<string | null> = computed((): string | null => {\n const resolved: IRtIcon.Resolved | null = this.resolved();\n return resolved?.kind === 'font' ? resolved.glyph : null;\n });\n\n /** Лигатура прячется, пока шрифты страницы не готовы: до того она рисуется словом. */\n protected readonly glyphMods: Signal<Record<string, boolean>> = computed((): Record<string, boolean> => ({\n filled: this.fill(),\n pending: !this.#fontReady(),\n }));\n\n protected readonly href: Signal<string | null> = computed((): string | null => {\n const name: IRtIcon.Name | null = this.kitName();\n return name === null ? null : this.#registry.symbolHref(name, this.drawing());\n });\n\n /**\n * Набор, которым рисуется этот значок. Материальный закрывает не все имена кита — он слой\n * переопределений, как набор оформления: имя без материального рисунка рисуется своим, и это\n * не пробел.\n */\n protected readonly preset: Signal<IRtIcon.Preset> = computed((): IRtIcon.Preset => {\n const name: IRtIcon.Name | null = this.kitName();\n return this.#preset() === 'material' && name !== null && iconMaterialDrawn.has(name) ? 'material' : 'base';\n });\n\n /** Рисунок значка: залитый бывает только у материального набора, свой набор заливки не знает. */\n protected readonly drawing: Signal<IRtIcon.Drawing> = computed((): IRtIcon.Drawing => {\n if (this.preset() === 'base') {\n return 'base';\n }\n return this.fill() ? 'material-fill' : 'material';\n });\n\n /** Длина CSS стороны значка: ступень — её свойство `--rt-icon-step-*`, число — пиксели. */\n protected readonly sizeValue: Signal<string> = computed((): string => {\n const size: IRtIcon.SizeInput = this.size();\n return typeof size === 'number' ? `${size}px` : SIZES[size];\n });\n\n /** Оптический размер лигатуры, пока приложение не задало `--rt-icon-glyph-opsz`: сторона значка в пикселях. */\n protected readonly opticalSize: Signal<number> = computed((): number => {\n const size: IRtIcon.SizeInput = this.size();\n return typeof size === 'number' ? size : STEP_PX[size];\n });\n\n protected readonly colorValue: Signal<string | null> = computed((): string | null => COLORS[this.color()]);\n\n protected readonly rotateStyle: Signal<string | null> = computed((): string | null => {\n const r: number | null = this.rotate();\n return r !== null && r !== 0 ? `rotate(${r}deg)` : null;\n });\n\n /** Имя кита. Стоит рядом с глифом и побеждает его, когда переданы оба. */\n public readonly name: InputSignal<IRtIcon.Name | null> = input<IRtIcon.Name | null>(null);\n\n /**\n * Имя Material вместо имени кита. Как оно рисуется — парой из перечня кита или лигатурой\n * шрифта Material Symbols — решает настройка `glyphStrategy` у `provideRtIcons()`. Шрифт\n * приложение подключает само; семья берётся из свойства `--rt-icon-glyph-font`.\n */\n public readonly glyph: InputSignal<string | null> = input<string | null>(null);\n\n /**\n * Как рисовать имя Material у этого значка. Перекрывает `glyphStrategy` из `provideRtIcons()`;\n * `null` — берётся настройка приложения. Дефолт `null`.\n */\n public readonly glyphStrategy: InputSignal<IRtIcon.GlyphStrategy | null> = input<IRtIcon.GlyphStrategy | null>(null);\n\n /**\n * Ступень размера или число пикселей — для размеров между ступенями и крупнее последней.\n * Числовая строка из статического атрибута читается числом, прочая строка вне ступеней — `md`.\n * Внутри вход хранит ступень или положительное число пикселей.\n */\n public readonly size: InputSignalWithTransform<IRtIcon.SizeInput, IRtIcon.SizeInput | string> = input<\n IRtIcon.SizeInput,\n IRtIcon.SizeInput | string\n >('md', { transform: toSize });\n\n public readonly color: InputSignal<IRtIcon.Color> = input<IRtIcon.Color>('current');\n\n /**\n * Залитый рисунок вместо контурного — как `FILL 1` у значка первого кита. Действует в\n * материальном наборе; свой набор рисует значок одним рисунком. Дефолт `false`.\n */\n public readonly fill: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n\n /**\n * Значок вращается — как индикатор занятости внутри кнопки или строки. Когда система просит\n * меньше движения, вращение медленнее. Поворот на время вращения уступает ему. Дефолт `false`.\n */\n public readonly spin: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n\n public readonly rotate: InputSignalWithTransform<number | null, TRotateInput> = input<number | null, TRotateInput>(null, {\n transform: (v: TRotateInput): number | null => {\n if (v === null || v === '') {\n return null;\n }\n return numberAttribute(v, 0);\n },\n });\n\n constructor() {\n // Значок едет по запросу имени, а не вперёд всем набором: страница платит за то, что\n // нарисовала. Смена имени просит новое — прежний символ остаётся в спрайте.\n effect((): void => {\n const name: IRtIcon.Name | null = this.kitName();\n if (name !== null) {\n this.#registry.request(name, this.drawing());\n }\n });\n\n // Разметка над значком видна только в браузере и только после первой отрисовки:\n // контейнер с признаком набора рисует то же приложение.\n afterNextRender((): void => {\n if (this.#host.nativeElement.closest(RT_ICON_MATERIAL_PRESET_SELECTOR)) {\n this.#preset.set('material');\n }\n });\n }\n}\n\ntype TRotateInput = number | string | null;\n","<ng-container rtBlock=\"rt-icon\">\n @if (href(); as symbol) {\n <svg focusable=\"false\" aria-hidden=\"true\" [attr.viewBox]=\"'0 0 24 24'\">\n <use [attr.href]=\"symbol\" />\n </svg>\n } @else if (fontGlyph(); as ligature) {\n <span\n rtElem=\"glyph\"\n aria-hidden=\"true\"\n [rtMod]=\"glyphMods()\"\n [style.font-size]=\"sizeValue()\"\n [style.--rt-icon-glyph-opsz-auto]=\"opticalSize()\">\n {{ ligature }}\n </span>\n }\n</ng-container>\n","import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\n\nimport { RT_ICON_GLYPH_STRATEGY } from './rt-icon-font.service';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RT_ICONS_BASE_URL, RT_ICONS_MATERIAL_BASE_URL } from './rt-icon.registry';\n\n/**\n * Называет адрес, по которому приложение опубликовало набор значков `rt-icon`.\n *\n * ```typescript\n * export function withCoreProviders(): EnvironmentProviders {\n * return makeEnvironmentProviders([\n * provideHttpClient(...),\n * provideRtStorage(),\n * provideRtIcons(),\n * ]);\n * }\n * ```\n *\n * Вперёд отсюда не грузится ничего: значок едет тогда, когда его попросила разметка, и платит\n * за него та страница, которая его нарисовала. Сборка спрайта и загрузка — дело `RtIconRegistry`.\n *\n * Сами файлы приложение публикует само — набор лежит в `assets/icons` пакета, и сборка копирует\n * его в свою статику.\n *\n * Наборов значков два: свой и материальный. Второй нужен только приложению, которое объявляет\n * материальный набор оформления, и адрес у него свой — набор лежит в `assets/icons-material`.\n *\n * Третий аргумент — настройки значков. `glyphStrategy` говорит, как рисуется имя Material на входе\n * `glyph`: `map-first` (по умолчанию) — пара из перечня кита, а без пары шрифт Material Symbols;\n * `font` — шрифт для любого имени. Шрифт приложение подключает само.\n *\n * @param baseUrl Адрес опубликованного набора. По умолчанию `/icons`.\n * @param materialBaseUrl Адрес материального набора. По умолчанию `/icons-material`.\n * @param options Настройки значков.\n */\nexport function provideRtIcons(baseUrl?: string, materialBaseUrl?: string, options?: IRtIconsOptions): EnvironmentProviders {\n return makeEnvironmentProviders([\n ...(baseUrl === undefined ? [] : [{ provide: RT_ICONS_BASE_URL, useValue: baseUrl }]),\n ...(materialBaseUrl === undefined ? [] : [{ provide: RT_ICONS_MATERIAL_BASE_URL, useValue: materialBaseUrl }]),\n ...(options?.glyphStrategy === undefined ? [] : [{ provide: RT_ICON_GLYPH_STRATEGY, useValue: options.glyphStrategy }]),\n ]);\n}\n\n/** Настройки значков приложения — третий аргумент `provideRtIcons()`. */\nexport interface IRtIconsOptions {\n readonly glyphStrategy?: IRtIcon.GlyphStrategy;\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"rt-tools-ui-kit-v2-icon.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/icon/icon-categories.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon-font.service.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon-material-map.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon-glyph.logic.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon.const.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon.registry.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon.component.ts","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon.component.html","../../../projects/ui-kit-v2/src/lib/components/icon/rt-icon.providers.ts"],"sourcesContent":["import { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Категории иконок rt-icon. 11 buckets: 8 prefix-based + Social (префикс `social-`) + Custom\n * (префикс `ico-`) + Misc (fallback).\n * Порядок фиксирован — соответствует порядку отображения в Catalog story (rt-icon.stories.ts).\n *\n * Аннотация типа намеренно не указывается: явный `readonly string[]` потерял бы узкий\n * литеральный тип, нужный для {@link TIconCategory}. `as const` сохраняет литеральные ключи.\n */\n// eslint-disable-next-line @typescript-eslint/typedef -- аннотация стёрла бы литеральный тип, на котором стоит TIconCategory\nexport const CATEGORY_ORDER = [\n 'Navigation',\n 'Alignment & Sorting',\n 'Status',\n 'Time & Calendar',\n 'Communication',\n 'Documents',\n 'People',\n 'Commerce',\n 'Social',\n 'Custom',\n 'Misc',\n] as const;\n\n/** Литеральный union из {@link CATEGORY_ORDER}. */\nexport type TIconCategory = (typeof CATEGORY_ORDER)[number];\n\n/**\n * Правило маппинга имени иконки в категорию.\n * Порядок правил в {@link ICON_CATEGORY_RULES} важен: первое совпавшее правило выигрывает.\n */\ninterface IIconCategoryRule {\n readonly category: TIconCategory;\n readonly match: (name: string) => boolean;\n}\n\nfunction startsWithAny(name: string, prefixes: readonly string[]): boolean {\n return prefixes.some((p: string): boolean => name.startsWith(p));\n}\n\nfunction isOneOf(name: string, names: readonly string[]): boolean {\n return names.includes(name);\n}\n\nfunction matchPrefixOrExact(prefixes: readonly string[], exact: readonly string[]): (name: string) => boolean {\n return (name: string): boolean => startsWithAny(name, prefixes) || isOneOf(name, exact);\n}\n\n/**\n * Упорядоченный список правил категоризации.\n * `Custom` — единственная категория по строгому префиксу `ico-` и проверяется первой,\n * чтобы исключить конфликты с другими prefix-based категориями.\n * `Misc` — fallback в {@link categoryOf}, отдельным правилом не описывается.\n */\nexport const ICON_CATEGORY_RULES: readonly IIconCategoryRule[] = [\n // Знаки соцсетей — цветные, со своей заливкой в файле; в каталоге они стоят своим рядом,\n // чтобы не смешиваться с одноцветными, которые красит тема.\n { category: 'Social', match: (n: string): boolean => n.startsWith('social-') },\n { category: 'Custom', match: (n: string): boolean => n.startsWith('ico-') },\n {\n category: 'Navigation',\n match: matchPrefixOrExact(['arrow', 'arrows', 'angle', 'chevron', 'directions'], []),\n },\n {\n category: 'Alignment & Sorting',\n match: matchPrefixOrExact(['align', 'sort', 'bars', 'ellipsis', 'sliders', 'filter', 'th'], []),\n },\n {\n category: 'Status',\n match: matchPrefixOrExact(['check', 'times', 'ban', 'exclamation', 'info', 'eye', 'lock', 'unlock', 'shield'], ['spinner', 'stop']),\n },\n {\n category: 'Time & Calendar',\n match: matchPrefixOrExact(['alarm', 'calendar'], ['clock']),\n },\n {\n category: 'Communication',\n match: matchPrefixOrExact(['comment', 'share'], ['bell', 'bot', 'telegram', 'at', 'email', 'send', 'phone', 'mobile']),\n },\n {\n category: 'Documents',\n match: matchPrefixOrExact(['attach', 'file', 'folder', 'bookmark'], ['book', 'copy', 'clone', 'tag', 'tags']),\n },\n {\n category: 'People',\n match: matchPrefixOrExact(['user'], ['users', 'id-card']),\n },\n {\n category: 'Commerce',\n match: (n: string): boolean => isOneOf(n, ['wallet', 'money-bill', 'ticket', 'credit-card']),\n },\n];\n\n/**\n * Возвращает категорию для имени иконки.\n * Первое совпавшее правило в {@link ICON_CATEGORY_RULES} выигрывает; иначе — `Misc`.\n */\nexport function categoryOf(name: IRtIcon.Name): TIconCategory {\n for (const rule of ICON_CATEGORY_RULES) {\n if (rule.match(name)) {\n return rule.category;\n }\n }\n return 'Misc';\n}\n","import { DOCUMENT } from '@angular/common';\nimport { Injectable, InjectionToken, Signal, WritableSignal, inject, signal } from '@angular/core';\n\nimport { PlatformService } from '@rt-tools/core';\n\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Как значки приложения рисуют имя Material. Задаётся третьим аргументом `provideRtIcons()`;\n * по умолчанию `map-first` — пара из перечня кита, а без пары шрифт.\n */\nexport const RT_ICON_GLYPH_STRATEGY: InjectionToken<IRtIcon.GlyphStrategy> = new InjectionToken<IRtIcon.GlyphStrategy>(\n 'RT_ICON_GLYPH_STRATEGY',\n {\n providedIn: 'root',\n factory: (): IRtIcon.GlyphStrategy => 'map-first',\n }\n);\n\n/**\n * Готовность шрифтов страницы — одна на все значки.\n *\n * Лигатура до готовности шрифта рисуется словом в запасном шрифте: значок прячет её, пока страница\n * не сказала, что шрифты готовы. Кит шрифт не везёт и семью не знает, поэтому ждёт общую готовность,\n * а не загрузку одной семьи. На сервере шрифтов нет — лигатура там скрыта. Браузер без интерфейса\n * шрифтов ждать нечем, и лигатура показывается сразу.\n */\n@Injectable({ providedIn: 'root' })\nexport class RtIconFontService {\n readonly #ready: WritableSignal<boolean> = signal<boolean>(false);\n\n readonly #isBrowser: boolean = inject(PlatformService).isPlatformBrowser;\n\n readonly #document: Document = inject(DOCUMENT);\n\n public readonly ready: Signal<boolean> = this.#ready.asReadonly();\n\n constructor() {\n this.#watchFonts();\n }\n\n #watchFonts(): void {\n if (!this.#isBrowser) {\n return;\n }\n const fonts: FontFaceSet | undefined = this.#document.fonts;\n if (!fonts) {\n this.#ready.set(true);\n return;\n }\n void fonts.ready.then((): void => this.#ready.set(true));\n }\n}\n","import { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Соответствие значков первого кита значкам этого набора.\n *\n * Первый кит рисует значки шрифтом Material: имя стоит прямо в шаблоне. Здесь у каждого такого\n * имени ровно одна пара — иначе один и тот же смысл приезжает на разные экраны разными\n * рисунками, а переезжающий выбирает значок заново на каждом экране.\n *\n * Перечень закрывает имена, которые видны поиском: голое слово в шаблоне, слово в тернарнике и\n * слово внутри разбора по виду фильтра. Имена, подставляемые выражением, сюда не попадают: они\n * приезжают из данных приложения и деревом кита не видны. Это граница перечня, а не его пробел.\n *\n * Пара ведёт на имя из фрейма, а не на своё с приставкой `ico-`, там где есть оба. Имён из\n * фрейма 229 против 118, и они одной рисовки: смешанный набор дал бы разнобой на экране. Восемь\n * таких пар помечены доводом — их можно переложить на свои одним местом.\n *\n * Имя без пары стоит здесь же, с причиной: молчание об имени неотличимо от того, что о нём\n * забыли. Дорисовка недостающего — работа рисующего, и она вынесена за границу задачи.\n *\n * Держит перечень `tools/check-icon-map.mjs`: каждая пара ведёт на имя союза и на существующий\n * файл, имена не повторяются, причина у имени без пары не пуста.\n */\n\n/** Довод самой частой пары: имя первого кита и имя набора совпали после замены подчёркиваний. */\nconst SAME_NAME: string = 'совпадает именем';\n\n/** Одна запись перечня: имя первого кита и то, чем оно закрывается здесь. */\nexport interface IRtIconMaterialEntry {\n /** Имя значка первого кита — так, как оно стоит в его шаблоне. */\n readonly from: string;\n\n /** Имя этого набора либо `null`, если рисунка в наборе нет. */\n readonly to: IRtIcon.Name | null;\n\n /** Довод к паре либо причина, по которой пары нет. Пустым не бывает. */\n readonly why: string;\n}\n\nexport const iconMaterialMap: readonly IRtIconMaterialEntry[] = [\n { from: 'account_circle', to: 'ico-user', why: 'силуэт человека; у user уже стоит рисунок person, поэтому пара на двойнике ico-user' },\n { from: 'add', to: 'ico-plus', why: 'простой плюс есть только в своей рисовке — во фрейме плюс лишь в круге и в составных' },\n { from: 'arrow_back', to: 'arrow-left', why: 'стрелка влево, один в один' },\n { from: 'arrow_forward', to: 'arrow-right', why: 'стрелка вправо, один в один' },\n { from: 'auto_awesome', to: 'sparkle', why: 'знак ИИ: большая и малая четырёхлучевые искры' },\n { from: 'backup', to: 'cloud-upload', why: 'у Material backup — облако со стрелкой вверх, это оно и есть' },\n { from: 'block', to: 'ban', why: 'круг с перечёркиванием, один в один' },\n { from: 'bookmark', to: 'bookmark', why: `${SAME_NAME}; дорисован для заливки иконки вкладки` },\n { from: 'chat', to: 'comment', why: 'облачко реплики, ближний: у Material оно квадратное, здесь круглое' },\n { from: 'chat_error', to: 'chat-error', why: SAME_NAME },\n { from: 'chevron_left', to: 'chevron-left', why: SAME_NAME },\n { from: 'chevron_right', to: 'chevron-right', why: SAME_NAME },\n { from: 'close', to: 'close', why: `${SAME_NAME}; есть двойник ico-close` },\n { from: 'collapse_all', to: 'collapse-all', why: `${SAME_NAME}; в первом ките не встречается — его зовёт приложение у выбора деревом` },\n { from: 'content_copy', to: 'copy', why: 'два листа, один в один; есть двойник ico-copy' },\n { from: 'dashboard', to: 'th-large', why: 'ближний: у Material четыре разных плитки, здесь четыре равных' },\n { from: 'delete', to: 'trash', why: 'корзина, один в один; есть двойник ico-trash' },\n { from: 'delete_forever', to: 'trash-x', why: 'корзина с крестом, дорисована в своём наборе для кнопки очистки списка' },\n { from: 'done', to: 'check', why: 'галочка, один в один; есть двойник ico-check' },\n { from: 'email', to: 'email', why: 'конверт, один в один' },\n { from: 'download', to: 'ico-download', why: 'простая стрелка вниз есть только в своей рисовке — во фрейме лишь облако' },\n {\n from: 'drag_handle',\n to: 'equals',\n why: 'две горизонтальные полосы; рисунок дорисован по слову владельца — им таблица первого кита показывает сравнение «равно»',\n },\n { from: 'edit', to: 'pencil', why: 'карандаш, один в один' },\n { from: 'expand_all', to: 'expand-all', why: `${SAME_NAME}; в первом ките не встречается — его зовёт приложение у выбора деревом` },\n { from: 'flag', to: 'flag', why: `${SAME_NAME}; дорисован для заливки иконки вкладки` },\n { from: 'folder', to: 'folder', why: SAME_NAME },\n { from: 'fork_spoon', to: 'fork-spoon', why: SAME_NAME },\n { from: 'fullscreen', to: 'fullscreen', why: SAME_NAME },\n { from: 'fullscreen_exit', to: 'window-minimize', why: 'уголки внутрь — пара к fullscreen, выход из полного экрана в шапке чата' },\n { from: 'history', to: 'history', why: SAME_NAME },\n { from: 'home', to: 'home', why: SAME_NAME },\n { from: 'info', to: 'info-circle', why: 'круг с буквой i — так рисует Material; голое info в наборе другое' },\n { from: 'insert_chart', to: 'chart-bar', why: 'столбики диаграммы, ближний: у Material они в рамке' },\n { from: 'keyboard_arrow_down', to: 'chevron-down', why: 'шеврон вниз, один в один; есть двойник ico-chevron-down' },\n { from: 'layers', to: 'layers', why: SAME_NAME },\n { from: 'light_mode', to: 'ico-sun', why: 'солнце, один в один; простого солнца во фрейме нет' },\n { from: 'local_offer', to: 'tag', why: 'ярлык, один в один' },\n { from: 'logout', to: 'ico-exit', why: 'дверь со стрелкой наружу, один в один' },\n { from: 'menu', to: 'bars', why: 'три полосы, один в один' },\n { from: 'monitoring', to: 'chart-line', why: 'ближний: у Material ломаная над осями, здесь ломаная' },\n { from: 'moon_stars', to: 'moon', why: 'ближний: месяц без звёзд' },\n { from: 'more_horiz', to: 'ellipsis-h', why: 'три точки по горизонтали' },\n { from: 'more_vert', to: 'ellipsis-v', why: 'три точки по вертикали' },\n { from: 'open_in_new', to: 'external-link', why: 'квадрат со стрелкой наружу' },\n {\n from: 'open_with',\n to: 'arrows',\n why: 'четыре стрелки из центра; рисунок дорисован — им панель колонок первого кита показывает ручку перетаскивания',\n },\n { from: 'person', to: 'user', why: 'силуэт человека, один в один; есть двойник ico-user' },\n { from: 'person_off', to: 'user-off', why: 'силуэт человека, перечёркнутый наискось; рисунок дорисован по слову владельца' },\n { from: 'push_pin', to: 'pin', why: 'канцелярская булавка; рисунок дорисован — ею первый кит закрепляет подменю' },\n { from: 'refresh', to: 'refresh', why: SAME_NAME },\n { from: 'remove', to: 'minus', why: 'горизонтальная черта, один в один' },\n { from: 'search', to: 'search', why: `${SAME_NAME}; есть двойник ico-search` },\n { from: 'settings', to: 'cog', why: 'шестерёнка, один в один' },\n { from: 'star', to: 'star', why: SAME_NAME },\n { from: 'sync', to: 'sync', why: SAME_NAME },\n { from: 'thumb_down', to: 'thumb-down', why: 'палец вниз, один в один' },\n { from: 'thumb_up', to: 'thumb-up', why: 'палец вверх, один в один' },\n { from: 'troubleshoot', to: 'troubleshoot', why: SAME_NAME },\n { from: 'undo', to: 'undo', why: `${SAME_NAME}; в первом ките не встречается — его зовёт откат выбора деревом` },\n { from: 'view_column', to: 'table', why: 'ближний: у Material это колонки, здесь таблица — решение владельца' },\n { from: 'visibility', to: 'eye', why: 'глаз, один в один; есть двойник ico-eye' },\n { from: 'visibility_off', to: 'eye-slash', why: 'перечёркнутый глаз, один в один' },\n\n { from: 'zoom_in', to: 'search-plus', why: 'лупа с плюсом, один в один' },\n];\n\n/**\n * Имена кита, у которых в материальном наборе лежит свой рисунок.\n *\n * Считается из перечня, а не пишется списком: свой список разошёлся бы с перечнем молча — реестр\n * ходил бы за файлом, которого нет, или не ходил бы за лежащим.\n */\nexport const iconMaterialDrawn: ReadonlySet<IRtIcon.Name> = new Set<IRtIcon.Name>(\n iconMaterialMap\n .map((entry: IRtIconMaterialEntry): IRtIcon.Name | null => entry.to)\n .filter((name: IRtIcon.Name | null): name is IRtIcon.Name => name !== null)\n);\n","import { iconMaterialMap, IRtIconMaterialEntry } from './rt-icon-material-map';\nimport { iconsName } from '@rt-tools/ui-kit-v2/core';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\nconst KIT_NAMES: ReadonlySet<string> = new Set<string>(iconsName);\n\n/** Имя лигатуры Material Symbols: строчные латинские буквы, цифры и подчёркивание. */\nconst LIGATURE_NAME: RegExp = /^[a-z0-9_]+$/;\n\n/** Имя значка кита — то, что рисует спрайт; остальное кит своим рисунком не закрывает. */\nexport function isKitIconName(name: string): name is IRtIcon.Name {\n return KIT_NAMES.has(name);\n}\n\n/** Пара имени Material из перечня кита; `null` — пары нет или имени нет. */\nexport function materialPairOf(glyph: string | null | undefined): IRtIcon.Name | null {\n if (!glyph) {\n return null;\n }\n return iconMaterialMap.find((entry: IRtIconMaterialEntry): boolean => entry.from === glyph)?.to ?? null;\n}\n\nfunction kitOrPairOf(glyph: string): IRtIcon.Name | null {\n return isKitIconName(glyph) ? glyph : materialPairOf(glyph);\n}\n\n/** Имя кита, которое шрифт нарисовать не может: дефис или заглавная буква. Лигатура — `null`. */\nfunction unlettered(glyph: string): IRtIcon.Name | null {\n return isKitIconName(glyph) && !LIGATURE_NAME.test(glyph) ? glyph : null;\n}\n\n/**\n * Чем рисуется значок: своим рисунком кита или лигатурой шрифта Material.\n *\n * Имя кита выигрывает у имени Material, если названы оба. Имя Material по способу `map-first`\n * берёт пару из перечня, а без пары — шрифт; по способу `font` — шрифт сразу. Имя кита, которое шрифт\n * нарисовать не может (`ico-plus`, `docBox`), и по способу `font` рисуется рисунком кита: иначе в\n * значке стоит текст имени. Имя кита, совпавшее с лигатурой (`search`), по `font` — шрифт. Материальный рисунок\n * для пары выбирает уже сам значок по признаку набора над собой: это не дело разбора.\n *\n * `null` — значку нечего рисовать.\n */\nexport function resolveIconGlyph(\n name: IRtIcon.Name | null | undefined,\n glyph: string | null | undefined,\n strategy: IRtIcon.GlyphStrategy\n): IRtIcon.Resolved | null {\n if (name) {\n return { kind: 'kit', name };\n }\n if (!glyph) {\n return null;\n }\n const pair: IRtIcon.Name | null = strategy === 'map-first' ? kitOrPairOf(glyph) : unlettered(glyph);\n return pair === null ? { kind: 'font', glyph } : { kind: 'kit', name: pair };\n}\n","/**\n * Имена, которыми набор значков виден со стороны страницы.\n *\n * Отдельный файл, а не константы реестра: те же имена читает обвязка снимков витрины, а она идёт\n * под Playwright и ни одного объявления Angular поднять не может. Своя копия там уже стояла —\n * второе объявление того же значения расходится с первым молча: ожидание набора ищет один узел,\n * а реестр создаёт другой, и кадр выходит без значков.\n */\n\n/** Селектор inline-sprite, создаваемого один раз при первом обращении. */\nexport const RT_ICON_SPRITE_ID: string = 'rt-icon-sprite';\n\n/** Префикс `id` для inline-sprite символов. Изолирует от внешних `id` на странице. */\nexport const RT_ICON_SYMBOL_ID_PREFIX: string = 'rt-icon-';\n\n/**\n * Префикс `id` символов материального набора. Свой, а не общий: наборов на странице бывает два —\n * признак набора стоит и на корне, и на контейнере, — а один `id` держит один рисунок. С общим\n * префиксом второй набор молча забирал бы символ первого.\n */\nexport const RT_ICON_MATERIAL_SYMBOL_ID_PREFIX: string = 'rt-icon-material-';\n\n/** Префикс `id` залитых рисунков материального набора: у имени их два, и `id` у каждого свой. */\nexport const RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX: string = 'rt-icon-material-fill-';\n\n/**\n * Атрибут, который переключает только набор рисунков значков: токенов набора оформления он не\n * несёт. Ставится на контейнер со значением `'material'` там, где значки нужны материальные, а\n * остальной вид — свой.\n */\nexport const RT_ICON_PRESET_ATTRIBUTE: string = 'data-rt-icon-preset';\n\n/**\n * Селекторы, которыми страница объявляет материальный набор значков: признак набора оформления\n * и признак одних значков. Стили читают только первые два — токены под третьим не меняются.\n */\nexport const RT_ICON_MATERIAL_PRESET_SELECTOR: string = `[data-preset='material'],.rt-preset-material,[${RT_ICON_PRESET_ATTRIBUTE}='material']`;\n","import { DOCUMENT } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable, InjectionToken, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { EMPTY, Observable, Subject, catchError, map, mergeMap, tap } from 'rxjs';\n\nimport { PlatformService } from '@rt-tools/core';\n\nimport {\n RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX,\n RT_ICON_MATERIAL_SYMBOL_ID_PREFIX,\n RT_ICON_SPRITE_ID,\n RT_ICON_SYMBOL_ID_PREFIX,\n} from './rt-icon.const';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Адрес, по которому приложение публикует набор из `assets/icons` пакета.\n * Умолчание годится, когда сборка кладёт набор в корень статики; свой адрес\n * задаётся аргументом `provideRtIcons()`.\n */\nexport const RT_ICONS_BASE_URL: InjectionToken<string> = new InjectionToken<string>('RT_ICONS_BASE_URL', {\n providedIn: 'root',\n factory: (): string => '/icons',\n});\n\n/**\n * Адрес материального набора значков. Отдельный от своего: два набора стоят рядом, и приложение\n * кладёт их двумя папками.\n */\nexport const RT_ICONS_MATERIAL_BASE_URL: InjectionToken<string> = new InjectionToken<string>('RT_ICONS_MATERIAL_BASE_URL', {\n providedIn: 'root',\n factory: (): string => '/icons-material',\n});\n\n@Injectable({ providedIn: 'root' })\nexport class RtIconRegistry {\n readonly #http: HttpClient = inject(HttpClient);\n readonly #doc: Document = inject(DOCUMENT);\n readonly #baseUrl: string = inject(RT_ICONS_BASE_URL);\n readonly #materialBaseUrl: string = inject(RT_ICONS_MATERIAL_BASE_URL);\n readonly #platform: PlatformService = inject(PlatformService);\n\n /**\n * Имена, за которыми уже сходили: второй раз в сеть за ними не ходят. Ключ несёт набор —\n * одно имя приезжает двумя разными рисунками, и общий ключ отдал бы второму первый.\n */\n readonly #requested: Set<string> = new Set<string>();\n\n /** Имена, которые попросила разметка. Загрузку по ним ведёт подписка из конструктора. */\n readonly #requestSource: Subject<IRtIconRequest> = new Subject<IRtIconRequest>();\n\n constructor() {\n // Потоки складываются, а не вытесняют друг друга: странице нужны все спрошенные\n // значки, а не последний из них.\n this.#requestSource\n .pipe(\n mergeMap((asked: IRtIconRequest): Observable<void> => this.#load(asked)),\n takeUntilDestroyed()\n )\n .subscribe();\n }\n\n /**\n * Имя symbol для `<use href=\"#X\">`. Возвращает строку с ведущим `#`.\n *\n * Набор назван явно, а не выведен из страницы: одна и та же страница держит оба набора\n * рядом — признак стоит и на корне, и на контейнере, — и вывод по странице дал бы обоим\n * один ответ.\n */\n public symbolHref(name: IRtIcon.Name, drawing: IRtIcon.Drawing = 'base'): string {\n return `#${this.#symbolId(name, drawing)}`;\n }\n\n /**\n * Просит значок по имени: грузит файл и дописывает `<symbol>` в спрайт страницы.\n *\n * Ответа зовущий не ждёт и потока не получает: разметка рисует ссылку на символ сразу, а\n * браузер дорисовывает её, когда символ приезжает. Подписка живёт здесь и только здесь —\n * иначе каждая разметка гасила бы её сама, а таких мест у значка два.\n */\n public request(name: IRtIcon.Name, drawing: IRtIcon.Drawing = 'base'): void {\n const id: string = this.#symbolId(name, drawing);\n // На сервере относительных запросов к статике нет вовсе: значок дорисуется после\n // гидрации, когда разметка попросит его снова уже в браузере.\n if (!this.#platform.isPlatformBrowser || this.#requested.has(id)) {\n return;\n }\n this.#requested.add(id);\n // Символ уже лежит в спрайте страницы: его положила соседняя история витрины или\n // сама страница до старта приложения. Запроса не уходит вовсе.\n if (this.#doc.getElementById(id)) {\n return;\n }\n this.#requestSource.next({ name, drawing });\n }\n\n #load(asked: IRtIconRequest): Observable<void> {\n if (asked.drawing === 'base') {\n return this.#loadInto(asked, `${this.#baseUrl}/${asked.name}.svg`, EMPTY);\n }\n\n // Материальный рисунок, который не приехал, закрывается своим. Материальный набор —\n // слой переопределений: имени, которого в нём нет, кит и так рисует свой рисунок, и\n // не приехавший файл обязан вести себя так же. Иначе страница, объявившая набор, но\n // не опубликовавшая его папку, показывает пустое место там, где обещан значок, —\n // разметка при этом верна, и промах виден только глазами. Залитый, которого нет,\n // сперва закрывается контурным того же набора.\n const own: Observable<void> = this.#loadInto(asked, `${this.#baseUrl}/${asked.name}.svg`, EMPTY);\n const outlined: Observable<void> =\n asked.drawing === 'material-fill' ? this.#loadInto(asked, `${this.#materialBaseUrl}/${asked.name}.svg`, own) : own;\n const file: string = asked.drawing === 'material-fill' ? `${asked.name}.fill.svg` : `${asked.name}.svg`;\n\n return this.#loadInto(asked, `${this.#materialBaseUrl}/${file}`, outlined);\n }\n\n /**\n * Рисунок по адресу под именем символа, которое просила разметка: подмена ссылки разметке\n * не нужна. Отказ одного имени гасит только его значок — иначе один промах в наборе ронял бы\n * всю страницу, а соседние значки уже приехали.\n */\n #loadInto(asked: IRtIconRequest, url: string, fallback: Observable<void>): Observable<void> {\n return this.#http.get(url, { responseType: 'text' }).pipe(\n tap((raw: string): void => this.#mountSymbol(asked, raw)),\n map((): void => undefined),\n catchError((): Observable<void> => fallback)\n );\n }\n\n #symbolId(name: IRtIcon.Name, drawing: IRtIcon.Drawing): string {\n const prefix: Record<IRtIcon.Drawing, string> = {\n base: RT_ICON_SYMBOL_ID_PREFIX,\n material: RT_ICON_MATERIAL_SYMBOL_ID_PREFIX,\n 'material-fill': RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX,\n };\n return `${prefix[drawing]}${name}`;\n }\n\n #mountSymbol(asked: IRtIconRequest, raw: string): void {\n const symbol: SVGSymbolElement = this.#doc.createElementNS('http://www.w3.org/2000/svg', 'symbol');\n symbol.id = this.#symbolId(asked.name, asked.drawing);\n symbol.setAttribute('viewBox', this.#viewBox(raw));\n symbol.innerHTML = this.#inner(raw);\n this.#sprite().appendChild(symbol);\n }\n\n #viewBox(raw: string): string {\n const viewBoxMatch: RegExpExecArray | null = /viewBox=\"([^\"]+)\"/.exec(raw);\n return viewBoxMatch ? viewBoxMatch[1] : '0 0 24 24';\n }\n\n #inner(raw: string): string {\n // Тело корневого `<svg>` без него самого: оно и становится телом `<symbol>`.\n return raw\n .replace(/<\\?xml[\\s\\S]*?\\?>/g, '')\n .replace(/<!DOCTYPE[\\s\\S]*?>/g, '')\n .replace(/<svg\\b[^>]*>/i, '')\n .replace(/<\\/svg>\\s*$/i, '')\n .trim();\n }\n\n #sprite(): SVGSVGElement {\n const existing: SVGSVGElement | null = this.#doc.querySelector<SVGSVGElement>(`svg#${RT_ICON_SPRITE_ID}`);\n if (existing) {\n return existing;\n }\n const sprite: SVGSVGElement = this.#doc.createElementNS('http://www.w3.org/2000/svg', 'svg');\n sprite.id = RT_ICON_SPRITE_ID;\n sprite.setAttribute('aria-hidden', 'true');\n sprite.setAttribute('style', 'position:absolute;width:0;height:0;overflow:hidden;');\n this.#doc.body.insertBefore(sprite, this.#doc.body.firstChild);\n return sprite;\n }\n}\n\n/** Что просит разметка: имя значка и рисунок, который за ним стоит. */\ninterface IRtIconRequest {\n readonly name: IRtIcon.Name;\n readonly drawing: IRtIcon.Drawing;\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n afterNextRender,\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n effect,\n ElementRef,\n inject,\n input,\n InputSignal,\n InputSignalWithTransform,\n numberAttribute,\n signal,\n Signal,\n ViewEncapsulation,\n WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_ICON_GLYPH_STRATEGY, RtIconFontService } from './rt-icon-font.service';\nimport { resolveIconGlyph } from './rt-icon-glyph.logic';\nimport { iconMaterialDrawn } from './rt-icon-material-map';\nimport { RT_ICON_MATERIAL_PRESET_SELECTOR } from './rt-icon.const';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconRegistry } from './rt-icon.registry';\n\n/* Ступень — свойство, которое приложение задаёт правилом на значке или на его предке; умолчание —\n шаг шкалы размеров кита, те же пиксели, что стояли здесь числом. Имя `--rt-icon-step-*`, а не\n `--rt-icon-size-*`: те объявляет на корне страницы первый кит со своими значениями (md — 24px),\n и в приложении с обоими китами каждый значок второго вырос бы. */\nconst SIZES: Readonly<Record<IRtIcon.Size, string>> = Object.freeze({\n xs: 'var(--rt-icon-step-xs, var(--rt-size-3))',\n sm: 'var(--rt-icon-step-sm, var(--rt-size-4))',\n md: 'var(--rt-icon-step-md, var(--rt-size-5))',\n lg: 'var(--rt-icon-step-lg, var(--rt-size-6))',\n xl: 'var(--rt-icon-step-xl, var(--rt-size-8))',\n '2xl': 'var(--rt-icon-step-2xl, var(--rt-size-10))',\n '3xl': 'var(--rt-icon-step-3xl, var(--rt-size-12))',\n '4xl': 'var(--rt-icon-step-4xl, var(--rt-size-16))',\n});\n\n/* Пиксели ступеней по умолчанию — оптический размер лигатуры. Без оси `opsz` в настройках шрифта\n браузер ставил её по размеру шрифта, и умолчание повторяет это: значок, которому приложение оси\n не задало, рисуется как прежде. */\nconst STEP_PX: Readonly<Record<IRtIcon.Size, number>> = Object.freeze({\n xs: 12,\n sm: 16,\n md: 20,\n lg: 24,\n xl: 32,\n '2xl': 40,\n '3xl': 48,\n '4xl': 64,\n});\n\n/* Без переданного цвета значок цвета не пишет: `currentColor` строкой стиля перебивал правило\n стилей, которое красит значок снаружи, — значок опасного пункта меню оставался цвета текста. */\n// Каждый тон можно переназначить свойством сверху: поле ввода называет так тон своего значка в\n// наборе оформления. Цвет стоит встроенным стилем, и правилом его не перебить.\nconst COLORS: Readonly<Record<IRtIcon.Color, string | null>> = Object.freeze({\n current: null,\n primary: 'var(--rt-icon-color-primary, var(--rt-color-action-primary-on-surface))',\n muted: 'var(--rt-icon-color-muted, var(--rt-neutral-600))',\n disabled: 'var(--rt-icon-color-disabled, var(--rt-color-text-disabled))',\n info: 'var(--rt-icon-color-info, var(--rt-color-state-info))',\n success: 'var(--rt-icon-color-success, var(--rt-color-state-success))',\n warning: 'var(--rt-icon-color-warning, var(--rt-color-state-warning))',\n danger: 'var(--rt-icon-color-danger, var(--rt-color-state-danger))',\n inverse: 'var(--rt-icon-color-inverse, var(--rt-color-text-inverse))',\n});\n\nfunction isSizeStep(value: string): value is IRtIcon.Size {\n return Object.hasOwn(SIZES, value);\n}\n\n/** Ступень остаётся ступенью, число — пикселями. Числовая строка читается числом, прочее — ступенью `md`. */\nfunction toSize(value: IRtIcon.SizeInput | string): IRtIcon.SizeInput {\n let size: IRtIcon.SizeInput = typeof value === 'number' || isSizeStep(value) ? value : numberAttribute(value, 0);\n if (typeof size === 'number' && size <= 0) {\n size = 'md';\n }\n return size;\n}\n\nconst BEM_BLOCK: string = 'rt-icon';\n\n@Component({\n selector: 'rt-icon',\n templateUrl: './rt-icon.component.html',\n styleUrls: ['./rt-icon.component.scss'],\n imports: [BlockDirective, ElemDirective, ModDirective],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: BEM_BLOCK,\n '[attr.aria-hidden]': \"'true'\",\n '[style.width]': 'sizeValue()',\n '[style.height]': 'sizeValue()',\n '[style.color]': 'colorValue()',\n '[style.transform]': 'rotateStyle()',\n '[class.rt-icon--spin]': 'spin()',\n },\n})\nexport class RtIconComponent {\n readonly #registry: RtIconRegistry = inject(RtIconRegistry);\n readonly #host: ElementRef<HTMLElement> = inject(ElementRef);\n readonly #strategy: IRtIcon.GlyphStrategy = inject(RT_ICON_GLYPH_STRATEGY);\n readonly #fontReady: Signal<boolean> = inject(RtIconFontService).ready;\n\n /**\n * Набор, объявленный разметкой над этим значком.\n *\n * Читается у разметки, а не выбирается стилями: ссылку на символ спрайта CSS подменить нечем,\n * и второй `<use>` рядом с первым тоже не годится — он вечно указывает на символ, за которым\n * никто не ходил, а обвязка снимков ждёт, пока нарисуется каждый.\n *\n * Спрашивается ближайший предок, а не корень страницы: признак набора стоит и на контейнере,\n * и на одной странице законно живут оба набора рядом.\n *\n * Один раз после первой отрисовки: на сервере разметки нет вовсе, а признак набора страница\n * по ходу жизни не переставляет — его ставит приложение своей разметкой.\n */\n readonly #preset: WritableSignal<IRtIcon.Preset> = signal<IRtIcon.Preset>('base');\n\n /** Чем рисуется значок: именем кита или лигатурой шрифта. Ни имени, ни глифа — пустое место. */\n protected readonly resolved: Signal<IRtIcon.Resolved | null> = computed((): IRtIcon.Resolved | null =>\n resolveIconGlyph(this.name(), this.glyph(), this.glyphStrategy() ?? this.#strategy)\n );\n\n protected readonly kitName: Signal<IRtIcon.Name | null> = computed((): IRtIcon.Name | null => {\n const resolved: IRtIcon.Resolved | null = this.resolved();\n return resolved?.kind === 'kit' ? resolved.name : null;\n });\n\n protected readonly fontGlyph: Signal<string | null> = computed((): string | null => {\n const resolved: IRtIcon.Resolved | null = this.resolved();\n return resolved?.kind === 'font' ? resolved.glyph : null;\n });\n\n /** Лигатура прячется, пока шрифты страницы не готовы: до того она рисуется словом. */\n protected readonly glyphMods: Signal<Record<string, boolean>> = computed((): Record<string, boolean> => ({\n filled: this.fill(),\n pending: !this.#fontReady(),\n }));\n\n protected readonly href: Signal<string | null> = computed((): string | null => {\n const name: IRtIcon.Name | null = this.kitName();\n return name === null ? null : this.#registry.symbolHref(name, this.drawing());\n });\n\n /**\n * Набор, которым рисуется этот значок. Материальный закрывает не все имена кита — он слой\n * переопределений, как набор оформления: имя без материального рисунка рисуется своим, и это\n * не пробел.\n */\n protected readonly preset: Signal<IRtIcon.Preset> = computed((): IRtIcon.Preset => {\n const name: IRtIcon.Name | null = this.kitName();\n return this.#preset() === 'material' && name !== null && iconMaterialDrawn.has(name) ? 'material' : 'base';\n });\n\n /** Рисунок значка: залитый бывает только у материального набора, свой набор заливки не знает. */\n protected readonly drawing: Signal<IRtIcon.Drawing> = computed((): IRtIcon.Drawing => {\n if (this.preset() === 'base') {\n return 'base';\n }\n return this.fill() ? 'material-fill' : 'material';\n });\n\n /** Длина CSS стороны значка: ступень — её свойство `--rt-icon-step-*`, число — пиксели. */\n protected readonly sizeValue: Signal<string> = computed((): string => {\n const size: IRtIcon.SizeInput = this.size();\n return typeof size === 'number' ? `${size}px` : SIZES[size];\n });\n\n /** Оптический размер лигатуры, пока приложение не задало `--rt-icon-glyph-opsz`: сторона значка в пикселях. */\n protected readonly opticalSize: Signal<number> = computed((): number => {\n const size: IRtIcon.SizeInput = this.size();\n return typeof size === 'number' ? size : STEP_PX[size];\n });\n\n protected readonly colorValue: Signal<string | null> = computed((): string | null => COLORS[this.color()]);\n\n protected readonly rotateStyle: Signal<string | null> = computed((): string | null => {\n const r: number | null = this.rotate();\n return r !== null && r !== 0 ? `rotate(${r}deg)` : null;\n });\n\n /** Имя кита. Стоит рядом с глифом и побеждает его, когда переданы оба. */\n public readonly name: InputSignal<IRtIcon.Name | null> = input<IRtIcon.Name | null>(null);\n\n /**\n * Имя Material вместо имени кита. Как оно рисуется — парой из перечня кита или лигатурой\n * шрифта Material Symbols — решает настройка `glyphStrategy` у `provideRtIcons()`. Шрифт\n * приложение подключает само; семья берётся из свойства `--rt-icon-glyph-font`.\n */\n public readonly glyph: InputSignal<string | null> = input<string | null>(null);\n\n /**\n * Как рисовать имя Material у этого значка. Перекрывает `glyphStrategy` из `provideRtIcons()`;\n * `null` — берётся настройка приложения. Дефолт `null`.\n */\n public readonly glyphStrategy: InputSignal<IRtIcon.GlyphStrategy | null> = input<IRtIcon.GlyphStrategy | null>(null);\n\n /**\n * Ступень размера или число пикселей — для размеров между ступенями и крупнее последней.\n * Числовая строка из статического атрибута читается числом, прочая строка вне ступеней — `md`.\n * Внутри вход хранит ступень или положительное число пикселей.\n */\n public readonly size: InputSignalWithTransform<IRtIcon.SizeInput, IRtIcon.SizeInput | string> = input<\n IRtIcon.SizeInput,\n IRtIcon.SizeInput | string\n >('md', { transform: toSize });\n\n public readonly color: InputSignal<IRtIcon.Color> = input<IRtIcon.Color>('current');\n\n /**\n * Залитый рисунок вместо контурного — как `FILL 1` у значка первого кита. Действует в\n * материальном наборе; свой набор рисует значок одним рисунком. Дефолт `false`.\n */\n public readonly fill: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n\n /**\n * Значок вращается — как индикатор занятости внутри кнопки или строки. Когда система просит\n * меньше движения, вращение медленнее. Поворот на время вращения уступает ему. Дефолт `false`.\n */\n public readonly spin: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n\n public readonly rotate: InputSignalWithTransform<number | null, TRotateInput> = input<number | null, TRotateInput>(null, {\n transform: (v: TRotateInput): number | null => {\n if (v === null || v === '') {\n return null;\n }\n return numberAttribute(v, 0);\n },\n });\n\n constructor() {\n // Значок едет по запросу имени, а не вперёд всем набором: страница платит за то, что\n // нарисовала. Смена имени просит новое — прежний символ остаётся в спрайте.\n effect((): void => {\n const name: IRtIcon.Name | null = this.kitName();\n if (name !== null) {\n this.#registry.request(name, this.drawing());\n }\n });\n\n // Разметка над значком видна только в браузере и только после первой отрисовки:\n // контейнер с признаком набора рисует то же приложение.\n afterNextRender((): void => {\n if (this.#host.nativeElement.closest(RT_ICON_MATERIAL_PRESET_SELECTOR)) {\n this.#preset.set('material');\n }\n });\n }\n}\n\ntype TRotateInput = number | string | null;\n","<ng-container rtBlock=\"rt-icon\">\n @if (href(); as symbol) {\n <svg focusable=\"false\" aria-hidden=\"true\" [attr.viewBox]=\"'0 0 24 24'\">\n <use [attr.href]=\"symbol\" />\n </svg>\n } @else if (fontGlyph(); as ligature) {\n <span\n rtElem=\"glyph\"\n aria-hidden=\"true\"\n [rtMod]=\"glyphMods()\"\n [style.font-size]=\"sizeValue()\"\n [style.--rt-icon-glyph-opsz-auto]=\"opticalSize()\">\n {{ ligature }}\n </span>\n }\n</ng-container>\n","import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\n\nimport { RT_ICON_GLYPH_STRATEGY } from './rt-icon-font.service';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RT_ICONS_BASE_URL, RT_ICONS_MATERIAL_BASE_URL } from './rt-icon.registry';\n\n/**\n * Называет адрес, по которому приложение опубликовало набор значков `rt-icon`.\n *\n * ```typescript\n * export function withCoreProviders(): EnvironmentProviders {\n * return makeEnvironmentProviders([\n * provideHttpClient(...),\n * provideRtStorage(),\n * provideRtIcons(),\n * ]);\n * }\n * ```\n *\n * Вперёд отсюда не грузится ничего: значок едет тогда, когда его попросила разметка, и платит\n * за него та страница, которая его нарисовала. Сборка спрайта и загрузка — дело `RtIconRegistry`.\n *\n * Сами файлы приложение публикует само — набор лежит в `assets/icons` пакета, и сборка копирует\n * его в свою статику.\n *\n * Наборов значков два: свой и материальный. Второй нужен только приложению, которое объявляет\n * материальный набор оформления, и адрес у него свой — набор лежит в `assets/icons-material`.\n *\n * Третий аргумент — настройки значков. `glyphStrategy` говорит, как рисуется имя Material на входе\n * `glyph`: `map-first` (по умолчанию) — пара из перечня кита, а без пары шрифт Material Symbols;\n * `font` — шрифт для любого имени. Шрифт приложение подключает само.\n *\n * @param baseUrl Адрес опубликованного набора. По умолчанию `/icons`.\n * @param materialBaseUrl Адрес материального набора. По умолчанию `/icons-material`.\n * @param options Настройки значков.\n */\nexport function provideRtIcons(baseUrl?: string, materialBaseUrl?: string, options?: IRtIconsOptions): EnvironmentProviders {\n return makeEnvironmentProviders([\n ...(baseUrl === undefined ? [] : [{ provide: RT_ICONS_BASE_URL, useValue: baseUrl }]),\n ...(materialBaseUrl === undefined ? [] : [{ provide: RT_ICONS_MATERIAL_BASE_URL, useValue: materialBaseUrl }]),\n ...(options?.glyphStrategy === undefined ? [] : [{ provide: RT_ICON_GLYPH_STRATEGY, useValue: options.glyphStrategy }]),\n ]);\n}\n\n/** Настройки значков приложения — третий аргумент `provideRtIcons()`. */\nexport interface IRtIconsOptions {\n readonly glyphStrategy?: IRtIcon.GlyphStrategy;\n}\n"],"mappings":"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"}
|
|
@@ -277,7 +277,7 @@ var RtInputNumberComponent = class RtInputNumberComponent extends RtFormControlB
|
|
|
277
277
|
inputs: ["radius", "radius"]
|
|
278
278
|
}],
|
|
279
279
|
ngImport: i0,
|
|
280
|
-
template: "<ng-container rtBlock=\"rt-input-number\">\n @if (isReadonly()) {\n <span rtElem=\"readonly\" qa-dataid=\"input-number-readonly\" [rtMod]=\"{ empty: !displayText() }\">\n @if (prefix() && displayText()) {\n <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\">{{ prefix() }}</span>\n }\n {{ displayText() || '—' }}\n </span>\n } @else {\n @if (iconLeft(); as left) {\n <rt-icon rtElem=\"icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n }\n @if (prefix(); as pfx) {\n <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\" aria-hidden=\"true\">{{ pfx }}</span>\n }\n <input\n #fieldEl\n rtElem=\"field\"\n qa-dataid=\"input-number-control\"\n type=\"text\"\n inputmode=\"decimal\"\n autocomplete=\"off\"\n [attr.id]=\"effectiveControlId()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-invalid]=\"isInvalid() || null\"\n [attr.placeholder]=\"placeholder()\"\n [disabled]=\"isDisabled()\"\n [value]=\"displayValue()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\" />\n @if (showClearButton()) {\n <rt-icon-button\n rtElem=\"clear\"\n qa-dataid=\"input-number-clear\"\n icon=\"ico-close\"\n size=\"sm\"\n variant=\"ghost\"\n iconColor=\"muted\"\n [ariaLabel]=\"t().uiClear\"\n [tabIndex]=\"
|
|
280
|
+
template: "<ng-container rtBlock=\"rt-input-number\">\n @if (isReadonly()) {\n <span rtElem=\"readonly\" qa-dataid=\"input-number-readonly\" [rtMod]=\"{ empty: !displayText() }\">\n @if (prefix() && displayText()) {\n <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\">{{ prefix() }}</span>\n }\n {{ displayText() || '—' }}\n </span>\n } @else {\n @if (iconLeft(); as left) {\n <rt-icon rtElem=\"icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n }\n @if (prefix(); as pfx) {\n <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\" aria-hidden=\"true\">{{ pfx }}</span>\n }\n <input\n #fieldEl\n rtElem=\"field\"\n qa-dataid=\"input-number-control\"\n type=\"text\"\n inputmode=\"decimal\"\n autocomplete=\"off\"\n [attr.id]=\"effectiveControlId()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-invalid]=\"isInvalid() || null\"\n [attr.placeholder]=\"placeholder()\"\n [disabled]=\"isDisabled()\"\n [value]=\"displayValue()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\" />\n @if (showClearButton()) {\n <rt-icon-button\n rtElem=\"clear\"\n qa-dataid=\"input-number-clear\"\n icon=\"ico-close\"\n size=\"sm\"\n variant=\"ghost\"\n iconColor=\"muted\"\n [ariaLabel]=\"t().uiClear\"\n [tabIndex]=\"clearTabIndex()\"\n (clicked)=\"clear($event)\" />\n }\n }\n</ng-container>\n",
|
|
281
281
|
styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-input-number{--rt-input-number-radius: var(--rt-input-radius);--rt-input-number-fill-radius: var(--rt-radius-sm);--rt-input-number-color-border-hover: var(--rt-color-text-primary);--rt-input-number-edge: var(--rt-input-border-width);position:relative;display:inline-flex;width:100%;min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-input-number-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:text;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);line-height:var(--rt-input-line-height);transition:var(--rt-input-transition)}.rt-input-number:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-input-number:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):where(:hover:not(:has(:disabled))){border-color:var(--rt-input-number-color-border-hover)}.rt-input-number--borderless{border-color:transparent}.rt-input-number--appearance--fill{--rt-input-number-edge: var(--rt-input-fill-edge);border-width:var(--rt-input-fill-edge) var(--rt-input-fill-edge) var(--rt-input-border-width);border-color:transparent;border-radius:var(--rt-input-number-fill-radius) var(--rt-input-number-fill-radius) 0 0;border-bottom-color:var(--rt-color-field-fill-underline);background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input-number--appearance--fill:where([data-rt-radius]){border-radius:var(--rt-input-number-radius);border-bottom-color:transparent}.rt-input-number--appearance--pill{--rt-input-number-radius: var(--rt-radius-full);border-color:transparent;background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input-number--invalid{border-color:var(--rt-input-color-border-error)}.rt-input-number--invalid:focus-within{box-shadow:var(--rt-input-focus-shadow-error)}.rt-input-number--appearance--fill:focus-within{box-shadow:var(--rt-input-fill-focus-shadow)}.rt-input-number--appearance--fill.rt-input-number--invalid:focus-within{box-shadow:var(--rt-input-fill-focus-shadow-error)}.rt-input-number--disabled{color:var(--rt-input-color-text-disabled);cursor:not-allowed;opacity:var(--rt-input-disabled-field-opacity)}.rt-input-number--appearance--fill.rt-input-number--disabled{background-color:var(--rt-input-fill-color-bg-disabled)}.rt-input-number--disabled:not(.rt-input-number--invalid,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-input-number--borderless,.rt-input-number--readonly){border-color:var(--rt-input-color-border-disabled)}.rt-input-number--disabled .rt-input-number__field::placeholder{color:var(--rt-input-color-placeholder-disabled)}.rt-input-number--size--sm{min-height:var(--rt-input-height-sm)}.rt-input-number--size--lg{min-height:var(--rt-input-height-lg)}.rt-input-number:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){padding-inline:calc(var(--rt-input-padding-x) - var(--rt-input-number-edge))}.rt-input-number--readonly{padding-right:0;padding-left:0;border-color:transparent;background-color:transparent;cursor:default}.rt-input-number__readonly{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-input-number__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-input-number__field{min-width:0;flex:1 1 auto;padding:0;border:none;background:transparent;color:inherit;font:inherit;letter-spacing:var(--rt-input-letter-spacing, normal);outline:none}.rt-input-number__field::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-input-number__field:disabled{cursor:not-allowed}.rt-input-number__icon-left,.rt-input-number__prefix,.rt-input-number__clear{flex-shrink:0}.rt-input-number__prefix{color:var(--rt-color-text-muted);-webkit-user-select:none;user-select:none}.rt-input-number[data-rt-radius=none]{--rt-input-number-radius: var(--rt-radius-none)}.rt-input-number[data-rt-radius=xs]{--rt-input-number-radius: var(--rt-radius-xs)}.rt-input-number[data-rt-radius=sm]{--rt-input-number-radius: var(--rt-radius-sm)}.rt-input-number[data-rt-radius=ms]{--rt-input-number-radius: var(--rt-radius-ms)}.rt-input-number[data-rt-radius=md]{--rt-input-number-radius: var(--rt-radius-md)}.rt-input-number[data-rt-radius=lg]{--rt-input-number-radius: var(--rt-radius-lg)}.rt-input-number[data-rt-radius=xl]{--rt-input-number-radius: var(--rt-radius-xl)}.rt-input-number[data-rt-radius=\"2xl\"]{--rt-input-number-radius: var(--rt-radius-2xl)}.rt-input-number[data-rt-radius=full]{--rt-input-number-radius: var(--rt-radius-full)}}\n"],
|
|
282
282
|
dependencies: [
|
|
283
283
|
{
|
|
@@ -383,7 +383,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
383
383
|
"[class.rt-input-number--size--lg]": "size() === 'lg'",
|
|
384
384
|
"(mousedown)": "onHostMousedown($event)"
|
|
385
385
|
},
|
|
386
|
-
template: "<ng-container rtBlock=\"rt-input-number\">\n @if (isReadonly()) {\n <span rtElem=\"readonly\" qa-dataid=\"input-number-readonly\" [rtMod]=\"{ empty: !displayText() }\">\n @if (prefix() && displayText()) {\n <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\">{{ prefix() }}</span>\n }\n {{ displayText() || '—' }}\n </span>\n } @else {\n @if (iconLeft(); as left) {\n <rt-icon rtElem=\"icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n }\n @if (prefix(); as pfx) {\n <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\" aria-hidden=\"true\">{{ pfx }}</span>\n }\n <input\n #fieldEl\n rtElem=\"field\"\n qa-dataid=\"input-number-control\"\n type=\"text\"\n inputmode=\"decimal\"\n autocomplete=\"off\"\n [attr.id]=\"effectiveControlId()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-invalid]=\"isInvalid() || null\"\n [attr.placeholder]=\"placeholder()\"\n [disabled]=\"isDisabled()\"\n [value]=\"displayValue()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\" />\n @if (showClearButton()) {\n <rt-icon-button\n rtElem=\"clear\"\n qa-dataid=\"input-number-clear\"\n icon=\"ico-close\"\n size=\"sm\"\n variant=\"ghost\"\n iconColor=\"muted\"\n [ariaLabel]=\"t().uiClear\"\n [tabIndex]=\"
|
|
386
|
+
template: "<ng-container rtBlock=\"rt-input-number\">\n @if (isReadonly()) {\n <span rtElem=\"readonly\" qa-dataid=\"input-number-readonly\" [rtMod]=\"{ empty: !displayText() }\">\n @if (prefix() && displayText()) {\n <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\">{{ prefix() }}</span>\n }\n {{ displayText() || '—' }}\n </span>\n } @else {\n @if (iconLeft(); as left) {\n <rt-icon rtElem=\"icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n }\n @if (prefix(); as pfx) {\n <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\" aria-hidden=\"true\">{{ pfx }}</span>\n }\n <input\n #fieldEl\n rtElem=\"field\"\n qa-dataid=\"input-number-control\"\n type=\"text\"\n inputmode=\"decimal\"\n autocomplete=\"off\"\n [attr.id]=\"effectiveControlId()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-invalid]=\"isInvalid() || null\"\n [attr.placeholder]=\"placeholder()\"\n [disabled]=\"isDisabled()\"\n [value]=\"displayValue()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\" />\n @if (showClearButton()) {\n <rt-icon-button\n rtElem=\"clear\"\n qa-dataid=\"input-number-clear\"\n icon=\"ico-close\"\n size=\"sm\"\n variant=\"ghost\"\n iconColor=\"muted\"\n [ariaLabel]=\"t().uiClear\"\n [tabIndex]=\"clearTabIndex()\"\n (clicked)=\"clear($event)\" />\n }\n }\n</ng-container>\n",
|
|
387
387
|
styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-input-number{--rt-input-number-radius: var(--rt-input-radius);--rt-input-number-fill-radius: var(--rt-radius-sm);--rt-input-number-color-border-hover: var(--rt-color-text-primary);--rt-input-number-edge: var(--rt-input-border-width);position:relative;display:inline-flex;width:100%;min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-input-number-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:text;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);line-height:var(--rt-input-line-height);transition:var(--rt-input-transition)}.rt-input-number:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-input-number:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):where(:hover:not(:has(:disabled))){border-color:var(--rt-input-number-color-border-hover)}.rt-input-number--borderless{border-color:transparent}.rt-input-number--appearance--fill{--rt-input-number-edge: var(--rt-input-fill-edge);border-width:var(--rt-input-fill-edge) var(--rt-input-fill-edge) var(--rt-input-border-width);border-color:transparent;border-radius:var(--rt-input-number-fill-radius) var(--rt-input-number-fill-radius) 0 0;border-bottom-color:var(--rt-color-field-fill-underline);background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input-number--appearance--fill:where([data-rt-radius]){border-radius:var(--rt-input-number-radius);border-bottom-color:transparent}.rt-input-number--appearance--pill{--rt-input-number-radius: var(--rt-radius-full);border-color:transparent;background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input-number--invalid{border-color:var(--rt-input-color-border-error)}.rt-input-number--invalid:focus-within{box-shadow:var(--rt-input-focus-shadow-error)}.rt-input-number--appearance--fill:focus-within{box-shadow:var(--rt-input-fill-focus-shadow)}.rt-input-number--appearance--fill.rt-input-number--invalid:focus-within{box-shadow:var(--rt-input-fill-focus-shadow-error)}.rt-input-number--disabled{color:var(--rt-input-color-text-disabled);cursor:not-allowed;opacity:var(--rt-input-disabled-field-opacity)}.rt-input-number--appearance--fill.rt-input-number--disabled{background-color:var(--rt-input-fill-color-bg-disabled)}.rt-input-number--disabled:not(.rt-input-number--invalid,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-input-number--borderless,.rt-input-number--readonly){border-color:var(--rt-input-color-border-disabled)}.rt-input-number--disabled .rt-input-number__field::placeholder{color:var(--rt-input-color-placeholder-disabled)}.rt-input-number--size--sm{min-height:var(--rt-input-height-sm)}.rt-input-number--size--lg{min-height:var(--rt-input-height-lg)}.rt-input-number:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){padding-inline:calc(var(--rt-input-padding-x) - var(--rt-input-number-edge))}.rt-input-number--readonly{padding-right:0;padding-left:0;border-color:transparent;background-color:transparent;cursor:default}.rt-input-number__readonly{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-input-number__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-input-number__field{min-width:0;flex:1 1 auto;padding:0;border:none;background:transparent;color:inherit;font:inherit;letter-spacing:var(--rt-input-letter-spacing, normal);outline:none}.rt-input-number__field::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-input-number__field:disabled{cursor:not-allowed}.rt-input-number__icon-left,.rt-input-number__prefix,.rt-input-number__clear{flex-shrink:0}.rt-input-number__prefix{color:var(--rt-color-text-muted);-webkit-user-select:none;user-select:none}.rt-input-number[data-rt-radius=none]{--rt-input-number-radius: var(--rt-radius-none)}.rt-input-number[data-rt-radius=xs]{--rt-input-number-radius: var(--rt-radius-xs)}.rt-input-number[data-rt-radius=sm]{--rt-input-number-radius: var(--rt-radius-sm)}.rt-input-number[data-rt-radius=ms]{--rt-input-number-radius: var(--rt-radius-ms)}.rt-input-number[data-rt-radius=md]{--rt-input-number-radius: var(--rt-radius-md)}.rt-input-number[data-rt-radius=lg]{--rt-input-number-radius: var(--rt-radius-lg)}.rt-input-number[data-rt-radius=xl]{--rt-input-number-radius: var(--rt-radius-xl)}.rt-input-number[data-rt-radius=\"2xl\"]{--rt-input-number-radius: var(--rt-radius-2xl)}.rt-input-number[data-rt-radius=full]{--rt-input-number-radius: var(--rt-radius-full)}}\n"]
|
|
388
388
|
}]
|
|
389
389
|
}],
|