@praxisui/dynamic-fields 10.0.0-rc.3 → 10.0.0-rc.5
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.
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as i1$1 from '@angular/forms';
|
|
2
2
|
import { NgControl, FormControl, Validators, ReactiveFormsModule, NG_VALUE_ACCESSOR, FormGroup, FormArray, FormsModule } from '@angular/forms';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { InjectionToken, inject, DestroyRef, ElementRef, ChangeDetectorRef, Injector, signal, output, computed, Input, Directive, viewChild, effect, EventEmitter, Output, Component, forwardRef, LOCALE_ID,
|
|
4
|
+
import { InjectionToken, inject, DestroyRef, ElementRef, ChangeDetectorRef, Injector, signal, output, computed, Input, Directive, Injectable, viewChild, effect, EventEmitter, Output, Component, forwardRef, LOCALE_ID, ChangeDetectionStrategy, afterRenderEffect, ViewChild, ViewContainerRef, HostListener, HostBinding, ViewEncapsulation, model, input, contentChild, Renderer2, viewChildren, ENVIRONMENT_INITIALIZER, Inject, ViewChildren, afterNextRender, TemplateRef, ContentChild, APP_INITIALIZER, Optional } from '@angular/core';
|
|
5
5
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
6
|
-
import { providePraxisI18n, PraxisI18nService, isCssTextTransform, getTextTransformer, GlobalActionService,
|
|
6
|
+
import { providePraxisI18n, PraxisI18nService, isCssTextTransform, getTextTransformer, GlobalActionService, GlobalConfigService, GenericCrudService, PraxisIconDirective, FieldControlType, resolveBuiltinPresets, resolveDateRangeShortcutPreset, INLINE_FILTER_CONTROL_TYPES, FieldSelectorRegistry, FIELD_SELECTOR_REGISTRY_BASE, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, LoggerService, normalizeControlTypeToken, resolveInlineFilterControlType, resolveControlTypeAlias, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, resolveValuePresentation, FieldDataType, PraxisJsonLogicService, renderPraxisPresentationVisualizationHtml, resolveFieldPresentation as resolveFieldPresentation$1, DynamicFormService, ResourceDiscoveryService, ResourceSurfaceOpenAdapterService, classifyEntityLookupResult, ComponentMetadataRegistry, GovernedColorPaletteService, materializeGovernedPaletteEntries, createCpfCnpjValidator, NumericFormat, interpolatePraxisTranslation, FIELD_METADATA_CAPABILITIES } from '@praxisui/core';
|
|
7
7
|
import { Subscription, BehaviorSubject, combineLatest, of, Subject, EMPTY, timer, firstValueFrom, fromEvent, take as take$1 } from 'rxjs';
|
|
8
8
|
import { Router } from '@angular/router';
|
|
9
9
|
import * as i1$5 from '@angular/material/dialog';
|
|
@@ -137,6 +137,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
|
|
|
137
137
|
'praxis.dynamicFields.validation.invalidValue': 'Invalid value',
|
|
138
138
|
'praxis.dynamicFields.boolean.true': 'Yes',
|
|
139
139
|
'praxis.dynamicFields.boolean.false': 'No',
|
|
140
|
+
'praxis.dynamicFields.boolean.all': 'All',
|
|
140
141
|
'praxis.dynamicFields.select.loadSchemaError': 'Failed to load schema.',
|
|
141
142
|
'praxis.dynamicFields.select.loadOptionsError': 'Failed to load options.',
|
|
142
143
|
'praxis.dynamicFields.select.missingOptionLabel': 'Option unavailable (#{{id}})',
|
|
@@ -640,6 +641,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
|
|
|
640
641
|
'praxis.dynamicFields.validation.invalidValue': 'Valor inválido',
|
|
641
642
|
'praxis.dynamicFields.boolean.true': 'Sim',
|
|
642
643
|
'praxis.dynamicFields.boolean.false': 'Não',
|
|
644
|
+
'praxis.dynamicFields.boolean.all': 'Todos',
|
|
643
645
|
'praxis.dynamicFields.select.loadSchemaError': 'Erro ao carregar schema.',
|
|
644
646
|
'praxis.dynamicFields.select.loadOptionsError': 'Erro ao carregar opções.',
|
|
645
647
|
'praxis.dynamicFields.select.missingOptionLabel': 'Opção indisponível (#{{id}})',
|
|
@@ -3649,6 +3651,144 @@ function computeEffectiveState(metadata, overrides = {}) {
|
|
|
3649
3651
|
return { readonly, disabled, presentation, visible };
|
|
3650
3652
|
}
|
|
3651
3653
|
|
|
3654
|
+
const DEFAULT_SELECT_OPTION_CACHE_TTL_MS = 5 * 60 * 1000; // 5 minutes
|
|
3655
|
+
const DEFAULT_SELECT_OPTION_CACHE_MAX_ENTRIES = 200;
|
|
3656
|
+
/**
|
|
3657
|
+
* SelectOptionRegistry
|
|
3658
|
+
* --------------------
|
|
3659
|
+
* Registro canônico e cache de primeiro nível (L1) em memória para opções
|
|
3660
|
+
* remotas de campos select / autocomplete / dropdown (Issue #2).
|
|
3661
|
+
*
|
|
3662
|
+
* Evita disparos repetidos de requisições HTTP para `/options/filter` e endpoints
|
|
3663
|
+
* de recursos durante trocas de abas, reconstrução de formulários ou reabertura de menus.
|
|
3664
|
+
*/
|
|
3665
|
+
class SelectOptionRegistry {
|
|
3666
|
+
global = inject(GlobalConfigService, { optional: true });
|
|
3667
|
+
cache = new Map();
|
|
3668
|
+
/**
|
|
3669
|
+
* Constrói uma chave determinística de cache a partir dos parâmetros de consulta.
|
|
3670
|
+
*/
|
|
3671
|
+
buildCacheKey(params) {
|
|
3672
|
+
const base = params.baseUrl ? `${params.baseUrl.trim().toLowerCase()}::` : '';
|
|
3673
|
+
const tenant = params.tenant ? `tenant:${params.tenant.trim().toLowerCase()}::` : '';
|
|
3674
|
+
const resource = params.resourcePath.trim().toLowerCase();
|
|
3675
|
+
const sourceKey = params.optionSourceKey ? `::src:${params.optionSourceKey}` : '';
|
|
3676
|
+
const search = params.searchTerm ? `::q:${params.searchTerm.trim().toLowerCase()}` : '';
|
|
3677
|
+
const page = `::p:${params.page ?? 0}:${params.pageSize ?? 50}`;
|
|
3678
|
+
const includes = params.includeIds?.length ? `::inc:${params.includeIds.slice().sort().join(',')}` : '';
|
|
3679
|
+
const criteriaPart = params.criteria && Object.keys(params.criteria).length > 0
|
|
3680
|
+
? `::crit:${this.stableSortJson(params.criteria)}`
|
|
3681
|
+
: '';
|
|
3682
|
+
return `${base}${tenant}${resource}${sourceKey}${search}${page}${includes}${criteriaPart}`;
|
|
3683
|
+
}
|
|
3684
|
+
/**
|
|
3685
|
+
* Recupera opções do cache L1 se existirem e não estiverem expiradas.
|
|
3686
|
+
*/
|
|
3687
|
+
get(cacheKey) {
|
|
3688
|
+
const entry = this.cache.get(cacheKey);
|
|
3689
|
+
if (!entry)
|
|
3690
|
+
return undefined;
|
|
3691
|
+
if (Date.now() > entry.expiresAt) {
|
|
3692
|
+
this.cache.delete(cacheKey);
|
|
3693
|
+
return undefined;
|
|
3694
|
+
}
|
|
3695
|
+
return entry.options;
|
|
3696
|
+
}
|
|
3697
|
+
/**
|
|
3698
|
+
* Armazena opções no cache L1 com TTL governado.
|
|
3699
|
+
*/
|
|
3700
|
+
set(cacheKey, options, customTtlMs, resourcePath) {
|
|
3701
|
+
const ttlMs = customTtlMs ?? this.resolveTtlMs();
|
|
3702
|
+
const now = Date.now();
|
|
3703
|
+
const expiresAt = now + ttlMs;
|
|
3704
|
+
const maxEntries = this.resolveMaxEntries();
|
|
3705
|
+
if (this.cache.size >= maxEntries && !this.cache.has(cacheKey)) {
|
|
3706
|
+
const oldestKey = this.cache.keys().next().value;
|
|
3707
|
+
if (oldestKey)
|
|
3708
|
+
this.cache.delete(oldestKey);
|
|
3709
|
+
}
|
|
3710
|
+
this.cache.set(cacheKey, {
|
|
3711
|
+
options: options.slice(),
|
|
3712
|
+
cachedAt: now,
|
|
3713
|
+
expiresAt,
|
|
3714
|
+
resourcePath,
|
|
3715
|
+
});
|
|
3716
|
+
}
|
|
3717
|
+
/**
|
|
3718
|
+
* Verifica se a chave está em cache válida.
|
|
3719
|
+
*/
|
|
3720
|
+
has(cacheKey) {
|
|
3721
|
+
return this.get(cacheKey) !== undefined;
|
|
3722
|
+
}
|
|
3723
|
+
/**
|
|
3724
|
+
* Invalida o cache. Se resourcePath for informado, remove apenas as entradas
|
|
3725
|
+
* vinculadas àquele recurso. Caso contrário, limpa todo o registro.
|
|
3726
|
+
*/
|
|
3727
|
+
invalidate(resourcePath) {
|
|
3728
|
+
if (!resourcePath) {
|
|
3729
|
+
this.clear();
|
|
3730
|
+
return;
|
|
3731
|
+
}
|
|
3732
|
+
const target = resourcePath.trim().toLowerCase();
|
|
3733
|
+
for (const [key, entry] of Array.from(this.cache.entries())) {
|
|
3734
|
+
if (entry.resourcePath?.trim().toLowerCase() === target || key.startsWith(target)) {
|
|
3735
|
+
this.cache.delete(key);
|
|
3736
|
+
}
|
|
3737
|
+
}
|
|
3738
|
+
}
|
|
3739
|
+
/**
|
|
3740
|
+
* Limpa integralmente o cache em memória.
|
|
3741
|
+
*/
|
|
3742
|
+
clear() {
|
|
3743
|
+
this.cache.clear();
|
|
3744
|
+
}
|
|
3745
|
+
/**
|
|
3746
|
+
* Retorna a quantidade de entradas ativas no cache.
|
|
3747
|
+
*/
|
|
3748
|
+
size() {
|
|
3749
|
+
return this.cache.size;
|
|
3750
|
+
}
|
|
3751
|
+
resolveTtlMs() {
|
|
3752
|
+
try {
|
|
3753
|
+
const configured = this.global?.get('cache.selectOptionsTtlMs');
|
|
3754
|
+
if (typeof configured === 'number' && Number.isFinite(configured) && configured > 0) {
|
|
3755
|
+
return configured;
|
|
3756
|
+
}
|
|
3757
|
+
}
|
|
3758
|
+
catch { }
|
|
3759
|
+
return DEFAULT_SELECT_OPTION_CACHE_TTL_MS;
|
|
3760
|
+
}
|
|
3761
|
+
resolveMaxEntries() {
|
|
3762
|
+
try {
|
|
3763
|
+
const configured = this.global?.get('cache.selectOptionsMaxEntries');
|
|
3764
|
+
if (typeof configured === 'number' && Number.isFinite(configured) && configured > 0) {
|
|
3765
|
+
return configured;
|
|
3766
|
+
}
|
|
3767
|
+
}
|
|
3768
|
+
catch { }
|
|
3769
|
+
return DEFAULT_SELECT_OPTION_CACHE_MAX_ENTRIES;
|
|
3770
|
+
}
|
|
3771
|
+
stableSortJson(obj) {
|
|
3772
|
+
try {
|
|
3773
|
+
const sortedKeys = Object.keys(obj).sort();
|
|
3774
|
+
const sortedObj = {};
|
|
3775
|
+
for (const k of sortedKeys) {
|
|
3776
|
+
sortedObj[k] = obj[k];
|
|
3777
|
+
}
|
|
3778
|
+
return JSON.stringify(sortedObj);
|
|
3779
|
+
}
|
|
3780
|
+
catch {
|
|
3781
|
+
return '';
|
|
3782
|
+
}
|
|
3783
|
+
}
|
|
3784
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SelectOptionRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3785
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SelectOptionRegistry, providedIn: 'root' });
|
|
3786
|
+
}
|
|
3787
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SelectOptionRegistry, decorators: [{
|
|
3788
|
+
type: Injectable,
|
|
3789
|
+
args: [{ providedIn: 'root' }]
|
|
3790
|
+
}] });
|
|
3791
|
+
|
|
3652
3792
|
function isSelectDebugEnabled() {
|
|
3653
3793
|
try {
|
|
3654
3794
|
if (globalThis.__PRAXIS_DEBUG_FIELDS__) {
|
|
@@ -3743,6 +3883,7 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
|
|
|
3743
3883
|
remoteOptionsLoadDestroyHookRegistered = false;
|
|
3744
3884
|
// Global configuration access (available to subclasses)
|
|
3745
3885
|
global = inject(GlobalConfigService);
|
|
3886
|
+
optionRegistry = inject(SelectOptionRegistry, { optional: true });
|
|
3746
3887
|
// Dependency cascade support (Phase 1)
|
|
3747
3888
|
dependencySub = null;
|
|
3748
3889
|
remoteSelectionHydrationSub = null;
|
|
@@ -4444,6 +4585,29 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
|
|
|
4444
4585
|
filter[this.optionLabelKey()] = searchTerm;
|
|
4445
4586
|
}
|
|
4446
4587
|
const includeIds = page === 0 ? this.currentIncludeIds() : undefined;
|
|
4588
|
+
const resource = this.resourcePath();
|
|
4589
|
+
const tenant = this.global?.getTenant?.() || null;
|
|
4590
|
+
const cacheKey = this.optionRegistry?.buildCacheKey({
|
|
4591
|
+
resourcePath: resource,
|
|
4592
|
+
optionSourceKey: this.optionSource()?.key,
|
|
4593
|
+
criteria: filter,
|
|
4594
|
+
searchTerm,
|
|
4595
|
+
page,
|
|
4596
|
+
pageSize: this.pageSize(),
|
|
4597
|
+
includeIds,
|
|
4598
|
+
tenant,
|
|
4599
|
+
});
|
|
4600
|
+
if (cacheKey && this.optionRegistry?.has(cacheKey)) {
|
|
4601
|
+
const cached = this.optionRegistry.get(cacheKey);
|
|
4602
|
+
if (cached) {
|
|
4603
|
+
this.options.set(cached);
|
|
4604
|
+
this.optionsLoaded.emit(cached);
|
|
4605
|
+
this.loading.set(false);
|
|
4606
|
+
this.error.set(null);
|
|
4607
|
+
this.markLoadedOnce();
|
|
4608
|
+
return;
|
|
4609
|
+
}
|
|
4610
|
+
}
|
|
4447
4611
|
this.loading.set(true);
|
|
4448
4612
|
const request$ = this.optionSource()
|
|
4449
4613
|
? this.crudService.filterOptionSourceOptions(this.optionSource().key, filter, { pageNumber: page, pageSize: this.pageSize() }, {
|
|
@@ -4474,6 +4638,9 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
|
|
|
4474
4638
|
label: item[this.optionLabelKey()],
|
|
4475
4639
|
value: item[this.optionValueKey()],
|
|
4476
4640
|
}));
|
|
4641
|
+
if (cacheKey && this.optionRegistry) {
|
|
4642
|
+
this.optionRegistry.set(cacheKey, opts, undefined, resource);
|
|
4643
|
+
}
|
|
4477
4644
|
this.options.set(opts);
|
|
4478
4645
|
this.optionsLoaded.emit(opts);
|
|
4479
4646
|
this.loading.set(false);
|
|
@@ -4958,8 +5125,15 @@ class MaterialAvatarComponent {
|
|
|
4958
5125
|
/** Full name to generate initials from if `initials` is not provided. */
|
|
4959
5126
|
name;
|
|
4960
5127
|
icon;
|
|
5128
|
+
_defaultIcon;
|
|
4961
5129
|
/** Fallback icon used when no image/icon/initials provided via inputs */
|
|
4962
|
-
defaultIcon
|
|
5130
|
+
set defaultIcon(value) {
|
|
5131
|
+
this._defaultIcon = value;
|
|
5132
|
+
this.contentTick.update((v) => v + 1);
|
|
5133
|
+
}
|
|
5134
|
+
get defaultIcon() {
|
|
5135
|
+
return this._defaultIcon;
|
|
5136
|
+
}
|
|
4963
5137
|
// Visual props
|
|
4964
5138
|
appearanceTick = signal(0, ...(ngDevMode ? [{ debugName: "appearanceTick" }] : /* istanbul ignore next */ []));
|
|
4965
5139
|
contentTick = signal(0, ...(ngDevMode ? [{ debugName: "contentTick" }] : /* istanbul ignore next */ []));
|
|
@@ -5189,8 +5363,10 @@ class MaterialAvatarComponent {
|
|
|
5189
5363
|
classes.push('has-icon');
|
|
5190
5364
|
else if (this.hasInitials())
|
|
5191
5365
|
classes.push('has-initials');
|
|
5192
|
-
else if (this.hasDefaultIcon())
|
|
5366
|
+
else if (this.hasDefaultIcon()) {
|
|
5193
5367
|
classes.push('has-icon');
|
|
5368
|
+
classes.push('has-fallback-icon');
|
|
5369
|
+
}
|
|
5194
5370
|
}
|
|
5195
5371
|
if (this.class)
|
|
5196
5372
|
classes.push(String(this.class));
|
|
@@ -5631,6 +5807,9 @@ class MaterialAvatarComponent {
|
|
|
5631
5807
|
classes.push(`emphasis-${item.emphasis}`);
|
|
5632
5808
|
classes.push(`emphasis-color-${item.emphasisColor}`);
|
|
5633
5809
|
}
|
|
5810
|
+
if (!item.imageUrl && !item.initialsText && !this.groupIconName(item) && this.groupDefaultIconName(item)) {
|
|
5811
|
+
classes.push('has-fallback-icon');
|
|
5812
|
+
}
|
|
5634
5813
|
return classes.join(' ');
|
|
5635
5814
|
}
|
|
5636
5815
|
groupItemStyle(item) {
|
|
@@ -5658,8 +5837,40 @@ class MaterialAvatarComponent {
|
|
|
5658
5837
|
return this.iconNameFrom(item.icon);
|
|
5659
5838
|
}
|
|
5660
5839
|
groupDefaultIconName(item) {
|
|
5661
|
-
|
|
5840
|
+
const direct = this.iconNameFrom(item.defaultIcon);
|
|
5841
|
+
if (direct)
|
|
5842
|
+
return direct;
|
|
5843
|
+
if (item.defaultIcon !== 'none' &&
|
|
5844
|
+
!this.normalizeImageUrl(item.imageSrc) &&
|
|
5845
|
+
!item.initials &&
|
|
5846
|
+
!item.name &&
|
|
5847
|
+
!this.groupIconName(item)) {
|
|
5848
|
+
return 'person';
|
|
5849
|
+
}
|
|
5850
|
+
return null;
|
|
5662
5851
|
}
|
|
5852
|
+
effectiveDefaultIcon = computed(() => {
|
|
5853
|
+
this.contentTick();
|
|
5854
|
+
if (this.defaultIcon === 'none' || this.defaultIcon === false) {
|
|
5855
|
+
return null;
|
|
5856
|
+
}
|
|
5857
|
+
if (this.defaultIcon !== undefined && this.defaultIcon !== null && this.defaultIcon !== '') {
|
|
5858
|
+
return this.defaultIcon;
|
|
5859
|
+
}
|
|
5860
|
+
const meta = this.metadata();
|
|
5861
|
+
const fromMetaExtra = meta?.extra?.defaultIcon ?? meta?.extra?.icon;
|
|
5862
|
+
if (fromMetaExtra && fromMetaExtra !== 'none') {
|
|
5863
|
+
return fromMetaExtra;
|
|
5864
|
+
}
|
|
5865
|
+
const fromMetaRoot = meta?.icon ?? meta?.defaultIcon;
|
|
5866
|
+
if (fromMetaRoot && fromMetaRoot !== 'none') {
|
|
5867
|
+
return fromMetaRoot;
|
|
5868
|
+
}
|
|
5869
|
+
if (!this.hasImage() && !this.hasExplicitIcon() && !this.hasInitials()) {
|
|
5870
|
+
return 'person';
|
|
5871
|
+
}
|
|
5872
|
+
return null;
|
|
5873
|
+
}, ...(ngDevMode ? [{ debugName: "effectiveDefaultIcon" }] : /* istanbul ignore next */ []));
|
|
5663
5874
|
resolvedGroupOverflowLabel() {
|
|
5664
5875
|
const explicit = (this.groupOverflowLabel || '').trim();
|
|
5665
5876
|
if (explicit)
|
|
@@ -5672,7 +5883,7 @@ class MaterialAvatarComponent {
|
|
|
5672
5883
|
}, ...(ngDevMode ? [{ debugName: "hasExplicitIcon" }] : /* istanbul ignore next */ []));
|
|
5673
5884
|
hasDefaultIcon = computed(() => {
|
|
5674
5885
|
this.contentTick();
|
|
5675
|
-
return this.resolveIconKind(this.
|
|
5886
|
+
return this.resolveIconKind(this.effectiveDefaultIcon()) !== null;
|
|
5676
5887
|
}, ...(ngDevMode ? [{ debugName: "hasDefaultIcon" }] : /* istanbul ignore next */ []));
|
|
5677
5888
|
normalizedInitials() {
|
|
5678
5889
|
this.contentTick();
|
|
@@ -5711,19 +5922,20 @@ class MaterialAvatarComponent {
|
|
|
5711
5922
|
return this.icon?.name ?? null;
|
|
5712
5923
|
}
|
|
5713
5924
|
if (this.hasDefaultIcon()) {
|
|
5714
|
-
const
|
|
5925
|
+
const def = this.effectiveDefaultIcon();
|
|
5926
|
+
const kind = this.resolveIconKind(def);
|
|
5715
5927
|
if (kind !== 'name')
|
|
5716
5928
|
return null;
|
|
5717
|
-
if (typeof
|
|
5718
|
-
return
|
|
5719
|
-
return
|
|
5929
|
+
if (typeof def === 'string')
|
|
5930
|
+
return def;
|
|
5931
|
+
return def?.name ?? null;
|
|
5720
5932
|
}
|
|
5721
5933
|
return null;
|
|
5722
5934
|
}
|
|
5723
5935
|
iconSvgSafe() {
|
|
5724
5936
|
this.contentTick();
|
|
5725
5937
|
// Similar logic for SVG
|
|
5726
|
-
const source = this.hasExplicitIcon() ? this.icon : this.
|
|
5938
|
+
const source = this.hasExplicitIcon() ? this.icon : this.effectiveDefaultIcon();
|
|
5727
5939
|
const kind = this.resolveIconKind(source);
|
|
5728
5940
|
if (kind === 'svg') {
|
|
5729
5941
|
const rawSource = source;
|
|
@@ -5746,7 +5958,7 @@ class MaterialAvatarComponent {
|
|
|
5746
5958
|
}
|
|
5747
5959
|
iconFontClass() {
|
|
5748
5960
|
this.contentTick();
|
|
5749
|
-
const source = this.hasExplicitIcon() ? this.icon : this.
|
|
5961
|
+
const source = this.hasExplicitIcon() ? this.icon : this.effectiveDefaultIcon();
|
|
5750
5962
|
const kind = this.resolveIconKind(source);
|
|
5751
5963
|
if (kind === 'font') {
|
|
5752
5964
|
return source?.fontClass || null;
|
|
@@ -5784,7 +5996,7 @@ class MaterialAvatarComponent {
|
|
|
5784
5996
|
this.initials = resolveExtra('initials');
|
|
5785
5997
|
this.name = resolveExtra('name');
|
|
5786
5998
|
this.icon = resolveExtra('icon');
|
|
5787
|
-
this.defaultIcon = resolveExtra('defaultIcon');
|
|
5999
|
+
this.defaultIcon = resolveExtra('defaultIcon', typedMeta?.defaultIcon ?? typedMeta?.icon);
|
|
5788
6000
|
this.themeColor = resolveExtra('themeColor');
|
|
5789
6001
|
this.rounded = resolveExtra('rounded');
|
|
5790
6002
|
this.size = resolveExtra('size');
|
|
@@ -5942,7 +6154,7 @@ class MaterialAvatarComponent {
|
|
|
5942
6154
|
@if (resolvedHint()) {
|
|
5943
6155
|
<span class="pfx-avatar__hint" [attr.id]="hintId()">{{ resolvedHint() }}</span>
|
|
5944
6156
|
}
|
|
5945
|
-
`, isInline: true, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);--pfx-avatar-status-online: #15803d;--pfx-avatar-status-offline: var(--md-sys-color-outline, #6b7280);--pfx-avatar-status-busy: var(--md-sys-color-error, #b3261e);--pfx-avatar-status-away: #b45309;--pfx-avatar-status-verified: var(--md-sys-color-primary, #6750a4);--pfx-avatar-badge-bg: var(--md-sys-color-error, #b3261e);--pfx-avatar-badge-fg: var(--md-sys-color-on-error, #ffffff);--pfx-avatar-overlay-ring: var(--md-sys-color-surface, #ffffff);--pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.emphasis-ring) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-ring{box-shadow:0 0 0 2px var(--pfx-avatar-overlay-ring),0 0 0 4px var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color))}:host(.emphasis-halo) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-halo{box-shadow:0 0 0 2px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 28%,transparent),0 8px 20px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 22%,transparent)}.pfx-avatar__group{display:inline-flex;align-items:center;min-width:0;isolation:isolate}.pfx-avatar__group-item,.pfx-avatar__group-overflow{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 var(--pfx-avatar-size);-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:max(1px,var(--pfx-avatar-border-w)) solid var(--pfx-avatar-overlay-ring);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline, #64748b) 22%,transparent)}.pfx-avatar__group-overflow{background:var(--md-sys-color-surface-variant, #e2e8f0);color:var(--md-sys-color-on-surface-variant, #334155);font-size:calc(var(--pfx-avatar-size) * .34);font-weight:700}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}.pfx-avatar__group-item.fill-outline{background:var(--md-sys-color-surface, #ffffff);color:var(--_pfx-avatar-bg, var(--pfx-avatar-fg));border-color:var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__group-item.rounded-full,.pfx-avatar__group-overflow.rounded-full{--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}.pfx-avatar__group-item.rounded-large,.pfx-avatar__group-overflow.rounded-large{--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}.pfx-avatar__group-item.rounded-medium,.pfx-avatar__group-overflow.rounded-medium{--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}.pfx-avatar__group-item.rounded-small,.pfx-avatar__group-overflow.rounded-small{--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}.pfx-avatar__group-item.rounded-none,.pfx-avatar__group-overflow.rounded-none{--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:0;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__status{position:absolute;right:4%;bottom:4%;width:max(7px,calc(var(--pfx-avatar-size) * .24));height:max(7px,calc(var(--pfx-avatar-size) * .24));border-radius:9999px;box-sizing:border-box;background:var(--_pfx-avatar-status-color, var(--pfx-avatar-status-offline));box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .04)) var(--pfx-avatar-overlay-ring)}.pfx-avatar__badge{position:absolute;top:4%;right:4%;min-width:max(12px,calc(var(--pfx-avatar-size) * .3));height:max(12px,calc(var(--pfx-avatar-size) * .3));max-width:calc(var(--pfx-avatar-size) * .58);padding:0 4px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--pfx-avatar-badge-bg);color:var(--pfx-avatar-badge-fg);box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .035)) var(--pfx-avatar-overlay-ring);font-size:max(8px,calc(var(--pfx-avatar-size) * .22));font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__hint{display:block;margin-top:6px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}.pfx-avatar__label{display:block;margin-bottom:6px;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87));font-size:12px;font-weight:500;line-height:1.25}:host-context(.pfx-field-shell){--pfx-avatar-size: 64px;display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-inverse-surface, #1f2937);--_pfx-avatar-fg: var(--md-sys-color-inverse-on-surface, #f9fafb)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.status-online){--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}:host(.status-offline){--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}:host(.status-busy){--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}:host(.status-away){--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}:host(.status-verified){--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}.pfx-avatar__group-item.status-online{--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}.pfx-avatar__group-item.status-offline{--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}.pfx-avatar__group-item.status-busy{--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}.pfx-avatar__group-item.status-away{--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}.pfx-avatar__group-item.status-verified{--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}:host(.emphasis-color-primary),.pfx-avatar__group-item.emphasis-color-primary{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4)}:host(.emphasis-color-secondary),.pfx-avatar__group-item.emphasis-color-secondary{--_pfx-avatar-emphasis-color: var(--md-sys-color-secondary, #625b71)}:host(.emphasis-color-tertiary),.pfx-avatar__group-item.emphasis-color-tertiary{--_pfx-avatar-emphasis-color: var(--md-sys-color-tertiary, #7d5260)}:host(.emphasis-color-base),.pfx-avatar__group-item.emphasis-color-base{--_pfx-avatar-emphasis-color: var(--md-sys-color-outline, #79747e)}:host(.emphasis-color-info),.pfx-avatar__group-item.emphasis-color-info{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary-container, #eaddff)}:host(.emphasis-color-success),.pfx-avatar__group-item.emphasis-color-success{--_pfx-avatar-emphasis-color: #15803d}:host(.emphasis-color-warning),.pfx-avatar__group-item.emphasis-color-warning{--_pfx-avatar-emphasis-color: #b45309}:host(.emphasis-color-error),.pfx-avatar__group-item.emphasis-color-error{--_pfx-avatar-emphasis-color: var(--md-sys-color-error, #b3261e)}:host(.emphasis-color-dark),.pfx-avatar__group-item.emphasis-color-dark{--_pfx-avatar-emphasis-color: var(--md-sys-color-inverse-surface, #1f2937)}:host(.emphasis-color-light),.pfx-avatar__group-item.emphasis-color-light{--_pfx-avatar-emphasis-color: var(--md-sys-color-surface, #ffffff)}:host(.emphasis-color-inverse),.pfx-avatar__group-item.emphasis-color-inverse{--_pfx-avatar-emphasis-color: var(--md-sys-color-on-surface, #1d1b20)}:host(.emphasis-color-none),.pfx-avatar__group-item.emphasis-color-none{--_pfx-avatar-emphasis-color: transparent}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
|
|
6157
|
+
`, isInline: true, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);--pfx-avatar-status-online: #15803d;--pfx-avatar-status-offline: var(--md-sys-color-outline, #6b7280);--pfx-avatar-status-busy: var(--md-sys-color-error, #b3261e);--pfx-avatar-status-away: #b45309;--pfx-avatar-status-verified: var(--md-sys-color-primary, #6750a4);--pfx-avatar-badge-bg: var(--md-sys-color-error, #b3261e);--pfx-avatar-badge-fg: var(--md-sys-color-on-error, #ffffff);--pfx-avatar-overlay-ring: var(--md-sys-color-surface, #ffffff);--pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.has-fallback-icon) .pfx-avatar__inner,.pfx-avatar__group-item.has-fallback-icon{background:color-mix(in oklab,var(--_pfx-avatar-bg, var(--md-sys-color-primary)) 16%,var(--md-sys-color-surface, #ffffff));color:var(--_pfx-avatar-bg, var(--md-sys-color-primary));border:1px solid color-mix(in oklab,var(--_pfx-avatar-bg, var(--md-sys-color-primary)) 25%,transparent)}:host(.has-fallback-icon.fill-none) .pfx-avatar__inner,.pfx-avatar__group-item.has-fallback-icon.fill-none{background:transparent;border:none}:host(.has-fallback-icon.fill-outline) .pfx-avatar__inner,.pfx-avatar__group-item.has-fallback-icon.fill-outline{background:transparent;border:1px solid var(--_pfx-avatar-bg, var(--md-sys-color-primary))}:host(.has-fallback-icon) .pfx-avatar__icon,.pfx-avatar__group-item.has-fallback-icon .pfx-avatar__icon{font-size:calc(var(--pfx-avatar-size) * .62);width:calc(var(--pfx-avatar-size) * .62);height:calc(var(--pfx-avatar-size) * .62);line-height:1;display:inline-flex;align-items:center;justify-content:center}:host(.emphasis-ring) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-ring{box-shadow:0 0 0 2px var(--pfx-avatar-overlay-ring),0 0 0 4px var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color))}:host(.emphasis-halo) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-halo{box-shadow:0 0 0 2px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 28%,transparent),0 8px 20px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 22%,transparent)}.pfx-avatar__group{display:inline-flex;align-items:center;min-width:0;isolation:isolate}.pfx-avatar__group-item,.pfx-avatar__group-overflow{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 var(--pfx-avatar-size);-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:max(1px,var(--pfx-avatar-border-w)) solid var(--pfx-avatar-overlay-ring);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline, #64748b) 22%,transparent)}.pfx-avatar__group-overflow{background:var(--md-sys-color-surface-variant, #e2e8f0);color:var(--md-sys-color-on-surface-variant, #334155);font-size:calc(var(--pfx-avatar-size) * .34);font-weight:700}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}.pfx-avatar__group-item.fill-outline{background:var(--md-sys-color-surface, #ffffff);color:var(--_pfx-avatar-bg, var(--pfx-avatar-fg));border-color:var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__group-item.rounded-full,.pfx-avatar__group-overflow.rounded-full{--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}.pfx-avatar__group-item.rounded-large,.pfx-avatar__group-overflow.rounded-large{--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}.pfx-avatar__group-item.rounded-medium,.pfx-avatar__group-overflow.rounded-medium{--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}.pfx-avatar__group-item.rounded-small,.pfx-avatar__group-overflow.rounded-small{--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}.pfx-avatar__group-item.rounded-none,.pfx-avatar__group-overflow.rounded-none{--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:0;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__status{position:absolute;right:4%;bottom:4%;width:max(7px,calc(var(--pfx-avatar-size) * .24));height:max(7px,calc(var(--pfx-avatar-size) * .24));border-radius:9999px;box-sizing:border-box;background:var(--_pfx-avatar-status-color, var(--pfx-avatar-status-offline));box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .04)) var(--pfx-avatar-overlay-ring)}.pfx-avatar__badge{position:absolute;top:4%;right:4%;min-width:max(12px,calc(var(--pfx-avatar-size) * .3));height:max(12px,calc(var(--pfx-avatar-size) * .3));max-width:calc(var(--pfx-avatar-size) * .58);padding:0 4px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--pfx-avatar-badge-bg);color:var(--pfx-avatar-badge-fg);box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .035)) var(--pfx-avatar-overlay-ring);font-size:max(8px,calc(var(--pfx-avatar-size) * .22));font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__hint{display:block;margin-top:6px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}.pfx-avatar__label{display:block;margin-bottom:6px;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87));font-size:12px;font-weight:500;line-height:1.25}:host-context(.pfx-field-shell){--pfx-avatar-size: 64px;display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-inverse-surface, #1f2937);--_pfx-avatar-fg: var(--md-sys-color-inverse-on-surface, #f9fafb)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.status-online){--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}:host(.status-offline){--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}:host(.status-busy){--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}:host(.status-away){--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}:host(.status-verified){--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}.pfx-avatar__group-item.status-online{--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}.pfx-avatar__group-item.status-offline{--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}.pfx-avatar__group-item.status-busy{--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}.pfx-avatar__group-item.status-away{--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}.pfx-avatar__group-item.status-verified{--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}:host(.emphasis-color-primary),.pfx-avatar__group-item.emphasis-color-primary{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4)}:host(.emphasis-color-secondary),.pfx-avatar__group-item.emphasis-color-secondary{--_pfx-avatar-emphasis-color: var(--md-sys-color-secondary, #625b71)}:host(.emphasis-color-tertiary),.pfx-avatar__group-item.emphasis-color-tertiary{--_pfx-avatar-emphasis-color: var(--md-sys-color-tertiary, #7d5260)}:host(.emphasis-color-base),.pfx-avatar__group-item.emphasis-color-base{--_pfx-avatar-emphasis-color: var(--md-sys-color-outline, #79747e)}:host(.emphasis-color-info),.pfx-avatar__group-item.emphasis-color-info{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary-container, #eaddff)}:host(.emphasis-color-success),.pfx-avatar__group-item.emphasis-color-success{--_pfx-avatar-emphasis-color: #15803d}:host(.emphasis-color-warning),.pfx-avatar__group-item.emphasis-color-warning{--_pfx-avatar-emphasis-color: #b45309}:host(.emphasis-color-error),.pfx-avatar__group-item.emphasis-color-error{--_pfx-avatar-emphasis-color: var(--md-sys-color-error, #b3261e)}:host(.emphasis-color-dark),.pfx-avatar__group-item.emphasis-color-dark{--_pfx-avatar-emphasis-color: var(--md-sys-color-inverse-surface, #1f2937)}:host(.emphasis-color-light),.pfx-avatar__group-item.emphasis-color-light{--_pfx-avatar-emphasis-color: var(--md-sys-color-surface, #ffffff)}:host(.emphasis-color-inverse),.pfx-avatar__group-item.emphasis-color-inverse{--_pfx-avatar-emphasis-color: var(--md-sys-color-on-surface, #1d1b20)}:host(.emphasis-color-none),.pfx-avatar__group-item.emphasis-color-none{--_pfx-avatar-emphasis-color: transparent}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
|
|
5946
6158
|
}
|
|
5947
6159
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAvatarComponent, decorators: [{
|
|
5948
6160
|
type: Component,
|
|
@@ -6064,7 +6276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
6064
6276
|
@if (resolvedHint()) {
|
|
6065
6277
|
<span class="pfx-avatar__hint" [attr.id]="hintId()">{{ resolvedHint() }}</span>
|
|
6066
6278
|
}
|
|
6067
|
-
`, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);--pfx-avatar-status-online: #15803d;--pfx-avatar-status-offline: var(--md-sys-color-outline, #6b7280);--pfx-avatar-status-busy: var(--md-sys-color-error, #b3261e);--pfx-avatar-status-away: #b45309;--pfx-avatar-status-verified: var(--md-sys-color-primary, #6750a4);--pfx-avatar-badge-bg: var(--md-sys-color-error, #b3261e);--pfx-avatar-badge-fg: var(--md-sys-color-on-error, #ffffff);--pfx-avatar-overlay-ring: var(--md-sys-color-surface, #ffffff);--pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.emphasis-ring) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-ring{box-shadow:0 0 0 2px var(--pfx-avatar-overlay-ring),0 0 0 4px var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color))}:host(.emphasis-halo) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-halo{box-shadow:0 0 0 2px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 28%,transparent),0 8px 20px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 22%,transparent)}.pfx-avatar__group{display:inline-flex;align-items:center;min-width:0;isolation:isolate}.pfx-avatar__group-item,.pfx-avatar__group-overflow{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 var(--pfx-avatar-size);-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:max(1px,var(--pfx-avatar-border-w)) solid var(--pfx-avatar-overlay-ring);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline, #64748b) 22%,transparent)}.pfx-avatar__group-overflow{background:var(--md-sys-color-surface-variant, #e2e8f0);color:var(--md-sys-color-on-surface-variant, #334155);font-size:calc(var(--pfx-avatar-size) * .34);font-weight:700}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}.pfx-avatar__group-item.fill-outline{background:var(--md-sys-color-surface, #ffffff);color:var(--_pfx-avatar-bg, var(--pfx-avatar-fg));border-color:var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__group-item.rounded-full,.pfx-avatar__group-overflow.rounded-full{--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}.pfx-avatar__group-item.rounded-large,.pfx-avatar__group-overflow.rounded-large{--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}.pfx-avatar__group-item.rounded-medium,.pfx-avatar__group-overflow.rounded-medium{--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}.pfx-avatar__group-item.rounded-small,.pfx-avatar__group-overflow.rounded-small{--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}.pfx-avatar__group-item.rounded-none,.pfx-avatar__group-overflow.rounded-none{--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:0;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__status{position:absolute;right:4%;bottom:4%;width:max(7px,calc(var(--pfx-avatar-size) * .24));height:max(7px,calc(var(--pfx-avatar-size) * .24));border-radius:9999px;box-sizing:border-box;background:var(--_pfx-avatar-status-color, var(--pfx-avatar-status-offline));box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .04)) var(--pfx-avatar-overlay-ring)}.pfx-avatar__badge{position:absolute;top:4%;right:4%;min-width:max(12px,calc(var(--pfx-avatar-size) * .3));height:max(12px,calc(var(--pfx-avatar-size) * .3));max-width:calc(var(--pfx-avatar-size) * .58);padding:0 4px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--pfx-avatar-badge-bg);color:var(--pfx-avatar-badge-fg);box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .035)) var(--pfx-avatar-overlay-ring);font-size:max(8px,calc(var(--pfx-avatar-size) * .22));font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__hint{display:block;margin-top:6px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}.pfx-avatar__label{display:block;margin-bottom:6px;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87));font-size:12px;font-weight:500;line-height:1.25}:host-context(.pfx-field-shell){--pfx-avatar-size: 64px;display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-inverse-surface, #1f2937);--_pfx-avatar-fg: var(--md-sys-color-inverse-on-surface, #f9fafb)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.status-online){--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}:host(.status-offline){--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}:host(.status-busy){--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}:host(.status-away){--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}:host(.status-verified){--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}.pfx-avatar__group-item.status-online{--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}.pfx-avatar__group-item.status-offline{--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}.pfx-avatar__group-item.status-busy{--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}.pfx-avatar__group-item.status-away{--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}.pfx-avatar__group-item.status-verified{--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}:host(.emphasis-color-primary),.pfx-avatar__group-item.emphasis-color-primary{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4)}:host(.emphasis-color-secondary),.pfx-avatar__group-item.emphasis-color-secondary{--_pfx-avatar-emphasis-color: var(--md-sys-color-secondary, #625b71)}:host(.emphasis-color-tertiary),.pfx-avatar__group-item.emphasis-color-tertiary{--_pfx-avatar-emphasis-color: var(--md-sys-color-tertiary, #7d5260)}:host(.emphasis-color-base),.pfx-avatar__group-item.emphasis-color-base{--_pfx-avatar-emphasis-color: var(--md-sys-color-outline, #79747e)}:host(.emphasis-color-info),.pfx-avatar__group-item.emphasis-color-info{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary-container, #eaddff)}:host(.emphasis-color-success),.pfx-avatar__group-item.emphasis-color-success{--_pfx-avatar-emphasis-color: #15803d}:host(.emphasis-color-warning),.pfx-avatar__group-item.emphasis-color-warning{--_pfx-avatar-emphasis-color: #b45309}:host(.emphasis-color-error),.pfx-avatar__group-item.emphasis-color-error{--_pfx-avatar-emphasis-color: var(--md-sys-color-error, #b3261e)}:host(.emphasis-color-dark),.pfx-avatar__group-item.emphasis-color-dark{--_pfx-avatar-emphasis-color: var(--md-sys-color-inverse-surface, #1f2937)}:host(.emphasis-color-light),.pfx-avatar__group-item.emphasis-color-light{--_pfx-avatar-emphasis-color: var(--md-sys-color-surface, #ffffff)}:host(.emphasis-color-inverse),.pfx-avatar__group-item.emphasis-color-inverse{--_pfx-avatar-emphasis-color: var(--md-sys-color-on-surface, #1d1b20)}:host(.emphasis-color-none),.pfx-avatar__group-item.emphasis-color-none{--_pfx-avatar-emphasis-color: transparent}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"] }]
|
|
6279
|
+
`, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);--pfx-avatar-status-online: #15803d;--pfx-avatar-status-offline: var(--md-sys-color-outline, #6b7280);--pfx-avatar-status-busy: var(--md-sys-color-error, #b3261e);--pfx-avatar-status-away: #b45309;--pfx-avatar-status-verified: var(--md-sys-color-primary, #6750a4);--pfx-avatar-badge-bg: var(--md-sys-color-error, #b3261e);--pfx-avatar-badge-fg: var(--md-sys-color-on-error, #ffffff);--pfx-avatar-overlay-ring: var(--md-sys-color-surface, #ffffff);--pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.has-fallback-icon) .pfx-avatar__inner,.pfx-avatar__group-item.has-fallback-icon{background:color-mix(in oklab,var(--_pfx-avatar-bg, var(--md-sys-color-primary)) 16%,var(--md-sys-color-surface, #ffffff));color:var(--_pfx-avatar-bg, var(--md-sys-color-primary));border:1px solid color-mix(in oklab,var(--_pfx-avatar-bg, var(--md-sys-color-primary)) 25%,transparent)}:host(.has-fallback-icon.fill-none) .pfx-avatar__inner,.pfx-avatar__group-item.has-fallback-icon.fill-none{background:transparent;border:none}:host(.has-fallback-icon.fill-outline) .pfx-avatar__inner,.pfx-avatar__group-item.has-fallback-icon.fill-outline{background:transparent;border:1px solid var(--_pfx-avatar-bg, var(--md-sys-color-primary))}:host(.has-fallback-icon) .pfx-avatar__icon,.pfx-avatar__group-item.has-fallback-icon .pfx-avatar__icon{font-size:calc(var(--pfx-avatar-size) * .62);width:calc(var(--pfx-avatar-size) * .62);height:calc(var(--pfx-avatar-size) * .62);line-height:1;display:inline-flex;align-items:center;justify-content:center}:host(.emphasis-ring) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-ring{box-shadow:0 0 0 2px var(--pfx-avatar-overlay-ring),0 0 0 4px var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color))}:host(.emphasis-halo) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-halo{box-shadow:0 0 0 2px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 28%,transparent),0 8px 20px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 22%,transparent)}.pfx-avatar__group{display:inline-flex;align-items:center;min-width:0;isolation:isolate}.pfx-avatar__group-item,.pfx-avatar__group-overflow{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 var(--pfx-avatar-size);-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:max(1px,var(--pfx-avatar-border-w)) solid var(--pfx-avatar-overlay-ring);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline, #64748b) 22%,transparent)}.pfx-avatar__group-overflow{background:var(--md-sys-color-surface-variant, #e2e8f0);color:var(--md-sys-color-on-surface-variant, #334155);font-size:calc(var(--pfx-avatar-size) * .34);font-weight:700}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}.pfx-avatar__group-item.fill-outline{background:var(--md-sys-color-surface, #ffffff);color:var(--_pfx-avatar-bg, var(--pfx-avatar-fg));border-color:var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__group-item.rounded-full,.pfx-avatar__group-overflow.rounded-full{--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}.pfx-avatar__group-item.rounded-large,.pfx-avatar__group-overflow.rounded-large{--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}.pfx-avatar__group-item.rounded-medium,.pfx-avatar__group-overflow.rounded-medium{--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}.pfx-avatar__group-item.rounded-small,.pfx-avatar__group-overflow.rounded-small{--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}.pfx-avatar__group-item.rounded-none,.pfx-avatar__group-overflow.rounded-none{--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:0;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__status{position:absolute;right:4%;bottom:4%;width:max(7px,calc(var(--pfx-avatar-size) * .24));height:max(7px,calc(var(--pfx-avatar-size) * .24));border-radius:9999px;box-sizing:border-box;background:var(--_pfx-avatar-status-color, var(--pfx-avatar-status-offline));box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .04)) var(--pfx-avatar-overlay-ring)}.pfx-avatar__badge{position:absolute;top:4%;right:4%;min-width:max(12px,calc(var(--pfx-avatar-size) * .3));height:max(12px,calc(var(--pfx-avatar-size) * .3));max-width:calc(var(--pfx-avatar-size) * .58);padding:0 4px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--pfx-avatar-badge-bg);color:var(--pfx-avatar-badge-fg);box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .035)) var(--pfx-avatar-overlay-ring);font-size:max(8px,calc(var(--pfx-avatar-size) * .22));font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__hint{display:block;margin-top:6px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}.pfx-avatar__label{display:block;margin-bottom:6px;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87));font-size:12px;font-weight:500;line-height:1.25}:host-context(.pfx-field-shell){--pfx-avatar-size: 64px;display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-inverse-surface, #1f2937);--_pfx-avatar-fg: var(--md-sys-color-inverse-on-surface, #f9fafb)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.status-online){--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}:host(.status-offline){--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}:host(.status-busy){--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}:host(.status-away){--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}:host(.status-verified){--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}.pfx-avatar__group-item.status-online{--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}.pfx-avatar__group-item.status-offline{--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}.pfx-avatar__group-item.status-busy{--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}.pfx-avatar__group-item.status-away{--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}.pfx-avatar__group-item.status-verified{--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}:host(.emphasis-color-primary),.pfx-avatar__group-item.emphasis-color-primary{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4)}:host(.emphasis-color-secondary),.pfx-avatar__group-item.emphasis-color-secondary{--_pfx-avatar-emphasis-color: var(--md-sys-color-secondary, #625b71)}:host(.emphasis-color-tertiary),.pfx-avatar__group-item.emphasis-color-tertiary{--_pfx-avatar-emphasis-color: var(--md-sys-color-tertiary, #7d5260)}:host(.emphasis-color-base),.pfx-avatar__group-item.emphasis-color-base{--_pfx-avatar-emphasis-color: var(--md-sys-color-outline, #79747e)}:host(.emphasis-color-info),.pfx-avatar__group-item.emphasis-color-info{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary-container, #eaddff)}:host(.emphasis-color-success),.pfx-avatar__group-item.emphasis-color-success{--_pfx-avatar-emphasis-color: #15803d}:host(.emphasis-color-warning),.pfx-avatar__group-item.emphasis-color-warning{--_pfx-avatar-emphasis-color: #b45309}:host(.emphasis-color-error),.pfx-avatar__group-item.emphasis-color-error{--_pfx-avatar-emphasis-color: var(--md-sys-color-error, #b3261e)}:host(.emphasis-color-dark),.pfx-avatar__group-item.emphasis-color-dark{--_pfx-avatar-emphasis-color: var(--md-sys-color-inverse-surface, #1f2937)}:host(.emphasis-color-light),.pfx-avatar__group-item.emphasis-color-light{--_pfx-avatar-emphasis-color: var(--md-sys-color-surface, #ffffff)}:host(.emphasis-color-inverse),.pfx-avatar__group-item.emphasis-color-inverse{--_pfx-avatar-emphasis-color: var(--md-sys-color-on-surface, #1d1b20)}:host(.emphasis-color-none),.pfx-avatar__group-item.emphasis-color-none{--_pfx-avatar-emphasis-color: transparent}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"] }]
|
|
6068
6280
|
}], propDecorators: { imageSrc: [{
|
|
6069
6281
|
type: Input
|
|
6070
6282
|
}], imageAlt: [{
|
|
@@ -10948,7 +11160,23 @@ class FieldShellComponent {
|
|
|
10948
11160
|
presentation.visualization);
|
|
10949
11161
|
}
|
|
10950
11162
|
getPresentationTone() {
|
|
10951
|
-
|
|
11163
|
+
const presentation = this.getResolvedPresentation();
|
|
11164
|
+
const boolState = this.getBooleanPresentationState();
|
|
11165
|
+
if (boolState !== null) {
|
|
11166
|
+
if (boolState === true) {
|
|
11167
|
+
if (presentation.toneTrue) {
|
|
11168
|
+
return presentation.toneTrue;
|
|
11169
|
+
}
|
|
11170
|
+
return presentation.tone ?? 'success';
|
|
11171
|
+
}
|
|
11172
|
+
else {
|
|
11173
|
+
if (presentation.toneFalse) {
|
|
11174
|
+
return presentation.toneFalse;
|
|
11175
|
+
}
|
|
11176
|
+
return 'neutral';
|
|
11177
|
+
}
|
|
11178
|
+
}
|
|
11179
|
+
return presentation.tone ?? null;
|
|
10952
11180
|
}
|
|
10953
11181
|
getPresentationAppearance() {
|
|
10954
11182
|
return this.getResolvedPresentation().appearance ?? null;
|
|
@@ -10973,14 +11201,16 @@ class FieldShellComponent {
|
|
|
10973
11201
|
isBooleanPresentationField() {
|
|
10974
11202
|
const field = this.field;
|
|
10975
11203
|
const type = String(field?.valuePresentation?.type ?? field?.dataType ?? field?.controlType ?? '').toLowerCase();
|
|
11204
|
+
const presenter = String(this.getResolvedPresentation()?.presenter ?? '').toLowerCase();
|
|
10976
11205
|
return (type === 'boolean' ||
|
|
10977
11206
|
type.includes('checkbox') ||
|
|
10978
|
-
type.includes('toggle')
|
|
11207
|
+
type.includes('toggle') ||
|
|
11208
|
+
presenter === 'boolean');
|
|
10979
11209
|
}
|
|
10980
11210
|
getBooleanPresentationState() {
|
|
10981
11211
|
if (!this.isBooleanPresentationField())
|
|
10982
11212
|
return null;
|
|
10983
|
-
const raw = this.control?.value;
|
|
11213
|
+
const raw = this.control?.value !== undefined ? this.control?.value : this.field?.value;
|
|
10984
11214
|
if (typeof raw === 'boolean')
|
|
10985
11215
|
return raw;
|
|
10986
11216
|
if (typeof raw === 'number') {
|
|
@@ -11016,31 +11246,119 @@ class FieldShellComponent {
|
|
|
11016
11246
|
};
|
|
11017
11247
|
}
|
|
11018
11248
|
getPresentationPrefixIcon() {
|
|
11019
|
-
const
|
|
11249
|
+
const presentation = this.getResolvedPresentation();
|
|
11250
|
+
const boolState = this.getBooleanPresentationState();
|
|
11251
|
+
if (boolState !== null) {
|
|
11252
|
+
if (boolState === true) {
|
|
11253
|
+
if (presentation.iconTrue) {
|
|
11254
|
+
return this.normalizeIconName(presentation.iconTrue);
|
|
11255
|
+
}
|
|
11256
|
+
if (presentation.icon) {
|
|
11257
|
+
return this.normalizeIconName(presentation.icon);
|
|
11258
|
+
}
|
|
11259
|
+
}
|
|
11260
|
+
else {
|
|
11261
|
+
if (presentation.iconFalse) {
|
|
11262
|
+
return this.normalizeIconName(presentation.iconFalse);
|
|
11263
|
+
}
|
|
11264
|
+
const baseIcon = this.normalizeIconName(presentation.icon);
|
|
11265
|
+
if (baseIcon) {
|
|
11266
|
+
const mapped = this.resolveFalsyBooleanIcon(baseIcon);
|
|
11267
|
+
return mapped ?? 'toggle_off';
|
|
11268
|
+
}
|
|
11269
|
+
}
|
|
11270
|
+
}
|
|
11271
|
+
const semanticIcon = this.normalizeIconName(presentation.icon);
|
|
11020
11272
|
if (semanticIcon) {
|
|
11021
11273
|
return semanticIcon;
|
|
11022
11274
|
}
|
|
11023
11275
|
const field = this.field;
|
|
11024
11276
|
const explicit = this.normalizeIconName(field?.prefixIcon);
|
|
11025
11277
|
if (explicit) {
|
|
11278
|
+
if (boolState === false) {
|
|
11279
|
+
const mapped = this.resolveFalsyBooleanIcon(explicit);
|
|
11280
|
+
return mapped ?? 'toggle_off';
|
|
11281
|
+
}
|
|
11026
11282
|
return explicit;
|
|
11027
11283
|
}
|
|
11028
11284
|
if (this.isStartIconPosition(field?.iconPosition)) {
|
|
11029
|
-
|
|
11285
|
+
const icon = this.normalizeIconName(field?.icon);
|
|
11286
|
+
if (icon) {
|
|
11287
|
+
if (boolState === false) {
|
|
11288
|
+
const mapped = this.resolveFalsyBooleanIcon(icon);
|
|
11289
|
+
return mapped ?? 'toggle_off';
|
|
11290
|
+
}
|
|
11291
|
+
return icon;
|
|
11292
|
+
}
|
|
11293
|
+
}
|
|
11294
|
+
if (boolState !== null) {
|
|
11295
|
+
return boolState ? 'toggle_on' : 'toggle_off';
|
|
11030
11296
|
}
|
|
11031
11297
|
return '';
|
|
11032
11298
|
}
|
|
11033
11299
|
getPresentationSuffixIcon() {
|
|
11300
|
+
const boolState = this.getBooleanPresentationState();
|
|
11034
11301
|
const field = this.field;
|
|
11035
11302
|
const explicit = this.normalizeIconName(field?.suffixIcon);
|
|
11036
11303
|
if (explicit) {
|
|
11304
|
+
if (boolState === false) {
|
|
11305
|
+
const mapped = this.resolveFalsyBooleanIcon(explicit);
|
|
11306
|
+
return mapped ?? 'toggle_off';
|
|
11307
|
+
}
|
|
11037
11308
|
return explicit;
|
|
11038
11309
|
}
|
|
11039
11310
|
if (this.isEndIconPosition(field?.iconPosition)) {
|
|
11040
|
-
|
|
11311
|
+
const icon = this.normalizeIconName(field?.icon);
|
|
11312
|
+
if (icon) {
|
|
11313
|
+
if (boolState === false) {
|
|
11314
|
+
const mapped = this.resolveFalsyBooleanIcon(icon);
|
|
11315
|
+
return mapped ?? 'toggle_off';
|
|
11316
|
+
}
|
|
11317
|
+
return icon;
|
|
11318
|
+
}
|
|
11041
11319
|
}
|
|
11042
11320
|
return '';
|
|
11043
11321
|
}
|
|
11322
|
+
resolveFalsyBooleanIcon(baseIcon) {
|
|
11323
|
+
const normalized = this.normalizeIconName(baseIcon);
|
|
11324
|
+
if (!normalized)
|
|
11325
|
+
return null;
|
|
11326
|
+
const pairs = {
|
|
11327
|
+
toggle_on: 'toggle_off',
|
|
11328
|
+
check_circle: 'cancel',
|
|
11329
|
+
check: 'close',
|
|
11330
|
+
check_box: 'check_box_outline_blank',
|
|
11331
|
+
task_alt: 'highlight_off',
|
|
11332
|
+
done: 'close',
|
|
11333
|
+
done_all: 'remove_done',
|
|
11334
|
+
verified: 'gpp_bad',
|
|
11335
|
+
verified_user: 'gpp_bad',
|
|
11336
|
+
visibility: 'visibility_off',
|
|
11337
|
+
security: 'security_update_warning',
|
|
11338
|
+
shield: 'shield_moon',
|
|
11339
|
+
lock_open: 'lock',
|
|
11340
|
+
radio_button_checked: 'radio_button_unchecked',
|
|
11341
|
+
star: 'star_border',
|
|
11342
|
+
favorite: 'favorite_border',
|
|
11343
|
+
thumb_up: 'thumb_down',
|
|
11344
|
+
lightbulb: 'lightbulb_outline',
|
|
11345
|
+
play_arrow: 'pause',
|
|
11346
|
+
power: 'power_off',
|
|
11347
|
+
wifi: 'wifi_off',
|
|
11348
|
+
notifications: 'notifications_off',
|
|
11349
|
+
notifications_active: 'notifications_paused',
|
|
11350
|
+
volume_up: 'volume_off',
|
|
11351
|
+
flag: 'outlined_flag',
|
|
11352
|
+
bookmark: 'bookmark_border',
|
|
11353
|
+
};
|
|
11354
|
+
if (pairs[normalized]) {
|
|
11355
|
+
return pairs[normalized];
|
|
11356
|
+
}
|
|
11357
|
+
if (normalized.endsWith('_on')) {
|
|
11358
|
+
return normalized.replace(/_on$/, '_off');
|
|
11359
|
+
}
|
|
11360
|
+
return null;
|
|
11361
|
+
}
|
|
11044
11362
|
getPresentationIconPalette(position) {
|
|
11045
11363
|
const color = this.getPresentationIconColor(position);
|
|
11046
11364
|
return color === 'primary' || color === 'accent' || color === 'warn'
|
|
@@ -11132,6 +11450,21 @@ class FieldShellComponent {
|
|
|
11132
11450
|
};
|
|
11133
11451
|
}
|
|
11134
11452
|
getPresentationLabelOverride(presentation) {
|
|
11453
|
+
const boolState = this.getBooleanPresentationState();
|
|
11454
|
+
if (boolState !== null) {
|
|
11455
|
+
if (boolState === true) {
|
|
11456
|
+
if (presentation.labelTrue) {
|
|
11457
|
+
return presentation.labelTrue;
|
|
11458
|
+
}
|
|
11459
|
+
}
|
|
11460
|
+
else {
|
|
11461
|
+
if (presentation.labelFalse) {
|
|
11462
|
+
return presentation.labelFalse;
|
|
11463
|
+
}
|
|
11464
|
+
// When false and no explicit labelFalse is provided, do not use truthy static label
|
|
11465
|
+
return null;
|
|
11466
|
+
}
|
|
11467
|
+
}
|
|
11135
11468
|
if (!presentation.label || !this.shouldPresentationLabelReplaceValue(presentation)) {
|
|
11136
11469
|
return null;
|
|
11137
11470
|
}
|
|
@@ -11306,7 +11639,7 @@ class FieldShellComponent {
|
|
|
11306
11639
|
|
|
11307
11640
|
</div>
|
|
11308
11641
|
</div>
|
|
11309
|
-
`, isInline: true, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay{cursor:default}.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11642
|
+
`, isInline: true, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay{cursor:default}.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation[data-presentation-tone=neutral],.praxis-presentation[data-presentation-tone=muted]{--pfx-pres-semantic-color: var(--pfx-pres-muted-color, var(--mat-sys-outline, #74777f))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__icon{color:var(--pfx-pres-boolean-true-icon-color, var(--pfx-pres-semantic-color, var(--mat-sys-primary, currentColor)));opacity:1}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__icon{color:var(--pfx-pres-boolean-false-icon-color, var(--pfx-pres-current-muted));opacity:.76}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11310
11643
|
}
|
|
11311
11644
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FieldShellComponent, decorators: [{
|
|
11312
11645
|
type: Component,
|
|
@@ -11430,7 +11763,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
11430
11763
|
|
|
11431
11764
|
</div>
|
|
11432
11765
|
</div>
|
|
11433
|
-
`, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay{cursor:default}.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}\n"] }]
|
|
11766
|
+
`, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay{cursor:default}.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation[data-presentation-tone=neutral],.praxis-presentation[data-presentation-tone=muted]{--pfx-pres-semantic-color: var(--pfx-pres-muted-color, var(--mat-sys-outline, #74777f))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__icon{color:var(--pfx-pres-boolean-true-icon-color, var(--pfx-pres-semantic-color, var(--mat-sys-primary, currentColor)));opacity:1}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__icon{color:var(--pfx-pres-boolean-false-icon-color, var(--pfx-pres-current-muted));opacity:.76}\n"] }]
|
|
11434
11767
|
}], propDecorators: { field: [{
|
|
11435
11768
|
type: Input
|
|
11436
11769
|
}], index: [{
|
|
@@ -38157,6 +38490,11 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
38157
38490
|
disabledMode = false;
|
|
38158
38491
|
visible = true;
|
|
38159
38492
|
presentationMode = false;
|
|
38493
|
+
/**
|
|
38494
|
+
* When true, cycling or clicking the toggle in filter contexts traverses:
|
|
38495
|
+
* null (Todos) -> true (Sim) -> false (Não) -> null (Todos).
|
|
38496
|
+
*/
|
|
38497
|
+
tristate = false;
|
|
38160
38498
|
fieldLabelText = 'Filtro';
|
|
38161
38499
|
currentMetadata() {
|
|
38162
38500
|
return (this.metadata() ?? {});
|
|
@@ -38173,6 +38511,12 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
38173
38511
|
}
|
|
38174
38512
|
return null;
|
|
38175
38513
|
}
|
|
38514
|
+
isTristateEnabled() {
|
|
38515
|
+
if (this.tristate)
|
|
38516
|
+
return true;
|
|
38517
|
+
const meta = this.metadataRecord();
|
|
38518
|
+
return Boolean(meta['tristate']);
|
|
38519
|
+
}
|
|
38176
38520
|
setInputMetadata(metadata) {
|
|
38177
38521
|
this.setMetadata(metadata);
|
|
38178
38522
|
if (metadata.requiredTrue) {
|
|
@@ -38189,7 +38533,7 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
38189
38533
|
showQuickClear() {
|
|
38190
38534
|
const clearCfg = this.metadataRecord().clearButton;
|
|
38191
38535
|
if (clearCfg === undefined || clearCfg === null || clearCfg === false) {
|
|
38192
|
-
return
|
|
38536
|
+
return this.isTristateEnabled() && this.hasSelection();
|
|
38193
38537
|
}
|
|
38194
38538
|
const clearCfgRecord = this.asRecord(clearCfg);
|
|
38195
38539
|
if (clearCfgRecord && clearCfgRecord.enabled === false) {
|
|
@@ -38200,7 +38544,7 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
38200
38544
|
hasQuickClearAffordance() {
|
|
38201
38545
|
const clearCfg = this.metadataRecord().clearButton;
|
|
38202
38546
|
if (clearCfg === undefined || clearCfg === null || clearCfg === false) {
|
|
38203
|
-
return
|
|
38547
|
+
return this.isTristateEnabled();
|
|
38204
38548
|
}
|
|
38205
38549
|
const clearCfgRecord = this.asRecord(clearCfg);
|
|
38206
38550
|
return clearCfgRecord?.enabled !== false;
|
|
@@ -38219,6 +38563,21 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
38219
38563
|
event.preventDefault();
|
|
38220
38564
|
event.stopPropagation();
|
|
38221
38565
|
}
|
|
38566
|
+
onSlideToggleClick(event) {
|
|
38567
|
+
if (!this.isTristateEnabled())
|
|
38568
|
+
return;
|
|
38569
|
+
const current = this.control().value;
|
|
38570
|
+
// Se o valor atual é false, o próximo passo do ciclo tri-state é null (Todos)
|
|
38571
|
+
if (current === false) {
|
|
38572
|
+
event.preventDefault();
|
|
38573
|
+
event.stopPropagation();
|
|
38574
|
+
event.stopImmediatePropagation?.();
|
|
38575
|
+
this.setValue(null, { emitEvent: true });
|
|
38576
|
+
const ctrl = this.control();
|
|
38577
|
+
ctrl.markAsDirty();
|
|
38578
|
+
ctrl.markAsTouched();
|
|
38579
|
+
}
|
|
38580
|
+
}
|
|
38222
38581
|
onQuickClear(event) {
|
|
38223
38582
|
event.preventDefault();
|
|
38224
38583
|
event.stopPropagation();
|
|
@@ -38234,8 +38593,11 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
38234
38593
|
}
|
|
38235
38594
|
toggleLabelText() {
|
|
38236
38595
|
const label = this.placeholderText();
|
|
38237
|
-
if (!this.hasSelection())
|
|
38238
|
-
return
|
|
38596
|
+
if (!this.hasSelection()) {
|
|
38597
|
+
return this.isTristateEnabled()
|
|
38598
|
+
? `${label}: ${this.tDynamicFields('boolean.all', 'Todos')}`
|
|
38599
|
+
: label;
|
|
38600
|
+
}
|
|
38239
38601
|
return `${label}: ${this.isTrue()
|
|
38240
38602
|
? this.tDynamicFields('boolean.true', 'Sim')
|
|
38241
38603
|
: this.tDynamicFields('boolean.false', 'Não')}`;
|
|
@@ -38244,15 +38606,25 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
38244
38606
|
return super.inlineTooltipText() || this.toggleLabelText();
|
|
38245
38607
|
}
|
|
38246
38608
|
toggleMeasureText(value) {
|
|
38247
|
-
|
|
38248
|
-
|
|
38249
|
-
|
|
38609
|
+
let stateLabel;
|
|
38610
|
+
if (value === null) {
|
|
38611
|
+
stateLabel = this.tDynamicFields('boolean.all', 'Todos');
|
|
38612
|
+
}
|
|
38613
|
+
else if (value === true) {
|
|
38614
|
+
stateLabel = this.tDynamicFields('boolean.true', 'Sim');
|
|
38615
|
+
}
|
|
38616
|
+
else {
|
|
38617
|
+
stateLabel = this.tDynamicFields('boolean.false', 'Não');
|
|
38618
|
+
}
|
|
38250
38619
|
return `${this.placeholderText()}: ${stateLabel}`;
|
|
38251
38620
|
}
|
|
38252
38621
|
ariaLabel() {
|
|
38253
38622
|
const label = this.placeholderText();
|
|
38254
|
-
if (!this.hasSelection())
|
|
38255
|
-
return
|
|
38623
|
+
if (!this.hasSelection()) {
|
|
38624
|
+
return this.isTristateEnabled()
|
|
38625
|
+
? `${label}: ${this.tDynamicFields('boolean.all', 'Todos')}`
|
|
38626
|
+
: label;
|
|
38627
|
+
}
|
|
38256
38628
|
return `${label}: ${this.isTrue()
|
|
38257
38629
|
? this.tDynamicFields('boolean.true', 'Sim')
|
|
38258
38630
|
: this.tDynamicFields('boolean.false', 'Não')}`;
|
|
@@ -38300,7 +38672,7 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
38300
38672
|
.replace(/^./, (char) => char.toUpperCase());
|
|
38301
38673
|
}
|
|
38302
38674
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
38303
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: InlineToggleComponent, isStandalone: true, selector: "pdx-inline-toggle", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"inlineToggle\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
38675
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: InlineToggleComponent, isStandalone: true, selector: "pdx-inline-toggle", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode", tristate: "tristate" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"inlineToggle\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
38304
38676
|
{
|
|
38305
38677
|
provide: NG_VALUE_ACCESSOR,
|
|
38306
38678
|
useExisting: forwardRef(() => InlineToggleComponent),
|
|
@@ -38325,20 +38697,27 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
38325
38697
|
[hideIcon]="metadata()?.hideIcon ?? true"
|
|
38326
38698
|
[labelPosition]="'after'"
|
|
38327
38699
|
[aria-label]="ariaLabel()"
|
|
38700
|
+
(click)="onSlideToggleClick($event)"
|
|
38328
38701
|
>
|
|
38329
38702
|
</mat-slide-toggle>
|
|
38330
38703
|
|
|
38331
38704
|
<span class="pdx-inline-toggle-state-slot" aria-hidden="true">
|
|
38332
|
-
|
|
38333
|
-
class="pdx-inline-toggle-state-icon"
|
|
38334
|
-
|
|
38335
|
-
>
|
|
38336
|
-
|
|
38705
|
+
@if (isTrue()) {
|
|
38706
|
+
<mat-icon class="pdx-inline-toggle-state-icon">check_circle</mat-icon>
|
|
38707
|
+
} @else if (isFalse()) {
|
|
38708
|
+
<mat-icon class="pdx-inline-toggle-state-icon is-false-icon">cancel</mat-icon>
|
|
38709
|
+
}
|
|
38337
38710
|
</span>
|
|
38338
38711
|
|
|
38339
38712
|
@if (showTextLabel()) {
|
|
38340
38713
|
<span class="pdx-inline-toggle-label-stack">
|
|
38341
38714
|
<span class="pdx-inline-toggle-label">{{ toggleLabelText() }}</span>
|
|
38715
|
+
<span
|
|
38716
|
+
class="pdx-inline-toggle-label pdx-inline-toggle-label-measure"
|
|
38717
|
+
aria-hidden="true"
|
|
38718
|
+
>
|
|
38719
|
+
{{ toggleMeasureText(null) }}
|
|
38720
|
+
</span>
|
|
38342
38721
|
<span
|
|
38343
38722
|
class="pdx-inline-toggle-label pdx-inline-toggle-label-measure"
|
|
38344
38723
|
aria-hidden="true"
|
|
@@ -38377,7 +38756,7 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
38377
38756
|
</span>
|
|
38378
38757
|
}
|
|
38379
38758
|
</div>
|
|
38380
|
-
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-toggle-pill{display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-toggle-min-w, 108px);max-width:min(var(--pdx-inline-toggle-max-w, 384px),calc(100vw - 48px));padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-toggle-pill.no-text{min-inline-size:76px;gap:6px;padding-right:10px}.pdx-inline-toggle-pill:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-toggle-pill.is-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 52%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-pill.is-true{border-color:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );background:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-toggle-pill.is-false{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 78%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-label-stack{display:inline-grid;grid-template-columns:minmax(0,1fr);flex:1 1 auto;width:auto;min-width:0;max-width:100%;overflow:hidden}.pdx-inline-toggle-label{grid-area:1 / 1;display:inline-block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);line-height:1.1;font-weight:500}.pdx-inline-toggle-label-measure{visibility:hidden;pointer-events:none;width:max-content;max-width:none;overflow:visible;text-overflow:clip}.pdx-inline-toggle-state-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px}.pdx-inline-toggle-state-icon{width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;color:currentColor}.pdx-inline-toggle-state-icon.is-hidden{visibility:hidden}.pdx-inline-toggle-clear-slot{display:inline-grid;place-items:center;flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px)}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,currentColor 18%,transparent);color:currentColor}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch{--mdc-switch-selected-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%, transparent );--mdc-switch-selected-hover-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-focus-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-pressed-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 54%, transparent );--mdc-switch-selected-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-hover-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-focus-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-pressed-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:after,:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:before{background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%,transparent)!important;opacity:1}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__handle{background:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important;border:1px solid color-mix(in srgb,var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary)) 28%,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)));box-shadow:0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow) 24%,transparent)}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
38759
|
+
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-toggle-pill{display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-toggle-min-w, 108px);max-width:min(var(--pdx-inline-toggle-max-w, 384px),calc(100vw - 48px));padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-toggle-pill.no-text{min-inline-size:76px;gap:6px;padding-right:10px}.pdx-inline-toggle-pill:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-toggle-pill.is-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 52%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-pill.is-true{border-color:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );background:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-toggle-pill.is-false{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #c4c7c5) 85%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 78%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-state-icon.is-false-icon{color:var(--md-sys-color-on-surface-variant, #74777f)}.pdx-inline-toggle-label-stack{display:inline-grid;grid-template-columns:minmax(0,1fr);flex:1 1 auto;width:auto;min-width:0;max-width:100%;overflow:hidden}.pdx-inline-toggle-label{grid-area:1 / 1;display:inline-block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);line-height:1.1;font-weight:500}.pdx-inline-toggle-label-measure{visibility:hidden;pointer-events:none;width:max-content;max-width:none;overflow:visible;text-overflow:clip}.pdx-inline-toggle-state-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px}.pdx-inline-toggle-state-icon{width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;color:currentColor}.pdx-inline-toggle-state-icon.is-hidden{visibility:hidden}.pdx-inline-toggle-clear-slot{display:inline-grid;place-items:center;flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px)}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,currentColor 18%,transparent);color:currentColor}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0;--mdc-switch-unselected-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 70%, transparent );--mdc-switch-unselected-handle-color: var( --md-sys-color-outline, #74777f );--mdc-switch-unselected-hover-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-hover-handle-color: var( --md-sys-color-on-surface-variant, #44474f );--mdc-switch-unselected-focus-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-focus-handle-color: var( --md-sys-color-on-surface-variant, #44474f )}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle{border-radius:50%!important;box-shadow:0 1px 3px #00000026}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle-track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch{--mdc-switch-selected-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%, transparent );--mdc-switch-selected-hover-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-focus-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-pressed-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 54%, transparent );--mdc-switch-selected-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-hover-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-focus-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-pressed-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:after,:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:before{background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%,transparent)!important;opacity:1}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__handle{background:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important;border:1px solid color-mix(in srgb,var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary)) 28%,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)));box-shadow:0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow) 24%,transparent)}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
38381
38760
|
}
|
|
38382
38761
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineToggleComponent, decorators: [{
|
|
38383
38762
|
type: Component,
|
|
@@ -38405,20 +38784,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
38405
38784
|
[hideIcon]="metadata()?.hideIcon ?? true"
|
|
38406
38785
|
[labelPosition]="'after'"
|
|
38407
38786
|
[aria-label]="ariaLabel()"
|
|
38787
|
+
(click)="onSlideToggleClick($event)"
|
|
38408
38788
|
>
|
|
38409
38789
|
</mat-slide-toggle>
|
|
38410
38790
|
|
|
38411
38791
|
<span class="pdx-inline-toggle-state-slot" aria-hidden="true">
|
|
38412
|
-
|
|
38413
|
-
class="pdx-inline-toggle-state-icon"
|
|
38414
|
-
|
|
38415
|
-
>
|
|
38416
|
-
|
|
38792
|
+
@if (isTrue()) {
|
|
38793
|
+
<mat-icon class="pdx-inline-toggle-state-icon">check_circle</mat-icon>
|
|
38794
|
+
} @else if (isFalse()) {
|
|
38795
|
+
<mat-icon class="pdx-inline-toggle-state-icon is-false-icon">cancel</mat-icon>
|
|
38796
|
+
}
|
|
38417
38797
|
</span>
|
|
38418
38798
|
|
|
38419
38799
|
@if (showTextLabel()) {
|
|
38420
38800
|
<span class="pdx-inline-toggle-label-stack">
|
|
38421
38801
|
<span class="pdx-inline-toggle-label">{{ toggleLabelText() }}</span>
|
|
38802
|
+
<span
|
|
38803
|
+
class="pdx-inline-toggle-label pdx-inline-toggle-label-measure"
|
|
38804
|
+
aria-hidden="true"
|
|
38805
|
+
>
|
|
38806
|
+
{{ toggleMeasureText(null) }}
|
|
38807
|
+
</span>
|
|
38422
38808
|
<span
|
|
38423
38809
|
class="pdx-inline-toggle-label pdx-inline-toggle-label-measure"
|
|
38424
38810
|
aria-hidden="true"
|
|
@@ -38473,7 +38859,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
38473
38859
|
'[attr.data-field-type]': '"inlineToggle"',
|
|
38474
38860
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
38475
38861
|
'[attr.data-component-id]': 'componentId()',
|
|
38476
|
-
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-toggle-pill{display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-toggle-min-w, 108px);max-width:min(var(--pdx-inline-toggle-max-w, 384px),calc(100vw - 48px));padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-toggle-pill.no-text{min-inline-size:76px;gap:6px;padding-right:10px}.pdx-inline-toggle-pill:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-toggle-pill.is-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 52%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-pill.is-true{border-color:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );background:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-toggle-pill.is-false{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 78%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-label-stack{display:inline-grid;grid-template-columns:minmax(0,1fr);flex:1 1 auto;width:auto;min-width:0;max-width:100%;overflow:hidden}.pdx-inline-toggle-label{grid-area:1 / 1;display:inline-block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);line-height:1.1;font-weight:500}.pdx-inline-toggle-label-measure{visibility:hidden;pointer-events:none;width:max-content;max-width:none;overflow:visible;text-overflow:clip}.pdx-inline-toggle-state-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px}.pdx-inline-toggle-state-icon{width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;color:currentColor}.pdx-inline-toggle-state-icon.is-hidden{visibility:hidden}.pdx-inline-toggle-clear-slot{display:inline-grid;place-items:center;flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px)}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,currentColor 18%,transparent);color:currentColor}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch{--mdc-switch-selected-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%, transparent );--mdc-switch-selected-hover-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-focus-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-pressed-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 54%, transparent );--mdc-switch-selected-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-hover-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-focus-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-pressed-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:after,:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:before{background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%,transparent)!important;opacity:1}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__handle{background:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important;border:1px solid color-mix(in srgb,var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary)) 28%,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)));box-shadow:0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow) 24%,transparent)}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\n"] }]
|
|
38862
|
+
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-toggle-pill{display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-toggle-min-w, 108px);max-width:min(var(--pdx-inline-toggle-max-w, 384px),calc(100vw - 48px));padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-toggle-pill.no-text{min-inline-size:76px;gap:6px;padding-right:10px}.pdx-inline-toggle-pill:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-toggle-pill.is-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 52%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-pill.is-true{border-color:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );background:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-toggle-pill.is-false{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #c4c7c5) 85%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 78%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-state-icon.is-false-icon{color:var(--md-sys-color-on-surface-variant, #74777f)}.pdx-inline-toggle-label-stack{display:inline-grid;grid-template-columns:minmax(0,1fr);flex:1 1 auto;width:auto;min-width:0;max-width:100%;overflow:hidden}.pdx-inline-toggle-label{grid-area:1 / 1;display:inline-block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);line-height:1.1;font-weight:500}.pdx-inline-toggle-label-measure{visibility:hidden;pointer-events:none;width:max-content;max-width:none;overflow:visible;text-overflow:clip}.pdx-inline-toggle-state-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px}.pdx-inline-toggle-state-icon{width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;color:currentColor}.pdx-inline-toggle-state-icon.is-hidden{visibility:hidden}.pdx-inline-toggle-clear-slot{display:inline-grid;place-items:center;flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px)}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,currentColor 18%,transparent);color:currentColor}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0;--mdc-switch-unselected-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 70%, transparent );--mdc-switch-unselected-handle-color: var( --md-sys-color-outline, #74777f );--mdc-switch-unselected-hover-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-hover-handle-color: var( --md-sys-color-on-surface-variant, #44474f );--mdc-switch-unselected-focus-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-focus-handle-color: var( --md-sys-color-on-surface-variant, #44474f )}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle{border-radius:50%!important;box-shadow:0 1px 3px #00000026}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle-track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch{--mdc-switch-selected-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%, transparent );--mdc-switch-selected-hover-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-focus-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-pressed-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 54%, transparent );--mdc-switch-selected-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-hover-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-focus-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-pressed-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:after,:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:before{background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%,transparent)!important;opacity:1}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__handle{background:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important;border:1px solid color-mix(in srgb,var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary)) 28%,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)));box-shadow:0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow) 24%,transparent)}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\n"] }]
|
|
38477
38863
|
}], propDecorators: { readonlyMode: [{
|
|
38478
38864
|
type: Input
|
|
38479
38865
|
}], disabledMode: [{
|
|
@@ -38482,6 +38868,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
38482
38868
|
type: Input
|
|
38483
38869
|
}], presentationMode: [{
|
|
38484
38870
|
type: Input
|
|
38871
|
+
}], tristate: [{
|
|
38872
|
+
type: Input
|
|
38485
38873
|
}] } });
|
|
38486
38874
|
|
|
38487
38875
|
class InlineRangeSliderComponent extends SimpleBaseInputComponent {
|
|
@@ -76741,4 +77129,4 @@ function supportsClearButtonControlType(controlType) {
|
|
|
76741
77129
|
* Generated bundle index. Do not edit.
|
|
76742
77130
|
*/
|
|
76743
77131
|
|
|
76744
|
-
export { BRAZIL_INPUTS_AI_CAPABILITIES, CACHE_TTL, CHIPS_CONTROLS_AI_CAPABILITIES, CLEAR_BUTTON_CONTROL_TYPES, COLOR_CONTROLS_AI_CAPABILITIES, CONTROL_TYPE_AI_CATALOGS, ColorInputComponent, ComponentPreloaderService, ComponentRegistryService, ConfirmDialogComponent, DATE_CONTROLS_AI_CAPABILITIES, DISPLAY_ACTION_AI_CAPABILITIES, DISTANCE_RADIUS_AI_CAPABILITIES, DYNAMIC_FIELDS_PLAYGROUND_CATALOG, DYNAMIC_FIELD_BASE_STATE_RECIPES, DYNAMIC_FIELD_DEFAULT_STATE_RECIPE, DYNAMIC_FIELD_DISABLED_STATE_RECIPE, DYNAMIC_FIELD_ERROR_STATE_RECIPE, DYNAMIC_FIELD_FILLED_STATE_RECIPE, DYNAMIC_FIELD_PRESENTATION_STATE_RECIPE, DYNAMIC_FIELD_READONLY_STATE_RECIPE, DateInputComponent, DateUtilsService, DatetimeLocalInputComponent, DynamicFieldLoaderDirective, EditableCollectionComponent, EmailInputComponent, EntityLookupDialogComponent, FILE_UPLOAD_AI_CAPABILITIES, INLINE_COLOR_LABEL_AI_CAPABILITIES, InlineAsyncSelectComponent, InlineAutocompleteComponent, InlineColorLabelComponent, InlineCurrencyComponent, InlineCurrencyRangeComponent, InlineDateComponent, InlineDateRangeComponent, InlineDistanceRadiusComponent, InlineEntityLookupComponent, InlineInputComponent, InlineMaskedValueAccessorDirective, InlineMonthRangeComponent, InlineMultiSelectComponent, InlineNumberComponent, InlinePeriodRangeComponent, InlinePipelineStatusComponent, InlineRangeSliderComponent, InlineRatingComponent, InlineRelativePeriodComponent, InlineScorePriorityComponent, InlineSearchableSelectComponent, InlineSelectComponent, InlineSentimentComponent, InlineTimeComponent, InlineTimeRangeComponent, InlineToggleComponent, InlineTreeSelectComponent, InlineYearRangeComponent, KeyboardShortcutService, LIST_CONTROLS_AI_CAPABILITIES, LoggerPresets, MAX_LOAD_ATTEMPTS, MaterialAsyncSelectComponent, MaterialAutocompleteComponent, MaterialAvatarComponent, MaterialButtonComponent, MaterialButtonToggleComponent, MaterialCheckboxGroupComponent, MaterialChipsComponent, MaterialColorPickerComponent, MaterialCpfCnpjInputComponent, MaterialCurrencyComponent, MaterialDateRangeComponent, MaterialDatepickerComponent, MaterialFileUploadComponent, MaterialMultiSelectComponent, MaterialMultiSelectTreeComponent, MaterialPriceRangeComponent, MaterialRadioGroupComponent, MaterialRatingComponent, MaterialSearchableSelectComponent, MaterialSelectComponent, MaterialSelectionListComponent, MaterialSlideToggleComponent, MaterialSliderComponent, MaterialTextareaComponent, MaterialTimepickerComponent, MaterialTransferListComponent, MaterialTreeSelectComponent, MonthInputComponent, NUMERIC_INPUTS_AI_CAPABILITIES, NumberInputComponent, OptionDisplayResolverService, OptionStore, PDX_COLOR_INPUT_COMPONENT_METADATA, PDX_COLOR_PICKER_COMPONENT_METADATA, PDX_DATETIME_LOCAL_INPUT_COMPONENT_METADATA, PDX_DATE_INPUT_COMPONENT_METADATA, PDX_EDITABLE_COLLECTION_COMPONENT_METADATA, PDX_EMAIL_INPUT_COMPONENT_METADATA, PDX_ENTITY_LOOKUP_COMPONENT_METADATA, PDX_FIELD_SHELL_COMPONENT_METADATA, PDX_INLINE_ASYNC_SELECT_COMPONENT_METADATA, PDX_INLINE_AUTOCOMPLETE_COMPONENT_METADATA, PDX_INLINE_COLOR_LABEL_COMPONENT_METADATA, PDX_INLINE_CURRENCY_COMPONENT_METADATA, PDX_INLINE_CURRENCY_RANGE_COMPONENT_METADATA, PDX_INLINE_DATE_COMPONENT_METADATA, PDX_INLINE_DATE_RANGE_COMPONENT_METADATA, PDX_INLINE_DISTANCE_RADIUS_COMPONENT_METADATA, PDX_INLINE_ENTITY_LOOKUP_COMPONENT_METADATA, PDX_INLINE_INPUT_COMPONENT_METADATA, PDX_INLINE_MONTH_RANGE_COMPONENT_METADATA, PDX_INLINE_MULTI_SELECT_COMPONENT_METADATA, PDX_INLINE_NUMBER_COMPONENT_METADATA, PDX_INLINE_PERIOD_RANGE_COMPONENT_METADATA, PDX_INLINE_PHONE_COMPONENT_METADATA, PDX_INLINE_PIPELINE_STATUS_COMPONENT_METADATA, PDX_INLINE_RANGE_SLIDER_COMPONENT_METADATA, PDX_INLINE_RATING_COMPONENT_METADATA, PDX_INLINE_RELATIVE_PERIOD_COMPONENT_METADATA, PDX_INLINE_SCORE_PRIORITY_COMPONENT_METADATA, PDX_INLINE_SEARCHABLE_SELECT_COMPONENT_METADATA, PDX_INLINE_SELECT_COMPONENT_METADATA, PDX_INLINE_SENTIMENT_COMPONENT_METADATA, PDX_INLINE_TIME_COMPONENT_METADATA, PDX_INLINE_TIME_RANGE_COMPONENT_METADATA, PDX_INLINE_TOGGLE_COMPONENT_METADATA, PDX_INLINE_TREE_SELECT_COMPONENT_METADATA, PDX_INLINE_YEAR_RANGE_COMPONENT_METADATA, PDX_MATERIAL_ASYNC_SELECT_COMPONENT_METADATA, PDX_MATERIAL_AUTOCOMPLETE_COMPONENT_METADATA, PDX_MATERIAL_AVATAR_COMPONENT_METADATA, PDX_MATERIAL_BUTTON_COMPONENT_METADATA, PDX_MATERIAL_BUTTON_TOGGLE_COMPONENT_METADATA, PDX_MATERIAL_CHECKBOX_GROUP_COMPONENT_METADATA, PDX_MATERIAL_CHIPS_COMPONENT_METADATA, PDX_MATERIAL_COLORPICKER_COMPONENT_METADATA, PDX_MATERIAL_CPF_CNPJ_INPUT_COMPONENT_METADATA, PDX_MATERIAL_CURRENCY_COMPONENT_METADATA, PDX_MATERIAL_DATEPICKER_COMPONENT_METADATA, PDX_MATERIAL_DATE_RANGE_COMPONENT_METADATA, PDX_MATERIAL_FILE_UPLOAD_COMPONENT_METADATA, PDX_MATERIAL_MULTI_SELECT_COMPONENT_METADATA, PDX_MATERIAL_MULTI_SELECT_TREE_COMPONENT_METADATA, PDX_MATERIAL_PRICE_RANGE_COMPONENT_METADATA, PDX_MATERIAL_RADIO_GROUP_COMPONENT_METADATA, PDX_MATERIAL_RANGE_SLIDER_COMPONENT_METADATA, PDX_MATERIAL_RATING_COMPONENT_METADATA, PDX_MATERIAL_SEARCHABLE_SELECT_COMPONENT_METADATA, PDX_MATERIAL_SELECTION_LIST_COMPONENT_METADATA, PDX_MATERIAL_SELECT_COMPONENT_METADATA, PDX_MATERIAL_SLIDER_COMPONENT_METADATA, PDX_MATERIAL_SLIDE_TOGGLE_COMPONENT_METADATA, PDX_MATERIAL_TEXTAREA_COMPONENT_METADATA, PDX_MATERIAL_TIMEPICKER_COMPONENT_METADATA, PDX_MATERIAL_TIME_RANGE_COMPONENT_METADATA, PDX_MATERIAL_TRANSFER_LIST_COMPONENT_METADATA, PDX_MATERIAL_TREE_SELECT_COMPONENT_METADATA, PDX_MONTH_INPUT_COMPONENT_METADATA, PDX_NUMBER_INPUT_COMPONENT_METADATA, PDX_PASSWORD_INPUT_COMPONENT_METADATA, PDX_PHONE_INPUT_COMPONENT_METADATA, PDX_PRELOAD_STATUS_COMPONENT_METADATA, PDX_SEARCH_INPUT_COMPONENT_METADATA, PDX_TEXT_INPUT_COMPONENT_METADATA, PDX_TIME_INPUT_COMPONENT_METADATA, PDX_URL_INPUT_COMPONENT_METADATA, PDX_WEEK_INPUT_COMPONENT_METADATA, PDX_YEAR_INPUT_COMPONENT_METADATA, PRAXIS_DYNAMIC_FIELDS_AUTHORING_MANIFEST, PRAXIS_DYNAMIC_FIELDS_AUTHORING_PROFILES, PRAXIS_DYNAMIC_FIELDS_EDITORIAL_WAVE_1, PRAXIS_DYNAMIC_FIELDS_EN_US, PRAXIS_DYNAMIC_FIELDS_I18N, PRAXIS_DYNAMIC_FIELDS_LOGGER_BACKEND, PRAXIS_DYNAMIC_FIELDS_PT_BR, PRAXIS_DYNAMIC_FIELDS_WAVE_1_COMPONENT_METADATA, PRICE_RANGE_AI_CAPABILITIES, PasswordInputComponent, PdxCollectionOverlayComponent, PdxCollectionOverlayTriggerDirective, PdxCollectionSearchComponent, PdxColorPickerComponent, PdxMaterialRangeSliderComponent, PdxMaterialTimeRangeComponent, PdxYearInputComponent, PhoneInputComponent, PraxisErrorStateMatcher, PreloadStatusComponent, RETRY_DELAY, SELECT_CONTROLS_AI_CAPABILITIES, SearchInputComponent, SimpleBaseButtonComponent, SimpleBaseInputComponent, SimpleBaseSelectComponent, TEXT_INPUTS_AI_CAPABILITIES, TIME_RANGE_AI_CAPABILITIES, TOGGLE_CONTROLS_AI_CAPABILITIES, TREE_CONTROLS_AI_CAPABILITIES, TextInputComponent, TimeInputComponent, UrlInputComponent, WeekInputComponent, YEAR_INPUT_AI_CAPABILITIES, applyAlphaToColor, bindDynamicFieldsLoggerBackendFromInjector, clearDynamicFieldsLoggerBackend, configureDynamicFieldsLogger, createDynamicFieldPreviewRecipe, createErrorStateMatcher, createPraxisDynamicFieldsI18nConfig, emitToDynamicFieldsLoggerBackend, enableDebugForComponent, getControlTypeCatalog, getErrorStateMatcherForField, inferErrorStateStrategy, initializeComponentSystem, initializeComponentSystemSync, interpolateThreeStopGradientColor, isBaseDynamicFieldComponent, isLoadingCapableComponent, isValidCssColor, isValidJsonSchema, isValueBasedComponent, logger, mapJsonSchemaToFields, mapPropertyToFieldMetadata, normalizeCssColorToRgb, normalizeFormMetadata, provideMaterialAvatarMetadata, providePraxisDynamicFields, providePraxisDynamicFieldsCore, providePraxisDynamicFieldsCoreNoDefaults, providePraxisDynamicFieldsI18n, providePraxisDynamicFieldsNoDefaults, providePraxisDynamicFieldsWave1EditorialRegistry, registerPraxisDynamicFieldsWave1EditorialDescriptors, resolvePraxisDynamicFieldsText, setDynamicFieldsLoggerBackend, silenceComponent, supportsClearButtonControlType };
|
|
77132
|
+
export { BRAZIL_INPUTS_AI_CAPABILITIES, CACHE_TTL, CHIPS_CONTROLS_AI_CAPABILITIES, CLEAR_BUTTON_CONTROL_TYPES, COLOR_CONTROLS_AI_CAPABILITIES, CONTROL_TYPE_AI_CATALOGS, ColorInputComponent, ComponentPreloaderService, ComponentRegistryService, ConfirmDialogComponent, DATE_CONTROLS_AI_CAPABILITIES, DEFAULT_SELECT_OPTION_CACHE_MAX_ENTRIES, DEFAULT_SELECT_OPTION_CACHE_TTL_MS, DISPLAY_ACTION_AI_CAPABILITIES, DISTANCE_RADIUS_AI_CAPABILITIES, DYNAMIC_FIELDS_PLAYGROUND_CATALOG, DYNAMIC_FIELD_BASE_STATE_RECIPES, DYNAMIC_FIELD_DEFAULT_STATE_RECIPE, DYNAMIC_FIELD_DISABLED_STATE_RECIPE, DYNAMIC_FIELD_ERROR_STATE_RECIPE, DYNAMIC_FIELD_FILLED_STATE_RECIPE, DYNAMIC_FIELD_PRESENTATION_STATE_RECIPE, DYNAMIC_FIELD_READONLY_STATE_RECIPE, DateInputComponent, DateUtilsService, DatetimeLocalInputComponent, DynamicFieldLoaderDirective, EditableCollectionComponent, EmailInputComponent, EntityLookupDialogComponent, FILE_UPLOAD_AI_CAPABILITIES, INLINE_COLOR_LABEL_AI_CAPABILITIES, InlineAsyncSelectComponent, InlineAutocompleteComponent, InlineColorLabelComponent, InlineCurrencyComponent, InlineCurrencyRangeComponent, InlineDateComponent, InlineDateRangeComponent, InlineDistanceRadiusComponent, InlineEntityLookupComponent, InlineInputComponent, InlineMaskedValueAccessorDirective, InlineMonthRangeComponent, InlineMultiSelectComponent, InlineNumberComponent, InlinePeriodRangeComponent, InlinePipelineStatusComponent, InlineRangeSliderComponent, InlineRatingComponent, InlineRelativePeriodComponent, InlineScorePriorityComponent, InlineSearchableSelectComponent, InlineSelectComponent, InlineSentimentComponent, InlineTimeComponent, InlineTimeRangeComponent, InlineToggleComponent, InlineTreeSelectComponent, InlineYearRangeComponent, KeyboardShortcutService, LIST_CONTROLS_AI_CAPABILITIES, LoggerPresets, MAX_LOAD_ATTEMPTS, MaterialAsyncSelectComponent, MaterialAutocompleteComponent, MaterialAvatarComponent, MaterialButtonComponent, MaterialButtonToggleComponent, MaterialCheckboxGroupComponent, MaterialChipsComponent, MaterialColorPickerComponent, MaterialCpfCnpjInputComponent, MaterialCurrencyComponent, MaterialDateRangeComponent, MaterialDatepickerComponent, MaterialFileUploadComponent, MaterialMultiSelectComponent, MaterialMultiSelectTreeComponent, MaterialPriceRangeComponent, MaterialRadioGroupComponent, MaterialRatingComponent, MaterialSearchableSelectComponent, MaterialSelectComponent, MaterialSelectionListComponent, MaterialSlideToggleComponent, MaterialSliderComponent, MaterialTextareaComponent, MaterialTimepickerComponent, MaterialTransferListComponent, MaterialTreeSelectComponent, MonthInputComponent, NUMERIC_INPUTS_AI_CAPABILITIES, NumberInputComponent, OptionDisplayResolverService, OptionStore, PDX_COLOR_INPUT_COMPONENT_METADATA, PDX_COLOR_PICKER_COMPONENT_METADATA, PDX_DATETIME_LOCAL_INPUT_COMPONENT_METADATA, PDX_DATE_INPUT_COMPONENT_METADATA, PDX_EDITABLE_COLLECTION_COMPONENT_METADATA, PDX_EMAIL_INPUT_COMPONENT_METADATA, PDX_ENTITY_LOOKUP_COMPONENT_METADATA, PDX_FIELD_SHELL_COMPONENT_METADATA, PDX_INLINE_ASYNC_SELECT_COMPONENT_METADATA, PDX_INLINE_AUTOCOMPLETE_COMPONENT_METADATA, PDX_INLINE_COLOR_LABEL_COMPONENT_METADATA, PDX_INLINE_CURRENCY_COMPONENT_METADATA, PDX_INLINE_CURRENCY_RANGE_COMPONENT_METADATA, PDX_INLINE_DATE_COMPONENT_METADATA, PDX_INLINE_DATE_RANGE_COMPONENT_METADATA, PDX_INLINE_DISTANCE_RADIUS_COMPONENT_METADATA, PDX_INLINE_ENTITY_LOOKUP_COMPONENT_METADATA, PDX_INLINE_INPUT_COMPONENT_METADATA, PDX_INLINE_MONTH_RANGE_COMPONENT_METADATA, PDX_INLINE_MULTI_SELECT_COMPONENT_METADATA, PDX_INLINE_NUMBER_COMPONENT_METADATA, PDX_INLINE_PERIOD_RANGE_COMPONENT_METADATA, PDX_INLINE_PHONE_COMPONENT_METADATA, PDX_INLINE_PIPELINE_STATUS_COMPONENT_METADATA, PDX_INLINE_RANGE_SLIDER_COMPONENT_METADATA, PDX_INLINE_RATING_COMPONENT_METADATA, PDX_INLINE_RELATIVE_PERIOD_COMPONENT_METADATA, PDX_INLINE_SCORE_PRIORITY_COMPONENT_METADATA, PDX_INLINE_SEARCHABLE_SELECT_COMPONENT_METADATA, PDX_INLINE_SELECT_COMPONENT_METADATA, PDX_INLINE_SENTIMENT_COMPONENT_METADATA, PDX_INLINE_TIME_COMPONENT_METADATA, PDX_INLINE_TIME_RANGE_COMPONENT_METADATA, PDX_INLINE_TOGGLE_COMPONENT_METADATA, PDX_INLINE_TREE_SELECT_COMPONENT_METADATA, PDX_INLINE_YEAR_RANGE_COMPONENT_METADATA, PDX_MATERIAL_ASYNC_SELECT_COMPONENT_METADATA, PDX_MATERIAL_AUTOCOMPLETE_COMPONENT_METADATA, PDX_MATERIAL_AVATAR_COMPONENT_METADATA, PDX_MATERIAL_BUTTON_COMPONENT_METADATA, PDX_MATERIAL_BUTTON_TOGGLE_COMPONENT_METADATA, PDX_MATERIAL_CHECKBOX_GROUP_COMPONENT_METADATA, PDX_MATERIAL_CHIPS_COMPONENT_METADATA, PDX_MATERIAL_COLORPICKER_COMPONENT_METADATA, PDX_MATERIAL_CPF_CNPJ_INPUT_COMPONENT_METADATA, PDX_MATERIAL_CURRENCY_COMPONENT_METADATA, PDX_MATERIAL_DATEPICKER_COMPONENT_METADATA, PDX_MATERIAL_DATE_RANGE_COMPONENT_METADATA, PDX_MATERIAL_FILE_UPLOAD_COMPONENT_METADATA, PDX_MATERIAL_MULTI_SELECT_COMPONENT_METADATA, PDX_MATERIAL_MULTI_SELECT_TREE_COMPONENT_METADATA, PDX_MATERIAL_PRICE_RANGE_COMPONENT_METADATA, PDX_MATERIAL_RADIO_GROUP_COMPONENT_METADATA, PDX_MATERIAL_RANGE_SLIDER_COMPONENT_METADATA, PDX_MATERIAL_RATING_COMPONENT_METADATA, PDX_MATERIAL_SEARCHABLE_SELECT_COMPONENT_METADATA, PDX_MATERIAL_SELECTION_LIST_COMPONENT_METADATA, PDX_MATERIAL_SELECT_COMPONENT_METADATA, PDX_MATERIAL_SLIDER_COMPONENT_METADATA, PDX_MATERIAL_SLIDE_TOGGLE_COMPONENT_METADATA, PDX_MATERIAL_TEXTAREA_COMPONENT_METADATA, PDX_MATERIAL_TIMEPICKER_COMPONENT_METADATA, PDX_MATERIAL_TIME_RANGE_COMPONENT_METADATA, PDX_MATERIAL_TRANSFER_LIST_COMPONENT_METADATA, PDX_MATERIAL_TREE_SELECT_COMPONENT_METADATA, PDX_MONTH_INPUT_COMPONENT_METADATA, PDX_NUMBER_INPUT_COMPONENT_METADATA, PDX_PASSWORD_INPUT_COMPONENT_METADATA, PDX_PHONE_INPUT_COMPONENT_METADATA, PDX_PRELOAD_STATUS_COMPONENT_METADATA, PDX_SEARCH_INPUT_COMPONENT_METADATA, PDX_TEXT_INPUT_COMPONENT_METADATA, PDX_TIME_INPUT_COMPONENT_METADATA, PDX_URL_INPUT_COMPONENT_METADATA, PDX_WEEK_INPUT_COMPONENT_METADATA, PDX_YEAR_INPUT_COMPONENT_METADATA, PRAXIS_DYNAMIC_FIELDS_AUTHORING_MANIFEST, PRAXIS_DYNAMIC_FIELDS_AUTHORING_PROFILES, PRAXIS_DYNAMIC_FIELDS_EDITORIAL_WAVE_1, PRAXIS_DYNAMIC_FIELDS_EN_US, PRAXIS_DYNAMIC_FIELDS_I18N, PRAXIS_DYNAMIC_FIELDS_LOGGER_BACKEND, PRAXIS_DYNAMIC_FIELDS_PT_BR, PRAXIS_DYNAMIC_FIELDS_WAVE_1_COMPONENT_METADATA, PRICE_RANGE_AI_CAPABILITIES, PasswordInputComponent, PdxCollectionOverlayComponent, PdxCollectionOverlayTriggerDirective, PdxCollectionSearchComponent, PdxColorPickerComponent, PdxMaterialRangeSliderComponent, PdxMaterialTimeRangeComponent, PdxYearInputComponent, PhoneInputComponent, PraxisErrorStateMatcher, PreloadStatusComponent, RETRY_DELAY, SELECT_CONTROLS_AI_CAPABILITIES, SearchInputComponent, SelectOptionRegistry, SimpleBaseButtonComponent, SimpleBaseInputComponent, SimpleBaseSelectComponent, TEXT_INPUTS_AI_CAPABILITIES, TIME_RANGE_AI_CAPABILITIES, TOGGLE_CONTROLS_AI_CAPABILITIES, TREE_CONTROLS_AI_CAPABILITIES, TextInputComponent, TimeInputComponent, UrlInputComponent, WeekInputComponent, YEAR_INPUT_AI_CAPABILITIES, applyAlphaToColor, bindDynamicFieldsLoggerBackendFromInjector, clearDynamicFieldsLoggerBackend, configureDynamicFieldsLogger, createDynamicFieldPreviewRecipe, createErrorStateMatcher, createPraxisDynamicFieldsI18nConfig, emitToDynamicFieldsLoggerBackend, enableDebugForComponent, getControlTypeCatalog, getErrorStateMatcherForField, inferErrorStateStrategy, initializeComponentSystem, initializeComponentSystemSync, interpolateThreeStopGradientColor, isBaseDynamicFieldComponent, isLoadingCapableComponent, isValidCssColor, isValidJsonSchema, isValueBasedComponent, logger, mapJsonSchemaToFields, mapPropertyToFieldMetadata, normalizeCssColorToRgb, normalizeFormMetadata, provideMaterialAvatarMetadata, providePraxisDynamicFields, providePraxisDynamicFieldsCore, providePraxisDynamicFieldsCoreNoDefaults, providePraxisDynamicFieldsI18n, providePraxisDynamicFieldsNoDefaults, providePraxisDynamicFieldsWave1EditorialRegistry, registerPraxisDynamicFieldsWave1EditorialDescriptors, resolvePraxisDynamicFieldsText, setDynamicFieldsLoggerBackend, silenceComponent, supportsClearButtonControlType };
|