@praxisui/dynamic-fields 9.0.0-beta.2 → 9.0.0-beta.20

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.
@@ -130,6 +130,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
130
130
  'praxis.dynamicFields.validation.unique': 'Value is already in use',
131
131
  'praxis.dynamicFields.validation.fileType': 'File type is not allowed',
132
132
  'praxis.dynamicFields.validation.maxFileSize': 'File exceeds the maximum size',
133
+ 'praxis.dynamicFields.validation.maxFiles': 'Select at most {{count}} file(s)',
133
134
  'praxis.dynamicFields.validation.minWords': 'Text has too few words',
134
135
  'praxis.dynamicFields.validation.conditional': 'Validation rule not satisfied',
135
136
  'praxis.dynamicFields.validation.invalidValue': 'Invalid value',
@@ -142,6 +143,16 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
142
143
  'praxis.dynamicFields.actions.clear.tooltip': 'Clear',
143
144
  'praxis.dynamicFields.actions.clear.ariaLabel': 'Clear field',
144
145
  'praxis.dynamicFields.actions.clear.ariaLabelWithLabel': 'Clear {{label}}',
146
+ 'praxis.dynamicFields.fileUpload.emptySummary': 'No file selected',
147
+ 'praxis.dynamicFields.fileUpload.multipleSummary': '{{count}} files selected',
148
+ 'praxis.dynamicFields.fileUpload.clearSelection': 'Clear',
149
+ 'praxis.dynamicFields.fileUpload.clearSelectionAriaLabel': 'Clear selected file',
150
+ 'praxis.dynamicFields.fileUpload.selectedSummaryAriaLabel': 'Selected file',
151
+ 'praxis.dynamicFields.fileUpload.previewAlt': 'Selected image preview',
152
+ 'praxis.dynamicFields.fileUpload.sizeUnitBytes': 'B',
153
+ 'praxis.dynamicFields.fileUpload.sizeUnitKb': 'KB',
154
+ 'praxis.dynamicFields.fileUpload.sizeUnitMb': 'MB',
155
+ 'praxis.dynamicFields.fileUpload.sizeUnitGb': 'GB',
145
156
  'praxis.dynamicFields.array.add': 'Add item',
146
157
  'praxis.dynamicFields.array.remove': 'Remove',
147
158
  'praxis.dynamicFields.array.empty': 'No items registered.',
@@ -182,6 +193,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
182
193
  'praxis.dynamicFields.inlineDistance.display.from': '>= {{value}}',
183
194
  'praxis.dynamicFields.inlineDistance.display.upto': '<= {{value}}',
184
195
  'praxis.dynamicFields.inlineDistance.preset.from': '{{value}}+ {{unit}}',
196
+ 'praxis.dynamicFields.dateRange.shortcutsAriaLabel': 'Date range shortcuts',
185
197
  'praxis.dynamicFields.inlineDateRange.placeholder': 'Period',
186
198
  'praxis.dynamicFields.inlineDateRange.startPlaceholder': 'Start',
187
199
  'praxis.dynamicFields.inlineDateRange.endPlaceholder': 'End',
@@ -218,6 +230,13 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
218
230
  'praxis.dynamicFields.inlineTimeRange.validation.maxDistance': 'The maximum distance between times was exceeded',
219
231
  'praxis.dynamicFields.inlineTimeRange.validation.invalid': 'Invalid time range',
220
232
  'praxis.dynamicFields.inlineRange.placeholder': 'Filter',
233
+ 'praxis.dynamicFields.inlineRange.minLabel': 'Min',
234
+ 'praxis.dynamicFields.inlineRange.maxLabel': 'Max',
235
+ 'praxis.dynamicFields.inlineRange.valueLabel': 'Value',
236
+ 'praxis.dynamicFields.inlineRange.quickPresetsLabel': 'Quick ranges',
237
+ 'praxis.dynamicFields.inlineRange.clearActionLabel': 'Clear',
238
+ 'praxis.dynamicFields.inlineRange.applyActionLabel': 'Apply',
239
+ 'praxis.dynamicFields.inlineRange.doneActionLabel': 'Done',
221
240
  'praxis.dynamicFields.inlineRange.cancelActionLabel': 'Cancel',
222
241
  'praxis.dynamicFields.inlineCurrencyRange.placeholder': 'Currency range',
223
242
  'praxis.dynamicFields.inlineCurrencyRange.ariaSelection': '{{label}}: {{value}}',
@@ -227,6 +246,11 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
227
246
  'praxis.dynamicFields.inlineCurrencyRange.actions.apply': 'Apply',
228
247
  'praxis.dynamicFields.inlineCurrencyRange.value.from': '>= {{value}}',
229
248
  'praxis.dynamicFields.inlineCurrencyRange.value.upto': '<= {{value}}',
249
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.required': 'Enter at least one value for the range.',
250
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeOrder': 'The minimum value must be less than or equal to the maximum.',
251
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeMin': 'The minimum allowed value is {{min}}.',
252
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeMax': 'The maximum allowed value is {{max}}.',
253
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.invalid': 'Invalid value.',
230
254
  'praxis.dynamicFields.inlineSelect.placeholder': 'Select',
231
255
  'praxis.dynamicFields.inlinePipelineStatus.placeholder': 'Pipeline',
232
256
  'praxis.dynamicFields.inlinePipelineStatus.panelSubtitle': 'Configurable panel for stages, statuses, or priorities',
@@ -253,6 +277,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
253
277
  'praxis.dynamicFields.inlineColorLabel.selectionTitle': 'Selected:',
254
278
  'praxis.dynamicFields.inlineColorLabel.selectionBadgesAriaLabel': 'Selected items',
255
279
  'praxis.dynamicFields.inlineColorLabel.removeSelectionAriaLabel': 'Remove {{label}}',
280
+ 'praxis.dynamicFields.inlineColorLabel.fallbackOptionLabel': 'Option {{index}}',
256
281
  'praxis.dynamicFields.inlineColorLabel.emptyStateText': 'No options found',
257
282
  'praxis.dynamicFields.inlineColorLabel.overlayActionsAriaLabel': '{{label}}: panel actions',
258
283
  'praxis.dynamicFields.inlineColorLabel.clearActionLabel': 'Clear',
@@ -271,14 +296,34 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
271
296
  'praxis.dynamicFields.inlinePipeline.emptyStateText': 'No options found',
272
297
  'praxis.dynamicFields.inlineRelativePeriod.placeholder': 'Relative period',
273
298
  'praxis.dynamicFields.inlineRelativePeriod.panelSubtitle': 'Configurable relative period presets for quick selection',
299
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.today': 'Today',
300
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.yesterday': 'Yesterday',
301
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.last7': 'Last 7 days',
302
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.last30': 'Last 30 days',
303
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisMonth': 'This month',
304
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.lastMonth': 'Last month',
305
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisQuarter': 'This quarter',
306
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisYear': 'This year',
274
307
  'praxis.dynamicFields.inlineRelativePeriod.progressEmptyLabel': 'No selection',
275
308
  'praxis.dynamicFields.inlineRelativePeriod.progressAriaLabel': '{{label}}: {{percent}}%',
276
309
  'praxis.dynamicFields.inlineRelativePeriod.optionsGroupAriaLabel': 'Relative period presets',
310
+ 'praxis.dynamicFields.inlineRelativePeriod.fallbackOptionLabel': 'Option {{index}}',
277
311
  'praxis.dynamicFields.inlineRelativePeriod.emptyStateText': 'No presets available',
278
312
  'praxis.dynamicFields.inlineRelativePeriod.overlayActionsAriaLabel': '{{label}}: panel actions',
279
313
  'praxis.dynamicFields.inlineRelativePeriod.clearActionLabel': 'Clear',
280
314
  'praxis.dynamicFields.inlineRelativePeriod.cancelActionLabel': 'Cancel',
281
315
  'praxis.dynamicFields.inlineRelativePeriod.applyActionLabel': 'Apply',
316
+ 'praxis.dynamicFields.inlinePeriodRange.minLabel': 'Start period',
317
+ 'praxis.dynamicFields.inlinePeriodRange.maxLabel': 'End period',
318
+ 'praxis.dynamicFields.inlinePeriodRange.quickPresetsLabel': 'Quick periods',
319
+ 'praxis.dynamicFields.inlineMonthRange.quickPresetsLabel': 'Quick periods',
320
+ 'praxis.dynamicFields.inlineMonthRange.presetFull': 'Full year',
321
+ 'praxis.dynamicFields.inlineMonthRange.presetFirstHalf': 'Jan-Jun',
322
+ 'praxis.dynamicFields.inlineMonthRange.presetSecondHalf': 'Jul-Dec',
323
+ 'praxis.dynamicFields.inlineYearRange.minLabel': 'Start year',
324
+ 'praxis.dynamicFields.inlineYearRange.maxLabel': 'End year',
325
+ 'praxis.dynamicFields.inlineYearRange.quickPresetsLabel': 'Quick years',
326
+ 'praxis.dynamicFields.inlineYearRange.presetFull': 'Full period',
282
327
  'praxis.dynamicFields.inlineTime.placeholder': 'Time',
283
328
  'praxis.dynamicFields.inlineTime.openPanelAriaLabel': 'Open time picker',
284
329
  'praxis.dynamicFields.inlineTime.closePanelAriaLabel': 'Close time picker',
@@ -288,10 +333,16 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
288
333
  'praxis.dynamicFields.inlineTime.emptyStateLabel': 'No time available',
289
334
  'praxis.dynamicFields.inlineSentiment.placeholder': 'Sentiment',
290
335
  'praxis.dynamicFields.inlineSentiment.panelSubtitle': 'Color-coded sentiment scale for quick classification',
336
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.terrible': 'Terrible',
337
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.bad': 'Bad',
338
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.neutral': 'Neutral',
339
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.good': 'Good',
340
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.great': 'Great',
291
341
  'praxis.dynamicFields.inlineSentiment.barAriaEmpty': '{{label}} with no selection',
292
342
  'praxis.dynamicFields.inlineSentiment.barAriaSelected': '{{label}} with selection: {{value}}',
293
343
  'praxis.dynamicFields.inlineSentiment.optionsGroupAriaLabel': 'Sentiment options',
294
344
  'praxis.dynamicFields.inlineSentiment.selectionPillsAriaLabel': 'Selected sentiments',
345
+ 'praxis.dynamicFields.inlineSentiment.fallbackOptionLabel': 'Option {{index}}',
295
346
  'praxis.dynamicFields.inlineSentiment.emptyStateText': 'No options found',
296
347
  'praxis.dynamicFields.inlineSentiment.overlayActionsAriaLabel': '{{label}}: panel actions',
297
348
  'praxis.dynamicFields.inlineSentiment.clearActionLabel': 'Clear',
@@ -469,6 +520,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
469
520
  'praxis.dynamicFields.validation.unique': 'Valor já utilizado',
470
521
  'praxis.dynamicFields.validation.fileType': 'Tipo de arquivo não permitido',
471
522
  'praxis.dynamicFields.validation.maxFileSize': 'Arquivo excede o tamanho máximo',
523
+ 'praxis.dynamicFields.validation.maxFiles': 'Selecione no máximo {{count}} arquivo(s)',
472
524
  'praxis.dynamicFields.validation.minWords': 'Texto com poucas palavras',
473
525
  'praxis.dynamicFields.validation.conditional': 'Regra de validação não atendida',
474
526
  'praxis.dynamicFields.validation.invalidValue': 'Valor inválido',
@@ -481,6 +533,16 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
481
533
  'praxis.dynamicFields.actions.clear.tooltip': 'Limpar',
482
534
  'praxis.dynamicFields.actions.clear.ariaLabel': 'Limpar campo',
483
535
  'praxis.dynamicFields.actions.clear.ariaLabelWithLabel': 'Limpar {{label}}',
536
+ 'praxis.dynamicFields.fileUpload.emptySummary': 'Nenhum arquivo selecionado',
537
+ 'praxis.dynamicFields.fileUpload.multipleSummary': '{{count}} arquivos selecionados',
538
+ 'praxis.dynamicFields.fileUpload.clearSelection': 'Limpar',
539
+ 'praxis.dynamicFields.fileUpload.clearSelectionAriaLabel': 'Limpar arquivo selecionado',
540
+ 'praxis.dynamicFields.fileUpload.selectedSummaryAriaLabel': 'Arquivo selecionado',
541
+ 'praxis.dynamicFields.fileUpload.previewAlt': 'Pré-visualização da imagem selecionada',
542
+ 'praxis.dynamicFields.fileUpload.sizeUnitBytes': 'B',
543
+ 'praxis.dynamicFields.fileUpload.sizeUnitKb': 'KB',
544
+ 'praxis.dynamicFields.fileUpload.sizeUnitMb': 'MB',
545
+ 'praxis.dynamicFields.fileUpload.sizeUnitGb': 'GB',
484
546
  'praxis.dynamicFields.array.add': 'Adicionar item',
485
547
  'praxis.dynamicFields.array.remove': 'Remover',
486
548
  'praxis.dynamicFields.array.empty': 'Nenhum item cadastrado.',
@@ -521,6 +583,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
521
583
  'praxis.dynamicFields.inlineDistance.display.from': '>= {{value}}',
522
584
  'praxis.dynamicFields.inlineDistance.display.upto': '<= {{value}}',
523
585
  'praxis.dynamicFields.inlineDistance.preset.from': '{{value}}+ {{unit}}',
586
+ 'praxis.dynamicFields.dateRange.shortcutsAriaLabel': 'Atalhos de período de datas',
524
587
  'praxis.dynamicFields.inlineDateRange.placeholder': 'Período',
525
588
  'praxis.dynamicFields.inlineDateRange.startPlaceholder': 'Início',
526
589
  'praxis.dynamicFields.inlineDateRange.endPlaceholder': 'Fim',
@@ -557,6 +620,13 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
557
620
  'praxis.dynamicFields.inlineTimeRange.validation.maxDistance': 'A distância máxima entre horários foi excedida',
558
621
  'praxis.dynamicFields.inlineTimeRange.validation.invalid': 'Faixa de horário inválida',
559
622
  'praxis.dynamicFields.inlineRange.placeholder': 'Filtro',
623
+ 'praxis.dynamicFields.inlineRange.minLabel': 'Min',
624
+ 'praxis.dynamicFields.inlineRange.maxLabel': 'Max',
625
+ 'praxis.dynamicFields.inlineRange.valueLabel': 'Valor',
626
+ 'praxis.dynamicFields.inlineRange.quickPresetsLabel': 'Faixas rápidas',
627
+ 'praxis.dynamicFields.inlineRange.clearActionLabel': 'Limpar',
628
+ 'praxis.dynamicFields.inlineRange.applyActionLabel': 'Aplicar',
629
+ 'praxis.dynamicFields.inlineRange.doneActionLabel': 'Concluir',
560
630
  'praxis.dynamicFields.inlineRange.cancelActionLabel': 'Cancelar',
561
631
  'praxis.dynamicFields.inlineCurrencyRange.placeholder': 'Faixa monetária',
562
632
  'praxis.dynamicFields.inlineCurrencyRange.ariaSelection': '{{label}}: {{value}}',
@@ -566,6 +636,11 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
566
636
  'praxis.dynamicFields.inlineCurrencyRange.actions.apply': 'Aplicar',
567
637
  'praxis.dynamicFields.inlineCurrencyRange.value.from': '>= {{value}}',
568
638
  'praxis.dynamicFields.inlineCurrencyRange.value.upto': '<= {{value}}',
639
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.required': 'Informe ao menos um valor para o intervalo.',
640
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeOrder': 'O valor mínimo deve ser menor ou igual ao máximo.',
641
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeMin': 'O valor mínimo permitido é {{min}}.',
642
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeMax': 'O valor máximo permitido é {{max}}.',
643
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.invalid': 'Valor inválido.',
569
644
  'praxis.dynamicFields.inlineSelect.placeholder': 'Selecionar',
570
645
  'praxis.dynamicFields.inlinePipelineStatus.placeholder': 'Pipeline',
571
646
  'praxis.dynamicFields.inlinePipelineStatus.panelSubtitle': 'Painel de seleção configurável para estágios, status ou prioridades',
@@ -592,6 +667,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
592
667
  'praxis.dynamicFields.inlineColorLabel.selectionTitle': 'Selecionados:',
593
668
  'praxis.dynamicFields.inlineColorLabel.selectionBadgesAriaLabel': 'Itens selecionados',
594
669
  'praxis.dynamicFields.inlineColorLabel.removeSelectionAriaLabel': 'Remover {{label}}',
670
+ 'praxis.dynamicFields.inlineColorLabel.fallbackOptionLabel': 'Opção {{index}}',
595
671
  'praxis.dynamicFields.inlineColorLabel.emptyStateText': 'Nenhuma opção encontrada',
596
672
  'praxis.dynamicFields.inlineColorLabel.overlayActionsAriaLabel': '{{label}}: ações do painel',
597
673
  'praxis.dynamicFields.inlineColorLabel.clearActionLabel': 'Limpar',
@@ -610,14 +686,34 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
610
686
  'praxis.dynamicFields.inlinePipeline.emptyStateText': 'Nenhuma opção encontrada',
611
687
  'praxis.dynamicFields.inlineRelativePeriod.placeholder': 'Período relativo',
612
688
  'praxis.dynamicFields.inlineRelativePeriod.panelSubtitle': 'Presets de período configuráveis para seleção rápida',
689
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.today': 'Hoje',
690
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.yesterday': 'Ontem',
691
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.last7': 'Últimos 7 dias',
692
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.last30': 'Últimos 30 dias',
693
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisMonth': 'Este mês',
694
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.lastMonth': 'Mês passado',
695
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisQuarter': 'Este trimestre',
696
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisYear': 'Este ano',
613
697
  'praxis.dynamicFields.inlineRelativePeriod.progressEmptyLabel': 'Sem seleção',
614
698
  'praxis.dynamicFields.inlineRelativePeriod.progressAriaLabel': '{{label}}: {{percent}}%',
615
699
  'praxis.dynamicFields.inlineRelativePeriod.optionsGroupAriaLabel': 'Presets de período relativo',
700
+ 'praxis.dynamicFields.inlineRelativePeriod.fallbackOptionLabel': 'Opção {{index}}',
616
701
  'praxis.dynamicFields.inlineRelativePeriod.emptyStateText': 'Nenhum preset disponível',
617
702
  'praxis.dynamicFields.inlineRelativePeriod.overlayActionsAriaLabel': '{{label}}: ações do painel',
618
703
  'praxis.dynamicFields.inlineRelativePeriod.clearActionLabel': 'Limpar',
619
704
  'praxis.dynamicFields.inlineRelativePeriod.cancelActionLabel': 'Cancelar',
620
705
  'praxis.dynamicFields.inlineRelativePeriod.applyActionLabel': 'Aplicar',
706
+ 'praxis.dynamicFields.inlinePeriodRange.minLabel': 'Período inicial',
707
+ 'praxis.dynamicFields.inlinePeriodRange.maxLabel': 'Período final',
708
+ 'praxis.dynamicFields.inlinePeriodRange.quickPresetsLabel': 'Períodos rápidos',
709
+ 'praxis.dynamicFields.inlineMonthRange.quickPresetsLabel': 'Períodos rápidos',
710
+ 'praxis.dynamicFields.inlineMonthRange.presetFull': 'Ano todo',
711
+ 'praxis.dynamicFields.inlineMonthRange.presetFirstHalf': 'Jan-Jun',
712
+ 'praxis.dynamicFields.inlineMonthRange.presetSecondHalf': 'Jul-Dez',
713
+ 'praxis.dynamicFields.inlineYearRange.minLabel': 'Ano inicial',
714
+ 'praxis.dynamicFields.inlineYearRange.maxLabel': 'Ano final',
715
+ 'praxis.dynamicFields.inlineYearRange.quickPresetsLabel': 'Anos rápidos',
716
+ 'praxis.dynamicFields.inlineYearRange.presetFull': 'Todo o período',
621
717
  'praxis.dynamicFields.inlineTime.placeholder': 'Horário',
622
718
  'praxis.dynamicFields.inlineTime.openPanelAriaLabel': 'Abrir seletor de horário',
623
719
  'praxis.dynamicFields.inlineTime.closePanelAriaLabel': 'Fechar seletor de horário',
@@ -627,10 +723,16 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
627
723
  'praxis.dynamicFields.inlineTime.emptyStateLabel': 'Nenhum horário disponível',
628
724
  'praxis.dynamicFields.inlineSentiment.placeholder': 'Sentimento',
629
725
  'praxis.dynamicFields.inlineSentiment.panelSubtitle': 'Escala de sentimento colorida para classificação rápida',
726
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.terrible': 'Péssimo',
727
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.bad': 'Ruim',
728
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.neutral': 'Neutro',
729
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.good': 'Bom',
730
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.great': 'Ótimo',
630
731
  'praxis.dynamicFields.inlineSentiment.barAriaEmpty': '{{label}} sem seleção',
631
732
  'praxis.dynamicFields.inlineSentiment.barAriaSelected': '{{label}} com seleção: {{value}}',
632
733
  'praxis.dynamicFields.inlineSentiment.optionsGroupAriaLabel': 'Opções de sentimento',
633
734
  'praxis.dynamicFields.inlineSentiment.selectionPillsAriaLabel': 'Sentimentos selecionados',
735
+ 'praxis.dynamicFields.inlineSentiment.fallbackOptionLabel': 'Opção {{index}}',
634
736
  'praxis.dynamicFields.inlineSentiment.emptyStateText': 'Nenhuma opção encontrada',
635
737
  'praxis.dynamicFields.inlineSentiment.overlayActionsAriaLabel': '{{label}}: ações do painel',
636
738
  'praxis.dynamicFields.inlineSentiment.clearActionLabel': 'Limpar',
@@ -695,7 +797,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
695
797
  'praxis.dynamicFields.entityLookup.action.create': 'Novo',
696
798
  'praxis.dynamicFields.entityLookup.action.clear': 'Limpar',
697
799
  'praxis.dynamicFields.entityLookup.sort.label': 'Ordenar por',
698
- 'praxis.dynamicFields.entityLookup.sort.default': 'Padrao',
800
+ 'praxis.dynamicFields.entityLookup.sort.default': 'Padrão',
699
801
  'praxis.dynamicFields.entityLookup.filter.clearAll': 'Limpar filtros',
700
802
  'praxis.dynamicFields.entityLookup.dialog.open': 'Busca avançada',
701
803
  'praxis.dynamicFields.entityLookup.dialog.openSupporting': 'Refine a busca com filtros, ordenacao e contexto.',
@@ -732,7 +834,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
732
834
  'praxis.dynamicFields.entityLookup.dialog.preview.legacy': 'Valor legado',
733
835
  'praxis.dynamicFields.entityLookup.dialog.preview.blocked': 'Bloqueado',
734
836
  'praxis.dynamicFields.entityLookup.dialog.preview.selectable': 'Selecionavel',
735
- 'praxis.dynamicFields.entityLookup.selectionLimitReached': 'Limite de {max} selecoes atingido.',
837
+ 'praxis.dynamicFields.entityLookup.selectionLimitReached': 'Limite de {max} seleções atingido.',
736
838
  'praxis.dynamicFields.entityLookup.action.removeSelection': 'Remover {label}',
737
839
  'praxis.dynamicFields.entityLookup.noResults': 'Nenhuma entidade encontrada para os filtros atuais.',
738
840
  'praxis.dynamicFields.entityLookup.unmetDependencies': 'Preencha os campos dependentes antes de buscar.',
@@ -784,7 +886,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
784
886
  'praxis.dynamicFields.editorial.avatar.inputs.emphasis.description': 'Estado de destaque visual usado para avatares selecionados, principais ou de atenção sem alterar valores submetidos.',
785
887
  'praxis.dynamicFields.editorial.avatar.inputs.emphasisColor.description': 'Token de cor usado pelo anel ou halo de destaque.',
786
888
  'praxis.dynamicFields.editorial.avatar.inputs.emphasisLabel.description': 'Rotulo acessivel que descreve o significado do destaque visual.',
787
- 'praxis.dynamicFields.editorial.avatar.inputs.initialsMaxLength.description': 'Numero maximo de iniciais renderizadas',
889
+ 'praxis.dynamicFields.editorial.avatar.inputs.initialsMaxLength.description': 'Número máximo de iniciais renderizadas',
788
890
  'praxis.dynamicFields.editorial.avatar.inputs.tooltip.description': 'Texto do tooltip',
789
891
  'praxis.dynamicFields.editorial.avatar.inputs.ariaLabel.description': 'Rótulo ARIA',
790
892
  'praxis.dynamicFields.editorial.avatar.inputs.class.description': 'Classes CSS adicionais no host',
@@ -2900,8 +3002,8 @@ class SimpleBaseButtonComponent {
2900
3002
  // Adicionar confirmação se configurada
2901
3003
  if (action && meta.confirmDialog) {
2902
3004
  action.confirmation = {
2903
- title: meta.confirmDialog.title || this.tDynamicFields('button.confirmTitle', 'Confirmar acao'),
2904
- message: meta.confirmDialog.message || this.tDynamicFields('button.confirmMessage', 'Deseja continuar com esta acao?'),
3005
+ title: meta.confirmDialog.title || this.tDynamicFields('button.confirmTitle', 'Confirmar ação'),
3006
+ message: meta.confirmDialog.message || this.tDynamicFields('button.confirmMessage', 'Deseja continuar com esta ação?'),
2905
3007
  confirmLabel: meta.confirmDialog.confirmLabel || this.tDynamicFields('dialog.confirm', 'Confirmar'),
2906
3008
  cancelLabel: meta.confirmDialog.cancelLabel || this.tDynamicFields('dialog.cancel', 'Cancelar'),
2907
3009
  };
@@ -6363,7 +6465,7 @@ class MaterialCheckboxGroupComponent extends SimpleBaseSelectComponent {
6363
6465
  </fieldset>
6364
6466
  }
6365
6467
  </div>
6366
- `, isInline: true, styles: [":host{display:block;width:100%}.pdx-checkbox-group-wrapper{display:grid;gap:10px;width:100%;min-width:0;padding:6px 0 8px}.pdx-checkbox-fieldset{border:0;margin:0;padding:0;min-inline-size:0;display:grid;gap:10px}.pdx-checkbox-label{display:block;margin:0;color:var(--md-sys-color-on-surface);font-size:.95rem;font-weight:600;line-height:1.45}.pdx-checkbox-boolean-shell{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:8px}.pdx-checkbox-boolean-shell-consent{padding:12px 14px;border:1px solid var(--pdx-checkbox-consent-border, var(--md-sys-color-outline-variant));border-radius:var(--pdx-checkbox-consent-radius, 16px);background:var( --pdx-checkbox-consent-background, color-mix(in srgb, var(--md-sys-color-surface-container-low, var(--md-sys-color-surface)) 82%, transparent) )}.pdx-checkbox-boolean-control-slot{display:flex;align-items:start;justify-content:center;padding-top:1px}.pdx-checkbox-options{display:grid;gap:10px}.pdx-checkbox-options.pdx-checkbox-horizontal{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}.pdx-checkbox-boolean-control{width:100%}.pdx-checkbox-boolean-content{display:grid;gap:6px;min-width:0;cursor:pointer}.pdx-checkbox-option-shell{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:8px;min-width:0;cursor:pointer}.pdx-checkbox-option-disabled{cursor:not-allowed}.pdx-checkbox-option-control-slot{display:flex;align-items:start;justify-content:center;padding-top:1px}.pdx-checkbox-option-content{display:grid;gap:4px;min-width:0}.pdx-checkbox-option-label{color:var(--md-sys-color-on-surface);font-size:.95rem;line-height:1.5}.pdx-checkbox-option-description{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.45}.pdx-checkbox-boolean-label{cursor:pointer}.pdx-checkbox-description{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;line-height:1.5}.pdx-checkbox-links{display:flex;flex-wrap:wrap;gap:8px 12px}.pdx-checkbox-link{color:var(--md-sys-color-primary);text-decoration:underline;text-underline-offset:2px}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox{display:block}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox-touch-target{width:40px;height:40px}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox .mdc-checkbox__ripple,.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox .mat-mdc-checkbox-ripple{opacity:0}.pdx-checkbox-group-wrapper ::ng-deep .mdc-label{line-height:1.5}.pdx-checkbox-boolean-control ::ng-deep .mdc-form-field{display:block}.pdx-checkbox-boolean-control ::ng-deep .mdc-label{display:none}.pdx-checkbox-option-control ::ng-deep .mdc-form-field{display:block}.pdx-checkbox-option-control ::ng-deep .mdc-label{display:none}:host(.pdx-checkbox-variant-consent) .pdx-checkbox-boolean-label{font-weight:600}:host(.pdx-checkbox-density-compact) .pdx-checkbox-boolean-shell,:host(.pdx-checkbox-density-compact) .pdx-checkbox-option-shell{column-gap:6px}:host(.pdx-checkbox-density-compact) .pdx-checkbox-boolean-content,:host(.pdx-checkbox-density-compact) .pdx-checkbox-option-content{gap:3px}:host(.pdx-checkbox-density-spacious) .pdx-checkbox-group-wrapper,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-fieldset,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-options{gap:14px}:host(.pdx-checkbox-density-spacious) .pdx-checkbox-boolean-shell,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-option-shell{column-gap:10px}.pdx-hint,.pdx-error{margin:0;font-size:.8rem;line-height:1.45}.pdx-hint{color:var(--md-sys-color-on-surface-variant)}.pdx-error{color:var(--md-sys-color-error)}\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: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
6468
+ `, isInline: true, styles: [":host{display:block;width:100%}.pdx-checkbox-group-wrapper{display:grid;gap:10px;width:100%;min-width:0;padding:6px 0 8px}.pdx-checkbox-fieldset{border:0;margin:0;padding:0;min-inline-size:0;display:grid;gap:10px}.pdx-checkbox-label{display:block;margin:0;color:var(--md-sys-color-on-surface);font-size:.95rem;font-weight:600;line-height:1.45}.pdx-checkbox-boolean-shell{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:8px;border-radius:var(--md-sys-shape-corner-medium, 12px)}.pdx-checkbox-boolean-shell-consent{padding:12px 14px;border:1px solid var(--pdx-checkbox-consent-border, var(--md-sys-color-outline-variant));border-radius:var(--pdx-checkbox-consent-radius, 16px);background:var( --pdx-checkbox-consent-background, color-mix(in srgb, var(--md-sys-color-surface-container-low, var(--md-sys-color-surface)) 82%, transparent) )}.pdx-checkbox-boolean-control-slot{display:flex;align-items:start;justify-content:center;padding-top:1px}.pdx-checkbox-options{display:grid;gap:10px}.pdx-checkbox-options.pdx-checkbox-horizontal{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}.pdx-checkbox-boolean-control{width:100%}.pdx-checkbox-boolean-content{display:grid;gap:6px;min-width:0;cursor:pointer}.pdx-checkbox-option-shell{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:8px;min-width:0;border-radius:var(--md-sys-shape-corner-medium, 12px);cursor:pointer}.pdx-checkbox-boolean-shell:focus-within,.pdx-checkbox-option-shell:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}.pdx-checkbox-option-disabled{cursor:not-allowed}.pdx-checkbox-option-control-slot{display:flex;align-items:start;justify-content:center;padding-top:1px}.pdx-checkbox-option-content{display:grid;gap:4px;min-width:0}.pdx-checkbox-option-label{color:var(--md-sys-color-on-surface);font-size:.95rem;line-height:1.5}.pdx-checkbox-option-description{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.45}.pdx-checkbox-boolean-label{cursor:pointer}.pdx-checkbox-description{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;line-height:1.5}.pdx-checkbox-links{display:flex;flex-wrap:wrap;gap:8px 12px}.pdx-checkbox-link{color:var(--md-sys-color-primary);text-decoration:underline;text-underline-offset:2px}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox{display:block}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox-touch-target{width:40px;height:40px}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox .mdc-checkbox__ripple,.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox .mat-mdc-checkbox-ripple{opacity:0}.pdx-checkbox-group-wrapper ::ng-deep .mdc-label{line-height:1.5}.pdx-checkbox-boolean-control ::ng-deep .mdc-form-field{display:block}.pdx-checkbox-boolean-control ::ng-deep .mdc-label{display:none}.pdx-checkbox-option-control ::ng-deep .mdc-form-field{display:block}.pdx-checkbox-option-control ::ng-deep .mdc-label{display:none}:host(.pdx-checkbox-variant-consent) .pdx-checkbox-boolean-label{font-weight:600}:host(.pdx-checkbox-density-compact) .pdx-checkbox-boolean-shell,:host(.pdx-checkbox-density-compact) .pdx-checkbox-option-shell{column-gap:6px}:host(.pdx-checkbox-density-compact) .pdx-checkbox-boolean-content,:host(.pdx-checkbox-density-compact) .pdx-checkbox-option-content{gap:3px}:host(.pdx-checkbox-density-spacious) .pdx-checkbox-group-wrapper,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-fieldset,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-options{gap:14px}:host(.pdx-checkbox-density-spacious) .pdx-checkbox-boolean-shell,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-option-shell{column-gap:10px}.pdx-hint,.pdx-error{margin:0;font-size:.8rem;line-height:1.45}.pdx-hint{color:var(--md-sys-color-on-surface-variant)}.pdx-error{color:var(--md-sys-color-error)}\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: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
6367
6469
  }
6368
6470
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialCheckboxGroupComponent, decorators: [{
6369
6471
  type: Component,
@@ -6532,7 +6634,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
6532
6634
  '[attr.data-field-type]': '"checkbox"',
6533
6635
  '[attr.data-field-name]': 'metadata()?.name',
6534
6636
  '[attr.data-component-id]': 'componentId()',
6535
- }, styles: [":host{display:block;width:100%}.pdx-checkbox-group-wrapper{display:grid;gap:10px;width:100%;min-width:0;padding:6px 0 8px}.pdx-checkbox-fieldset{border:0;margin:0;padding:0;min-inline-size:0;display:grid;gap:10px}.pdx-checkbox-label{display:block;margin:0;color:var(--md-sys-color-on-surface);font-size:.95rem;font-weight:600;line-height:1.45}.pdx-checkbox-boolean-shell{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:8px}.pdx-checkbox-boolean-shell-consent{padding:12px 14px;border:1px solid var(--pdx-checkbox-consent-border, var(--md-sys-color-outline-variant));border-radius:var(--pdx-checkbox-consent-radius, 16px);background:var( --pdx-checkbox-consent-background, color-mix(in srgb, var(--md-sys-color-surface-container-low, var(--md-sys-color-surface)) 82%, transparent) )}.pdx-checkbox-boolean-control-slot{display:flex;align-items:start;justify-content:center;padding-top:1px}.pdx-checkbox-options{display:grid;gap:10px}.pdx-checkbox-options.pdx-checkbox-horizontal{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}.pdx-checkbox-boolean-control{width:100%}.pdx-checkbox-boolean-content{display:grid;gap:6px;min-width:0;cursor:pointer}.pdx-checkbox-option-shell{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:8px;min-width:0;cursor:pointer}.pdx-checkbox-option-disabled{cursor:not-allowed}.pdx-checkbox-option-control-slot{display:flex;align-items:start;justify-content:center;padding-top:1px}.pdx-checkbox-option-content{display:grid;gap:4px;min-width:0}.pdx-checkbox-option-label{color:var(--md-sys-color-on-surface);font-size:.95rem;line-height:1.5}.pdx-checkbox-option-description{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.45}.pdx-checkbox-boolean-label{cursor:pointer}.pdx-checkbox-description{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;line-height:1.5}.pdx-checkbox-links{display:flex;flex-wrap:wrap;gap:8px 12px}.pdx-checkbox-link{color:var(--md-sys-color-primary);text-decoration:underline;text-underline-offset:2px}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox{display:block}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox-touch-target{width:40px;height:40px}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox .mdc-checkbox__ripple,.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox .mat-mdc-checkbox-ripple{opacity:0}.pdx-checkbox-group-wrapper ::ng-deep .mdc-label{line-height:1.5}.pdx-checkbox-boolean-control ::ng-deep .mdc-form-field{display:block}.pdx-checkbox-boolean-control ::ng-deep .mdc-label{display:none}.pdx-checkbox-option-control ::ng-deep .mdc-form-field{display:block}.pdx-checkbox-option-control ::ng-deep .mdc-label{display:none}:host(.pdx-checkbox-variant-consent) .pdx-checkbox-boolean-label{font-weight:600}:host(.pdx-checkbox-density-compact) .pdx-checkbox-boolean-shell,:host(.pdx-checkbox-density-compact) .pdx-checkbox-option-shell{column-gap:6px}:host(.pdx-checkbox-density-compact) .pdx-checkbox-boolean-content,:host(.pdx-checkbox-density-compact) .pdx-checkbox-option-content{gap:3px}:host(.pdx-checkbox-density-spacious) .pdx-checkbox-group-wrapper,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-fieldset,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-options{gap:14px}:host(.pdx-checkbox-density-spacious) .pdx-checkbox-boolean-shell,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-option-shell{column-gap:10px}.pdx-hint,.pdx-error{margin:0;font-size:.8rem;line-height:1.45}.pdx-hint{color:var(--md-sys-color-on-surface-variant)}.pdx-error{color:var(--md-sys-color-error)}\n"] }]
6637
+ }, styles: [":host{display:block;width:100%}.pdx-checkbox-group-wrapper{display:grid;gap:10px;width:100%;min-width:0;padding:6px 0 8px}.pdx-checkbox-fieldset{border:0;margin:0;padding:0;min-inline-size:0;display:grid;gap:10px}.pdx-checkbox-label{display:block;margin:0;color:var(--md-sys-color-on-surface);font-size:.95rem;font-weight:600;line-height:1.45}.pdx-checkbox-boolean-shell{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:8px;border-radius:var(--md-sys-shape-corner-medium, 12px)}.pdx-checkbox-boolean-shell-consent{padding:12px 14px;border:1px solid var(--pdx-checkbox-consent-border, var(--md-sys-color-outline-variant));border-radius:var(--pdx-checkbox-consent-radius, 16px);background:var( --pdx-checkbox-consent-background, color-mix(in srgb, var(--md-sys-color-surface-container-low, var(--md-sys-color-surface)) 82%, transparent) )}.pdx-checkbox-boolean-control-slot{display:flex;align-items:start;justify-content:center;padding-top:1px}.pdx-checkbox-options{display:grid;gap:10px}.pdx-checkbox-options.pdx-checkbox-horizontal{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}.pdx-checkbox-boolean-control{width:100%}.pdx-checkbox-boolean-content{display:grid;gap:6px;min-width:0;cursor:pointer}.pdx-checkbox-option-shell{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:8px;min-width:0;border-radius:var(--md-sys-shape-corner-medium, 12px);cursor:pointer}.pdx-checkbox-boolean-shell:focus-within,.pdx-checkbox-option-shell:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}.pdx-checkbox-option-disabled{cursor:not-allowed}.pdx-checkbox-option-control-slot{display:flex;align-items:start;justify-content:center;padding-top:1px}.pdx-checkbox-option-content{display:grid;gap:4px;min-width:0}.pdx-checkbox-option-label{color:var(--md-sys-color-on-surface);font-size:.95rem;line-height:1.5}.pdx-checkbox-option-description{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.45}.pdx-checkbox-boolean-label{cursor:pointer}.pdx-checkbox-description{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;line-height:1.5}.pdx-checkbox-links{display:flex;flex-wrap:wrap;gap:8px 12px}.pdx-checkbox-link{color:var(--md-sys-color-primary);text-decoration:underline;text-underline-offset:2px}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox{display:block}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox-touch-target{width:40px;height:40px}.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox .mdc-checkbox__ripple,.pdx-checkbox-group-wrapper ::ng-deep .mat-mdc-checkbox .mat-mdc-checkbox-ripple{opacity:0}.pdx-checkbox-group-wrapper ::ng-deep .mdc-label{line-height:1.5}.pdx-checkbox-boolean-control ::ng-deep .mdc-form-field{display:block}.pdx-checkbox-boolean-control ::ng-deep .mdc-label{display:none}.pdx-checkbox-option-control ::ng-deep .mdc-form-field{display:block}.pdx-checkbox-option-control ::ng-deep .mdc-label{display:none}:host(.pdx-checkbox-variant-consent) .pdx-checkbox-boolean-label{font-weight:600}:host(.pdx-checkbox-density-compact) .pdx-checkbox-boolean-shell,:host(.pdx-checkbox-density-compact) .pdx-checkbox-option-shell{column-gap:6px}:host(.pdx-checkbox-density-compact) .pdx-checkbox-boolean-content,:host(.pdx-checkbox-density-compact) .pdx-checkbox-option-content{gap:3px}:host(.pdx-checkbox-density-spacious) .pdx-checkbox-group-wrapper,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-fieldset,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-options{gap:14px}:host(.pdx-checkbox-density-spacious) .pdx-checkbox-boolean-shell,:host(.pdx-checkbox-density-spacious) .pdx-checkbox-option-shell{column-gap:10px}.pdx-hint,.pdx-error{margin:0;font-size:.8rem;line-height:1.45}.pdx-hint{color:var(--md-sys-color-on-surface-variant)}.pdx-error{color:var(--md-sys-color-error)}\n"] }]
6536
6638
  }], propDecorators: { readonlyMode: [{
6537
6639
  type: Input
6538
6640
  }], disabledMode: [{
@@ -6669,14 +6771,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
6669
6771
  class PraxisDateRangeShortcutsOverlayComponent {
6670
6772
  items = [];
6671
6773
  activeId = null;
6774
+ ariaLabel = 'Date range shortcuts';
6672
6775
  selectPreset = new EventEmitter();
6673
6776
  onClick(s) {
6674
6777
  if (!s.disabled)
6675
6778
  this.selectPreset.emit(s.id);
6676
6779
  }
6677
6780
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisDateRangeShortcutsOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6678
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisDateRangeShortcutsOverlayComponent, isStandalone: true, selector: "pdx-date-range-shortcuts-overlay", inputs: { items: "items", activeId: "activeId" }, outputs: { selectPreset: "selectPreset" }, ngImport: i0, template: `
6679
- <div class="pdx-date-range-panel" role="listbox" aria-label="Date range shortcuts" [attr.aria-activedescendant]="activeId || null">
6781
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisDateRangeShortcutsOverlayComponent, isStandalone: true, selector: "pdx-date-range-shortcuts-overlay", inputs: { items: "items", activeId: "activeId", ariaLabel: "ariaLabel" }, outputs: { selectPreset: "selectPreset" }, ngImport: i0, template: `
6782
+ <div class="pdx-date-range-panel" role="listbox" [attr.aria-label]="ariaLabel" [attr.aria-activedescendant]="activeId || null">
6680
6783
  <div class="pdx-shortcuts-list">
6681
6784
  @for (s of items; track s.id) {
6682
6785
  <button
@@ -6708,7 +6811,7 @@ class PraxisDateRangeShortcutsOverlayComponent {
6708
6811
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisDateRangeShortcutsOverlayComponent, decorators: [{
6709
6812
  type: Component,
6710
6813
  args: [{ selector: 'pdx-date-range-shortcuts-overlay', standalone: true, imports: [MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
6711
- <div class="pdx-date-range-panel" role="listbox" aria-label="Date range shortcuts" [attr.aria-activedescendant]="activeId || null">
6814
+ <div class="pdx-date-range-panel" role="listbox" [attr.aria-label]="ariaLabel" [attr.aria-activedescendant]="activeId || null">
6712
6815
  <div class="pdx-shortcuts-list">
6713
6816
  @for (s of items; track s.id) {
6714
6817
  <button
@@ -6740,6 +6843,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
6740
6843
  type: Input
6741
6844
  }], activeId: [{
6742
6845
  type: Input
6846
+ }], ariaLabel: [{
6847
+ type: Input
6743
6848
  }], selectPreset: [{
6744
6849
  type: Output
6745
6850
  }] } });
@@ -6786,6 +6891,7 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
6786
6891
  picker;
6787
6892
  endDateInput;
6788
6893
  shouldShowShortcuts = () => !!(this.metadata()?.showShortcuts);
6894
+ shortcutOverlayAriaLabel = computed(() => this.tDynamicFields('dateRange.shortcutsAriaLabel', 'Atalhos de período de datas'), ...(ngDevMode ? [{ debugName: "shortcutOverlayAriaLabel" }] : /* istanbul ignore next */ []));
6789
6895
  overlayPositions = () => {
6790
6896
  const preferredPosition = this.metadata()?.shortcutsPosition ?? 'auto';
6791
6897
  const below = this.shortcutOverlayBelowPositions();
@@ -7318,12 +7424,13 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
7318
7424
  <pdx-date-range-shortcuts-overlay
7319
7425
  [items]="shortcutItems()"
7320
7426
  [activeId]="activePresetId()"
7427
+ [ariaLabel]="shortcutOverlayAriaLabel()"
7321
7428
  (selectPreset)="onSelectPreset($event)"
7322
7429
  />
7323
7430
  </ng-template>
7324
7431
  }
7325
7432
  </div>
7326
- `, isInline: true, styles: ["::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-datepicker-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-datepicker-panel){z-index:var(--praxis-layer-popup, 1400)!important}@media(min-width:600px){::ng-deep .cdk-overlay-pane.mat-datepicker-dialog{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 96px)!important}::ng-deep .cdk-overlay-pane.mat-datepicker-dialog .mat-datepicker-content-touch,::ng-deep .pdx-datepicker-panel.mat-datepicker-content-touch{width:min(360px,calc(100vw - 32px))!important;height:auto!important;max-height:calc(100vh - 96px)!important}::ng-deep .cdk-overlay-pane.mat-datepicker-dialog .mat-datepicker-content-container,::ng-deep .cdk-overlay-pane.mat-datepicker-dialog .mat-calendar,::ng-deep .pdx-datepicker-panel.mat-datepicker-content-touch .mat-datepicker-content-container,::ng-deep .pdx-datepicker-panel.mat-datepicker-content-touch .mat-calendar{width:100%!important;height:auto!important;max-height:calc(100vh - 120px)!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: PraxisDateRangeShortcutsOverlayComponent, selector: "pdx-date-range-shortcuts-overlay", inputs: ["items", "activeId"], outputs: ["selectPreset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
7433
+ `, isInline: true, styles: ["::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-datepicker-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-datepicker-panel){z-index:var(--praxis-layer-popup, 1400)!important}@media(min-width:600px){::ng-deep .cdk-overlay-pane.mat-datepicker-dialog{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 96px)!important}::ng-deep .cdk-overlay-pane.mat-datepicker-dialog .mat-datepicker-content-touch,::ng-deep .pdx-datepicker-panel.mat-datepicker-content-touch{width:min(360px,calc(100vw - 32px))!important;height:auto!important;max-height:calc(100vh - 96px)!important}::ng-deep .cdk-overlay-pane.mat-datepicker-dialog .mat-datepicker-content-container,::ng-deep .cdk-overlay-pane.mat-datepicker-dialog .mat-calendar,::ng-deep .pdx-datepicker-panel.mat-datepicker-content-touch .mat-datepicker-content-container,::ng-deep .pdx-datepicker-panel.mat-datepicker-content-touch .mat-calendar{width:100%!important;height:auto!important;max-height:calc(100vh - 120px)!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: PraxisDateRangeShortcutsOverlayComponent, selector: "pdx-date-range-shortcuts-overlay", inputs: ["items", "activeId", "ariaLabel"], outputs: ["selectPreset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
7327
7434
  }
7328
7435
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialDateRangeComponent, decorators: [{
7329
7436
  type: Component,
@@ -7463,6 +7570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
7463
7570
  <pdx-date-range-shortcuts-overlay
7464
7571
  [items]="shortcutItems()"
7465
7572
  [activeId]="activePresetId()"
7573
+ [ariaLabel]="shortcutOverlayAriaLabel()"
7466
7574
  (selectPreset)="onSelectPreset($event)"
7467
7575
  />
7468
7576
  </ng-template>
@@ -8723,7 +8831,7 @@ const LoggerPresets = {
8723
8831
  }
8724
8832
  };
8725
8833
 
8726
- const EMPTY_DISPLAY = '-- Nao informado';
8834
+ const EMPTY_DISPLAY = '-- Não informado';
8727
8835
  function isISODate(v) {
8728
8836
  return /^\d{4}-\d{2}-\d{2}$/.test(v);
8729
8837
  }
@@ -8978,7 +9086,7 @@ function resolveFieldPresentation(field, value, options) {
8978
9086
  const config = buildValuePresentationConfig(field, value);
8979
9087
  if (!config)
8980
9088
  return null;
8981
- const effectiveLocalization = mergeLocalization(options?.localization, buildLegacyFieldLocalization(field));
9089
+ const effectiveLocalization = mergeLocalization(mergeLocalization(buildLegacyFieldLocalization(field), field?.localization), options?.localization);
8982
9090
  const fallbackCurrencyCode = config.type === 'currency' && !config.currency?.code
8983
9091
  ? inferCurrencyCodeFromLocale(effectiveLocalization?.locale ||
8984
9092
  options?.surfaceLocale ||
@@ -8986,7 +9094,7 @@ function resolveFieldPresentation(field, value, options) {
8986
9094
  undefined)
8987
9095
  : undefined;
8988
9096
  return resolveValuePresentation(config, {
8989
- valueLocale: resolveFieldLocale(field),
9097
+ valueLocale: effectiveLocalization?.locale,
8990
9098
  localization: fallbackCurrencyCode
8991
9099
  ? mergeLocalization(effectiveLocalization, {
8992
9100
  ...(effectiveLocalization?.locale ? { locale: effectiveLocalization.locale } : {}),
@@ -9270,7 +9378,7 @@ function formatBooleanPresentation(value, locale) {
9270
9378
  function resolveBooleanLabels(locale) {
9271
9379
  const normalized = String(locale || '').trim().toLowerCase();
9272
9380
  if (normalized.startsWith('pt')) {
9273
- return ['Sim', 'Nao'];
9381
+ return ['Sim', 'Não'];
9274
9382
  }
9275
9383
  if (normalized.startsWith('es')) {
9276
9384
  return ['Si', 'No'];
@@ -9643,7 +9751,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
9643
9751
  * project additional chrome around the field.
9644
9752
  */
9645
9753
  class FieldShellComponent {
9646
- hostLocale = inject(LOCALE_ID, { optional: true }) ?? 'en-US';
9754
+ angularLocale = inject(LOCALE_ID, { optional: true }) ?? 'en-US';
9755
+ i18n = inject(PraxisI18nService, { optional: true });
9647
9756
  cdr = inject(ChangeDetectorRef);
9648
9757
  optionDisplayResolver = inject(OptionDisplayResolverService);
9649
9758
  crudService = inject(GenericCrudService, {
@@ -9812,7 +9921,7 @@ class FieldShellComponent {
9812
9921
  const formatted = typeof fn === 'function'
9813
9922
  ? fn(raw)
9814
9923
  : formatDisplayValue(this.field, raw, {
9815
- appLocale: this.hostLocale,
9924
+ appLocale: this.resolvePresentationAppLocale(),
9816
9925
  surfaceLocale: this.field?.localization?.locale ?? this.field?.locale ?? undefined,
9817
9926
  localization: this.field?.localization ?? undefined,
9818
9927
  });
@@ -9820,7 +9929,7 @@ class FieldShellComponent {
9820
9929
  }
9821
9930
  catch {
9822
9931
  return formatDisplayValue(this.field, raw, {
9823
- appLocale: this.hostLocale,
9932
+ appLocale: this.resolvePresentationAppLocale(),
9824
9933
  surfaceLocale: this.field?.localization?.locale ?? this.field?.locale ?? undefined,
9825
9934
  localization: this.field?.localization ?? undefined,
9826
9935
  });
@@ -9838,14 +9947,14 @@ class FieldShellComponent {
9838
9947
  : null;
9839
9948
  const val = formatted == null ? raw : formatted;
9840
9949
  return formatDisplayHtml(this.field, val, {
9841
- appLocale: this.hostLocale,
9950
+ appLocale: this.resolvePresentationAppLocale(),
9842
9951
  surfaceLocale: this.field?.localization?.locale ?? this.field?.locale ?? undefined,
9843
9952
  localization: this.field?.localization ?? undefined,
9844
9953
  });
9845
9954
  }
9846
9955
  catch {
9847
9956
  return formatDisplayHtml(this.field, raw, {
9848
- appLocale: this.hostLocale,
9957
+ appLocale: this.resolvePresentationAppLocale(),
9849
9958
  surfaceLocale: this.field?.localization?.locale ?? this.field?.locale ?? undefined,
9850
9959
  localization: this.field?.localization ?? undefined,
9851
9960
  });
@@ -9943,6 +10052,14 @@ class FieldShellComponent {
9943
10052
  const value = String(position ?? '').trim().toLowerCase();
9944
10053
  return ['end', 'right', 'after', 'suffix', 'trailing'].includes(value);
9945
10054
  }
10055
+ resolvePresentationAppLocale() {
10056
+ const praxisLocale = this.i18n?.getLocale()?.trim();
10057
+ if (praxisLocale) {
10058
+ return praxisLocale;
10059
+ }
10060
+ const angularLocale = this.angularLocale?.trim();
10061
+ return angularLocale || 'en-US';
10062
+ }
9946
10063
  refreshPresentationDisplayValue() {
9947
10064
  this.resolveSub?.unsubscribe();
9948
10065
  this.resolveSub = undefined;
@@ -12193,12 +12310,18 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12193
12310
  return of(void 0);
12194
12311
  }
12195
12312
  const term = this.termControl.value || '';
12313
+ const optionSource = this.optionSource();
12196
12314
  const filter = { ...this.filterCriteria() };
12197
- if (term && !this.optionSource()) {
12315
+ if (term && !optionSource) {
12198
12316
  filter[this.optionLabelKey()] = term;
12199
12317
  }
12200
12318
  const selected = this.getSelectedIds();
12201
- const include = reset && !this.useCursor && selected.length ? { includeIds: selected } : undefined;
12319
+ const include = reset &&
12320
+ !this.useCursor &&
12321
+ selected.length &&
12322
+ (!optionSource || optionSource.includeIds === true)
12323
+ ? { includeIds: selected }
12324
+ : undefined;
12202
12325
  const observeVersion = reset;
12203
12326
  this.loading.set(true);
12204
12327
  if (reset) {
@@ -12224,7 +12347,6 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12224
12347
  }));
12225
12348
  }
12226
12349
  const page = this.pageIndex();
12227
- const optionSource = this.optionSource();
12228
12350
  const request$ = optionSource
12229
12351
  ? this.crudService.filterOptionSourceOptions(optionSource.key, filter, { pageNumber: page, pageSize: this.pageSize() }, {
12230
12352
  ...(include || {}),
@@ -12354,10 +12476,10 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12354
12476
  this.preloadSelected(selected);
12355
12477
  }
12356
12478
  missingOptionLabel(id) {
12357
- return this.tDynamicFields('select.missingOptionLabel', '', { id });
12479
+ return this.tDynamicFields('select.missingOptionLabel', 'Opção indisponível (#{{id}})', { id });
12358
12480
  }
12359
12481
  loadOptionsErrorLabel() {
12360
- return this.tDynamicFields('select.loadOptionsError', '');
12482
+ return this.tDynamicFields('select.loadOptionsError', 'Erro ao carregar opções.');
12361
12483
  }
12362
12484
  mapRemoteOption(option) {
12363
12485
  return {
@@ -13017,7 +13139,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
13017
13139
  }
13018
13140
  selectionLimitReachedText(maxSelections) {
13019
13141
  const max = Number(maxSelections ?? 0);
13020
- const template = this.tDynamicFields('entityLookup.selectionLimitReached', 'Limite de {max} selecoes atingido.', { max: Number.isFinite(max) && max > 0 ? max : 0 });
13142
+ const template = this.tDynamicFields('entityLookup.selectionLimitReached', 'Limite de {max} seleções atingido.', { max: Number.isFinite(max) && max > 0 ? max : 0 });
13021
13143
  return template.replace('{max}', String(Number.isFinite(max) && max > 0 ? max : 0));
13022
13144
  }
13023
13145
  onDetailAction(event, item) {
@@ -13187,7 +13309,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
13187
13309
  }
13188
13310
  resetOptionText() {
13189
13311
  const custom = String(this.metadata()?.resetLabel || '').trim();
13190
- return custom || 'Limpar selecao';
13312
+ return custom || 'Limpar seleção';
13191
13313
  }
13192
13314
  showQuickClear() {
13193
13315
  const clearCfg = this.currentMetadata().clearButton;
@@ -13291,7 +13413,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
13291
13413
  this.retry();
13292
13414
  }
13293
13415
  errorStateLabel() {
13294
- return this.error() || this.tDynamicFields('select.loadOptionsError', 'Erro ao carregar opcoes.');
13416
+ return this.error() || this.tDynamicFields('select.loadOptionsError', 'Erro ao carregar opções.');
13295
13417
  }
13296
13418
  dependencyStateLabel() {
13297
13419
  const dependencyLabels = this.missingDependencyLabels();
@@ -13362,7 +13484,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
13362
13484
  return this.tDynamicFields('entityLookup.sort.label', 'Ordenar por');
13363
13485
  }
13364
13486
  sortDefaultOptionText() {
13365
- return this.tDynamicFields('entityLookup.sort.default', 'Padrao');
13487
+ return this.tDynamicFields('entityLookup.sort.default', 'Padrão');
13366
13488
  }
13367
13489
  clearAllFiltersText() {
13368
13490
  return this.tDynamicFields('entityLookup.filter.clearAll', 'Limpar filtros');
@@ -14544,7 +14666,8 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
14544
14666
  (mousedown)="onTriggerIconMouseDown($event)"
14545
14667
  (click)="onQuickClear($event)"
14546
14668
  [attr.aria-label]="clearActionAriaLabel()"
14547
- >
14669
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
14670
+ >
14548
14671
  {{ clearActionText() }}
14549
14672
  </button>
14550
14673
  </span>
@@ -14711,6 +14834,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
14711
14834
  <button
14712
14835
  type="button"
14713
14836
  class="pdx-chip-clear"
14837
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
14714
14838
  (mousedown)="onTriggerIconMouseDown($event)"
14715
14839
  (click)="onQuickClear($event)"
14716
14840
  [attr.aria-label]="clearActionAriaLabel()"
@@ -15140,7 +15264,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
15140
15264
  (mousedown)="onTriggerIconMouseDown($event)"
15141
15265
  (click)="onQuickClear($event)"
15142
15266
  [attr.aria-label]="clearActionAriaLabel()"
15143
- >
15267
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
15268
+ >
15144
15269
  {{ clearActionText() }}
15145
15270
  </button>
15146
15271
  </span>
@@ -15307,6 +15432,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
15307
15432
  <button
15308
15433
  type="button"
15309
15434
  class="pdx-chip-clear"
15435
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
15310
15436
  (mousedown)="onTriggerIconMouseDown($event)"
15311
15437
  (click)="onQuickClear($event)"
15312
15438
  [attr.aria-label]="clearActionAriaLabel()"
@@ -17379,10 +17505,11 @@ class InlineInputComponent extends SimpleBaseInputComponent {
17379
17505
  matSuffix
17380
17506
  type="button"
17381
17507
  class="pdx-inline-clear"
17382
- (mousedown)="onTriggerIconMouseDown($event)"
17383
- (click)="onQuickClear($event)"
17384
- [attr.aria-label]="clearActionAriaLabel()"
17385
- >
17508
+ (mousedown)="onTriggerIconMouseDown($event)"
17509
+ (click)="onQuickClear($event)"
17510
+ [attr.aria-label]="clearActionAriaLabel()"
17511
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
17512
+ >
17386
17513
  <mat-icon
17387
17514
  [color]="iconPalette(clearIconColor())"
17388
17515
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -17461,10 +17588,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
17461
17588
  matSuffix
17462
17589
  type="button"
17463
17590
  class="pdx-inline-clear"
17464
- (mousedown)="onTriggerIconMouseDown($event)"
17465
- (click)="onQuickClear($event)"
17466
- [attr.aria-label]="clearActionAriaLabel()"
17467
- >
17591
+ (mousedown)="onTriggerIconMouseDown($event)"
17592
+ (click)="onQuickClear($event)"
17593
+ [attr.aria-label]="clearActionAriaLabel()"
17594
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
17595
+ >
17468
17596
  <mat-icon
17469
17597
  [color]="iconPalette(clearIconColor())"
17470
17598
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -17529,11 +17657,11 @@ function createInlinePhoneComponentMetadata(locale = 'en-US') {
17529
17657
  }
17530
17658
 
17531
17659
  /**
17532
- * Placeholder component for file upload fields.
17660
+ * Baseline file upload field.
17533
17661
  *
17534
- * Currently provides a simple `<input type="file">` element and basic
17535
- * ControlValueAccessor integration. A full-featured implementation will
17536
- * be provided in future iterations.
17662
+ * This component owns local file selection, validation and preview. Persisting
17663
+ * the selected file remains a host/backend concern; use @praxisui/files-upload
17664
+ * when the flow needs presign, progress, conflict policy or storage events.
17537
17665
  */
17538
17666
  class MaterialFileUploadComponent extends SimpleBaseInputComponent {
17539
17667
  // Praxis Field States
@@ -17541,13 +17669,55 @@ class MaterialFileUploadComponent extends SimpleBaseInputComponent {
17541
17669
  disabledMode = false;
17542
17670
  visible = true;
17543
17671
  presentationMode = false;
17672
+ selectedFiles = signal([], ...(ngDevMode ? [{ debugName: "selectedFiles" }] : /* istanbul ignore next */ []));
17673
+ previewUrl = signal(null, ...(ngDevMode ? [{ debugName: "previewUrl" }] : /* istanbul ignore next */ []));
17674
+ externalValueSyncSubscription = new Subscription();
17675
+ selectedSummaryText = computed(() => {
17676
+ const files = this.selectedFiles();
17677
+ if (!files.length) {
17678
+ return this.dynamicFieldsText('fileUpload.emptySummary', 'No file selected');
17679
+ }
17680
+ if (files.length === 1) {
17681
+ return files[0].name;
17682
+ }
17683
+ return this.dynamicFieldsText('fileUpload.multipleSummary', '{{count}} files selected', {
17684
+ count: files.length,
17685
+ });
17686
+ }, ...(ngDevMode ? [{ debugName: "selectedSummaryText" }] : /* istanbul ignore next */ []));
17687
+ selectedDetailText = computed(() => {
17688
+ const files = this.selectedFiles();
17689
+ if (!files.length)
17690
+ return '';
17691
+ const total = files.reduce((sum, file) => sum + file.size, 0);
17692
+ return this.formatBytes(total);
17693
+ }, ...(ngDevMode ? [{ debugName: "selectedDetailText" }] : /* istanbul ignore next */ []));
17544
17694
  /**
17545
17695
  * Updates the control value when the user selects a file.
17546
17696
  */
17547
17697
  onFileSelected(event) {
17548
17698
  const input = event.target;
17549
- const file = input.files?.[0] ?? null;
17550
- this.setValue(file);
17699
+ const files = Array.from(input.files ?? []);
17700
+ if (!files.length) {
17701
+ this.clearSelectedFiles({ resetInput: false });
17702
+ return;
17703
+ }
17704
+ const selected = this.allowsMultiple() ? files : files.slice(0, 1);
17705
+ const validationError = this.validateSelectedFiles(selected);
17706
+ if (validationError) {
17707
+ this.clearPreview();
17708
+ this.selectedFiles.set([]);
17709
+ this.setValue(this.allowsMultiple() ? [] : null, { emitEvent: true });
17710
+ this.applyFileError(validationError);
17711
+ input.value = '';
17712
+ return;
17713
+ }
17714
+ this.clearFileErrors();
17715
+ this.selectedFiles.set(selected);
17716
+ this.updatePreview(selected);
17717
+ this.setValue(this.allowsMultiple() ? selected : selected[0], { emitEvent: true });
17718
+ const control = this.control();
17719
+ control.markAsDirty();
17720
+ control.markAsTouched();
17551
17721
  }
17552
17722
  /**
17553
17723
  * Exposes metadata setter for integration with dynamic form loader.
@@ -17563,8 +17733,71 @@ class MaterialFileUploadComponent extends SimpleBaseInputComponent {
17563
17733
  allowsMultiple() {
17564
17734
  return this.metadataRecord()?.['multiple'] === true;
17565
17735
  }
17736
+ imagePreviewEnabled() {
17737
+ const metadata = this.metadataRecord();
17738
+ if (metadata?.['imagePreview'] === true)
17739
+ return true;
17740
+ if (metadata?.['preview'] === 'image')
17741
+ return true;
17742
+ const accept = this.fileAccept()?.toLowerCase() ?? '';
17743
+ return accept.includes('image/');
17744
+ }
17566
17745
  isInteractionDisabled() {
17567
- return this.disabledMode || this.readonlyMode || this.presentationMode;
17746
+ return this.isInteractionBlockedByState();
17747
+ }
17748
+ clearSelectedFiles(options = {}) {
17749
+ this.clearPreview();
17750
+ this.selectedFiles.set([]);
17751
+ this.clearFileErrors();
17752
+ this.setValue(this.allowsMultiple() ? [] : null, { emitEvent: true });
17753
+ const control = this.control();
17754
+ control.markAsDirty();
17755
+ control.markAsTouched();
17756
+ if (options.resetInput !== false) {
17757
+ const input = this.elementRef.nativeElement.querySelector('input[type="file"]');
17758
+ if (input)
17759
+ input.value = '';
17760
+ }
17761
+ }
17762
+ clearLabel() {
17763
+ return this.dynamicFieldsText('fileUpload.clearSelection', 'Clear');
17764
+ }
17765
+ clearAriaLabel() {
17766
+ return this.dynamicFieldsText('fileUpload.clearSelectionAriaLabel', 'Clear selected file');
17767
+ }
17768
+ selectedSummaryAriaLabel() {
17769
+ return this.dynamicFieldsText('fileUpload.selectedSummaryAriaLabel', 'Selected file');
17770
+ }
17771
+ fileInputDescribedBy() {
17772
+ const ids = [
17773
+ this.metadata()?.ariaDescribedby,
17774
+ this.hasValidationError() ? this.errorId() : null,
17775
+ this.metadata()?.hint && !this.hasValidationError() ? this.hintId() : null,
17776
+ ]
17777
+ .map((id) => (typeof id === 'string' ? id.trim() : ''))
17778
+ .filter(Boolean);
17779
+ return ids.length ? ids.join(' ') : null;
17780
+ }
17781
+ hintId() {
17782
+ return `${this.componentId()}-hint`;
17783
+ }
17784
+ errorId() {
17785
+ return `${this.componentId()}-error`;
17786
+ }
17787
+ previewAltText() {
17788
+ const label = this.metadataRecord()?.['previewAlt'];
17789
+ if (typeof label === 'string' && label.trim())
17790
+ return label.trim();
17791
+ return this.dynamicFieldsText('fileUpload.previewAlt', 'Selected image preview');
17792
+ }
17793
+ writeValue(value) {
17794
+ super.writeValue(value);
17795
+ this.syncSelectedFilesFromValue(value);
17796
+ }
17797
+ ngOnDestroy() {
17798
+ this.externalValueSyncSubscription.unsubscribe();
17799
+ this.clearPreview();
17800
+ super.ngOnDestroy();
17568
17801
  }
17569
17802
  /**
17570
17803
  * CSS classes specific to the file upload wrapper.
@@ -17572,12 +17805,168 @@ class MaterialFileUploadComponent extends SimpleBaseInputComponent {
17572
17805
  getSpecificCssClasses() {
17573
17806
  return ['pdx-material-file-upload'];
17574
17807
  }
17808
+ onActiveControlChanged(previousControl, currentControl) {
17809
+ super.onActiveControlChanged(previousControl, currentControl);
17810
+ this.externalValueSyncSubscription.unsubscribe();
17811
+ this.externalValueSyncSubscription = currentControl.valueChanges.subscribe((value) => {
17812
+ this.syncSelectedFilesFromValue(value);
17813
+ });
17814
+ this.syncSelectedFilesFromValue(currentControl.value);
17815
+ }
17575
17816
  metadataRecord() {
17576
17817
  const metadata = this.metadata();
17577
17818
  return metadata && typeof metadata === 'object'
17578
17819
  ? metadata
17579
17820
  : null;
17580
17821
  }
17822
+ updatePreview(files) {
17823
+ this.clearPreview();
17824
+ if (!this.imagePreviewEnabled())
17825
+ return;
17826
+ const image = files.find((file) => this.isImageFile(file));
17827
+ if (!image || typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function') {
17828
+ return;
17829
+ }
17830
+ this.previewUrl.set(URL.createObjectURL(image));
17831
+ }
17832
+ clearPreview() {
17833
+ const current = this.previewUrl();
17834
+ if (current && typeof URL !== 'undefined' && typeof URL.revokeObjectURL === 'function') {
17835
+ URL.revokeObjectURL(current);
17836
+ }
17837
+ this.previewUrl.set(null);
17838
+ }
17839
+ validateSelectedFiles(files) {
17840
+ const maxFileSize = this.maxFileSize();
17841
+ const maxFiles = this.maxFiles();
17842
+ if (maxFiles !== null && files.length > maxFiles) {
17843
+ return {
17844
+ key: 'maxFiles',
17845
+ message: this.dynamicFieldsText('validation.maxFiles', 'Too many files selected', {
17846
+ count: maxFiles,
17847
+ }),
17848
+ };
17849
+ }
17850
+ for (const file of files) {
17851
+ if (!this.isAcceptedFile(file)) {
17852
+ return {
17853
+ key: 'fileType',
17854
+ message: this.dynamicFieldsText('validation.fileType', 'File type is not allowed'),
17855
+ };
17856
+ }
17857
+ if (maxFileSize !== null && file.size > maxFileSize) {
17858
+ return {
17859
+ key: 'maxFileSize',
17860
+ message: this.dynamicFieldsText('validation.maxFileSize', 'File exceeds the maximum size'),
17861
+ };
17862
+ }
17863
+ }
17864
+ return null;
17865
+ }
17866
+ isAcceptedFile(file) {
17867
+ const accept = this.fileAccept();
17868
+ if (!accept)
17869
+ return true;
17870
+ const fileName = file.name.toLowerCase();
17871
+ const fileType = file.type.toLowerCase();
17872
+ return accept
17873
+ .split(',')
17874
+ .map((token) => token.trim().toLowerCase())
17875
+ .filter(Boolean)
17876
+ .some((token) => {
17877
+ if (token === '*/*')
17878
+ return true;
17879
+ if (token === 'image/*')
17880
+ return fileType.startsWith('image/') || this.hasKnownImageExtension(fileName);
17881
+ if (token.endsWith('/*'))
17882
+ return fileType.startsWith(token.slice(0, -1));
17883
+ if (token.startsWith('.'))
17884
+ return fileName.endsWith(token);
17885
+ return fileType === token;
17886
+ });
17887
+ }
17888
+ maxFileSize() {
17889
+ const raw = this.metadataRecord()?.['maxFileSize'];
17890
+ const value = typeof raw === 'number' ? raw : Number(raw);
17891
+ return Number.isFinite(value) && value > 0 ? value : null;
17892
+ }
17893
+ maxFiles() {
17894
+ const raw = this.metadataRecord()?.['maxFiles'];
17895
+ const value = typeof raw === 'number' ? raw : Number(raw);
17896
+ return Number.isInteger(value) && value > 0 ? value : null;
17897
+ }
17898
+ applyFileError(error) {
17899
+ const control = this.control();
17900
+ const current = control.errors ?? {};
17901
+ control.setErrors({
17902
+ ...current,
17903
+ [error.key]: { message: error.message },
17904
+ });
17905
+ control.markAsDirty();
17906
+ control.markAsTouched();
17907
+ }
17908
+ clearFileErrors() {
17909
+ const control = this.control();
17910
+ const current = control.errors;
17911
+ if (!current)
17912
+ return;
17913
+ const { fileType: _fileType, maxFileSize: _maxFileSize, maxFiles: _maxFiles, ...rest } = current;
17914
+ control.setErrors(Object.keys(rest).length ? rest : null);
17915
+ }
17916
+ syncSelectedFilesFromValue(value) {
17917
+ const files = this.extractFilesFromValue(value);
17918
+ this.selectedFiles.set(files);
17919
+ this.updatePreview(files);
17920
+ }
17921
+ extractFilesFromValue(value) {
17922
+ if (!value)
17923
+ return [];
17924
+ if (this.isFile(value))
17925
+ return [value];
17926
+ if (Array.isArray(value))
17927
+ return value.filter((item) => this.isFile(item));
17928
+ return [];
17929
+ }
17930
+ isFile(value) {
17931
+ return typeof File !== 'undefined' && value instanceof File;
17932
+ }
17933
+ isImageFile(file) {
17934
+ return file.type.toLowerCase().startsWith('image/') || this.hasKnownImageExtension(file.name.toLowerCase());
17935
+ }
17936
+ hasKnownImageExtension(fileName) {
17937
+ return [
17938
+ '.apng',
17939
+ '.avif',
17940
+ '.bmp',
17941
+ '.gif',
17942
+ '.jpeg',
17943
+ '.jpg',
17944
+ '.png',
17945
+ '.svg',
17946
+ '.webp',
17947
+ ].some((extension) => fileName.endsWith(extension));
17948
+ }
17949
+ formatBytes(bytes) {
17950
+ const units = [
17951
+ this.dynamicFieldsText('fileUpload.sizeUnitBytes', 'B'),
17952
+ this.dynamicFieldsText('fileUpload.sizeUnitKb', 'KB'),
17953
+ this.dynamicFieldsText('fileUpload.sizeUnitMb', 'MB'),
17954
+ this.dynamicFieldsText('fileUpload.sizeUnitGb', 'GB'),
17955
+ ];
17956
+ if (!Number.isFinite(bytes) || bytes <= 0)
17957
+ return `0 ${units[0]}`;
17958
+ let value = bytes;
17959
+ let index = 0;
17960
+ while (value >= 1024 && index < units.length - 1) {
17961
+ value /= 1024;
17962
+ index += 1;
17963
+ }
17964
+ const rounded = value >= 10 || index === 0 ? Math.round(value) : Math.round(value * 10) / 10;
17965
+ return `${rounded} ${units[index]}`;
17966
+ }
17967
+ dynamicFieldsText(keySuffix, fallback, params) {
17968
+ return this.i18n.t(`praxis.dynamicFields.${keySuffix}`, params, fallback, 'dynamicFields');
17969
+ }
17581
17970
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
17582
17971
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialFileUploadComponent, isStandalone: true, selector: "pdx-material-file-upload", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.data-field-type": "\"file-upload\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
17583
17972
  {
@@ -17600,24 +17989,51 @@ class MaterialFileUploadComponent extends SimpleBaseInputComponent {
17600
17989
  [attr.accept]="fileAccept()"
17601
17990
  [attr.multiple]="allowsMultiple() ? '' : null"
17602
17991
  [disabled]="isInteractionDisabled()"
17603
- [attr.aria-disabled]="disabledMode ? 'true' : null"
17992
+ [attr.aria-disabled]="isInteractionDisabled() ? 'true' : null"
17993
+ [attr.aria-describedby]="fileInputDescribedBy()"
17994
+ [attr.aria-invalid]="hasValidationError() ? 'true' : null"
17995
+ [attr.aria-label]="inputAriaLabel()"
17604
17996
  />
17997
+ @if (selectedFiles().length) {
17998
+ <div
17999
+ class="pdx-file-upload__selection"
18000
+ aria-live="polite"
18001
+ [attr.aria-label]="selectedSummaryAriaLabel()"
18002
+ >
18003
+ @if (previewUrl()) {
18004
+ <img
18005
+ class="pdx-file-upload__preview"
18006
+ [src]="previewUrl()!"
18007
+ [attr.alt]="previewAltText()"
18008
+ />
18009
+ }
18010
+ <div class="pdx-file-upload__summary">
18011
+ <span class="pdx-file-upload__summary-title">{{ selectedSummaryText() }}</span>
18012
+ <span class="pdx-file-upload__summary-detail">{{ selectedDetailText() }}</span>
18013
+ </div>
18014
+ <button
18015
+ class="pdx-file-upload__clear"
18016
+ type="button"
18017
+ [disabled]="isInteractionDisabled()"
18018
+ [attr.aria-label]="clearAriaLabel()"
18019
+ (click)="clearSelectedFiles()"
18020
+ >
18021
+ {{ clearLabel() }}
18022
+ </button>
18023
+ </div>
18024
+ }
17605
18025
  @if (hasValidationError()) {
17606
- <div class="error">{{ errorMessage() }}</div>
18026
+ <div class="error" [attr.id]="errorId()">{{ errorMessage() }}</div>
17607
18027
  }
17608
18028
  @if (metadata()?.hint && !hasValidationError()) {
17609
- <div class="hint">{{ metadata()!.hint }}</div>
18029
+ <div class="hint" [attr.id]="hintId()">{{ metadata()!.hint }}</div>
17610
18030
  }
17611
18031
  </div>
17612
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
18032
+ `, isInline: true, styles: [".pdx-file-upload{display:flex;flex-direction:column;gap:8px}.pdx-file-upload label{font-size:12px;font-weight:500;line-height:1.25;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87))}.pdx-file-upload input[type=file]{max-width:100%}.pdx-file-upload__selection{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .16));border-radius:8px;background:var(--md-sys-color-surface-container-low, rgba(0, 0, 0, .03))}.pdx-file-upload__preview{width:48px;height:48px;border-radius:9999px;object-fit:cover;flex:0 0 48px;border:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .16))}.pdx-file-upload__summary{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:2px}.pdx-file-upload__summary-title,.pdx-file-upload__summary-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-file-upload__summary-title{font-size:13px;font-weight:600;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87))}.pdx-file-upload__summary-detail,.hint{font-size:12px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6))}.pdx-file-upload__clear{border:0;background:transparent;color:var(--md-sys-color-primary, #6750a4);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:6px}.pdx-file-upload__clear:disabled{cursor:default;opacity:.5}.error{color:var(--md-sys-color-error, #b3261e);font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
17613
18033
  }
17614
18034
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialFileUploadComponent, decorators: [{
17615
18035
  type: Component,
17616
- args: [{
17617
- selector: 'pdx-material-file-upload',
17618
- standalone: true,
17619
- imports: [ReactiveFormsModule, MatTooltipModule],
17620
- template: `
18036
+ args: [{ selector: 'pdx-material-file-upload', standalone: true, imports: [ReactiveFormsModule, MatTooltipModule], template: `
17621
18037
  <div
17622
18038
  class="pdx-file-upload"
17623
18039
  [matTooltip]="tooltipEnabled() ? errorMessage() : null"
@@ -17632,24 +18048,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
17632
18048
  [attr.accept]="fileAccept()"
17633
18049
  [attr.multiple]="allowsMultiple() ? '' : null"
17634
18050
  [disabled]="isInteractionDisabled()"
17635
- [attr.aria-disabled]="disabledMode ? 'true' : null"
18051
+ [attr.aria-disabled]="isInteractionDisabled() ? 'true' : null"
18052
+ [attr.aria-describedby]="fileInputDescribedBy()"
18053
+ [attr.aria-invalid]="hasValidationError() ? 'true' : null"
18054
+ [attr.aria-label]="inputAriaLabel()"
17636
18055
  />
18056
+ @if (selectedFiles().length) {
18057
+ <div
18058
+ class="pdx-file-upload__selection"
18059
+ aria-live="polite"
18060
+ [attr.aria-label]="selectedSummaryAriaLabel()"
18061
+ >
18062
+ @if (previewUrl()) {
18063
+ <img
18064
+ class="pdx-file-upload__preview"
18065
+ [src]="previewUrl()!"
18066
+ [attr.alt]="previewAltText()"
18067
+ />
18068
+ }
18069
+ <div class="pdx-file-upload__summary">
18070
+ <span class="pdx-file-upload__summary-title">{{ selectedSummaryText() }}</span>
18071
+ <span class="pdx-file-upload__summary-detail">{{ selectedDetailText() }}</span>
18072
+ </div>
18073
+ <button
18074
+ class="pdx-file-upload__clear"
18075
+ type="button"
18076
+ [disabled]="isInteractionDisabled()"
18077
+ [attr.aria-label]="clearAriaLabel()"
18078
+ (click)="clearSelectedFiles()"
18079
+ >
18080
+ {{ clearLabel() }}
18081
+ </button>
18082
+ </div>
18083
+ }
17637
18084
  @if (hasValidationError()) {
17638
- <div class="error">{{ errorMessage() }}</div>
18085
+ <div class="error" [attr.id]="errorId()">{{ errorMessage() }}</div>
17639
18086
  }
17640
18087
  @if (metadata()?.hint && !hasValidationError()) {
17641
- <div class="hint">{{ metadata()!.hint }}</div>
18088
+ <div class="hint" [attr.id]="hintId()">{{ metadata()!.hint }}</div>
17642
18089
  }
17643
18090
  </div>
17644
- `,
17645
- providers: [
18091
+ `, providers: [
17646
18092
  {
17647
18093
  provide: NG_VALUE_ACCESSOR,
17648
18094
  useExisting: forwardRef(() => MaterialFileUploadComponent),
17649
18095
  multi: true,
17650
18096
  },
17651
- ],
17652
- host: {
18097
+ ], host: {
17653
18098
  '[class]': 'componentCssClasses()',
17654
18099
  '[class.praxis-disabled]': 'disabledMode',
17655
18100
  '[style.display]': 'visible ? null : "none"',
@@ -17657,8 +18102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
17657
18102
  '[attr.data-field-type]': '"file-upload"',
17658
18103
  '[attr.data-field-name]': 'metadata()?.name',
17659
18104
  '[attr.data-component-id]': 'componentId()',
17660
- },
17661
- }]
18105
+ }, styles: [".pdx-file-upload{display:flex;flex-direction:column;gap:8px}.pdx-file-upload label{font-size:12px;font-weight:500;line-height:1.25;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87))}.pdx-file-upload input[type=file]{max-width:100%}.pdx-file-upload__selection{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .16));border-radius:8px;background:var(--md-sys-color-surface-container-low, rgba(0, 0, 0, .03))}.pdx-file-upload__preview{width:48px;height:48px;border-radius:9999px;object-fit:cover;flex:0 0 48px;border:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .16))}.pdx-file-upload__summary{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:2px}.pdx-file-upload__summary-title,.pdx-file-upload__summary-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-file-upload__summary-title{font-size:13px;font-weight:600;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87))}.pdx-file-upload__summary-detail,.hint{font-size:12px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6))}.pdx-file-upload__clear{border:0;background:transparent;color:var(--md-sys-color-primary, #6750a4);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:6px}.pdx-file-upload__clear:disabled{cursor:default;opacity:.5}.error{color:var(--md-sys-color-error, #b3261e);font-size:12px}\n"] }]
17662
18106
  }], propDecorators: { readonlyMode: [{
17663
18107
  type: Input
17664
18108
  }], disabledMode: [{
@@ -17888,7 +18332,7 @@ class MaterialRadioGroupComponent extends SimpleBaseSelectComponent {
17888
18332
  <div class="pdx-hint" [id]="radioHintId()">{{ metadata()!.hint }}</div>
17889
18333
  }
17890
18334
  </div>
17891
- `, isInline: true, styles: [".pdx-radio-group-wrapper{display:grid;gap:10px;width:100%;min-width:0;padding:6px 0 8px}.pdx-radio-label{display:block;margin:0;color:var(--md-sys-color-on-surface);font-size:.95rem;font-weight:600;line-height:1.45}.pdx-radio-group{width:100%;min-width:0}.pdx-radio-group.pdx-radio-horizontal{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}.pdx-radio-group.pdx-radio-vertical{display:grid;gap:10px;justify-items:start}.pdx-radio-group ::ng-deep .mat-mdc-radio-button{margin:0}.pdx-hint,.pdx-error{margin:0;font-size:.8rem;line-height:1.45}.pdx-hint{color:var(--md-sys-color-on-surface-variant)}.pdx-error{color:var(--md-sys-color-error)}:host{display:block;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
18335
+ `, isInline: true, styles: [".pdx-radio-group-wrapper{display:grid;gap:10px;width:100%;min-width:0;padding:6px 0 8px}.pdx-radio-label{display:block;margin:0;color:var(--md-sys-color-on-surface);font-size:.95rem;font-weight:600;line-height:1.45}.pdx-radio-group{width:100%;min-width:0}.pdx-radio-group.pdx-radio-horizontal{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}.pdx-radio-group.pdx-radio-vertical{display:grid;gap:10px;justify-items:start}.pdx-radio-group ::ng-deep .mat-mdc-radio-button{border-radius:var(--md-sys-shape-corner-medium, 12px);margin:0}.pdx-radio-group ::ng-deep .mat-mdc-radio-button:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}.pdx-hint,.pdx-error{margin:0;font-size:.8rem;line-height:1.45}.pdx-hint{color:var(--md-sys-color-on-surface-variant)}.pdx-error{color:var(--md-sys-color-error)}:host{display:block;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
17892
18336
  }
17893
18337
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialRadioGroupComponent, decorators: [{
17894
18338
  type: Component,
@@ -17960,7 +18404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
17960
18404
  '[attr.data-field-type]': '"radio"',
17961
18405
  '[attr.data-field-name]': 'metadata()?.name',
17962
18406
  '[attr.data-component-id]': 'componentId()',
17963
- }, styles: [".pdx-radio-group-wrapper{display:grid;gap:10px;width:100%;min-width:0;padding:6px 0 8px}.pdx-radio-label{display:block;margin:0;color:var(--md-sys-color-on-surface);font-size:.95rem;font-weight:600;line-height:1.45}.pdx-radio-group{width:100%;min-width:0}.pdx-radio-group.pdx-radio-horizontal{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}.pdx-radio-group.pdx-radio-vertical{display:grid;gap:10px;justify-items:start}.pdx-radio-group ::ng-deep .mat-mdc-radio-button{margin:0}.pdx-hint,.pdx-error{margin:0;font-size:.8rem;line-height:1.45}.pdx-hint{color:var(--md-sys-color-on-surface-variant)}.pdx-error{color:var(--md-sys-color-error)}:host{display:block;width:100%}\n"] }]
18407
+ }, styles: [".pdx-radio-group-wrapper{display:grid;gap:10px;width:100%;min-width:0;padding:6px 0 8px}.pdx-radio-label{display:block;margin:0;color:var(--md-sys-color-on-surface);font-size:.95rem;font-weight:600;line-height:1.45}.pdx-radio-group{width:100%;min-width:0}.pdx-radio-group.pdx-radio-horizontal{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}.pdx-radio-group.pdx-radio-vertical{display:grid;gap:10px;justify-items:start}.pdx-radio-group ::ng-deep .mat-mdc-radio-button{border-radius:var(--md-sys-shape-corner-medium, 12px);margin:0}.pdx-radio-group ::ng-deep .mat-mdc-radio-button:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}.pdx-hint,.pdx-error{margin:0;font-size:.8rem;line-height:1.45}.pdx-hint{color:var(--md-sys-color-on-surface-variant)}.pdx-error{color:var(--md-sys-color-error)}:host{display:block;width:100%}\n"] }]
17964
18408
  }], propDecorators: { readonlyMode: [{
17965
18409
  type: Input
17966
18410
  }], disabledMode: [{
@@ -18527,7 +18971,7 @@ class MaterialSlideToggleComponent extends SimpleBaseInputComponent {
18527
18971
  <div class="pdx-hint">{{ metadata()!.hint }}</div>
18528
18972
  }
18529
18973
  </div>
18530
- `, isInline: true, styles: [".pdx-slide-toggle-wrapper{display:flex;align-items:center;width:100%;min-height:56px;padding:4px 0}:host{display:block;width:100%}mat-slide-toggle{width:100%}\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: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
18974
+ `, isInline: true, styles: [".pdx-slide-toggle-wrapper{display:flex;align-items:center;width:100%;min-height:56px;padding:4px 0;border-radius:var(--md-sys-shape-corner-large, 16px)}.pdx-slide-toggle-wrapper:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}:host{display:block;width:100%}mat-slide-toggle{width:100%}\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: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
18531
18975
  }
18532
18976
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSlideToggleComponent, decorators: [{
18533
18977
  type: Component,
@@ -18585,7 +19029,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
18585
19029
  '[attr.data-field-type]': '"toggle"',
18586
19030
  '[attr.data-field-name]': 'metadata()?.name',
18587
19031
  '[attr.data-component-id]': 'componentId()',
18588
- }, styles: [".pdx-slide-toggle-wrapper{display:flex;align-items:center;width:100%;min-height:56px;padding:4px 0}:host{display:block;width:100%}mat-slide-toggle{width:100%}\n"] }]
19032
+ }, styles: [".pdx-slide-toggle-wrapper{display:flex;align-items:center;width:100%;min-height:56px;padding:4px 0;border-radius:var(--md-sys-shape-corner-large, 16px)}.pdx-slide-toggle-wrapper:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}:host{display:block;width:100%}mat-slide-toggle{width:100%}\n"] }]
18589
19033
  }], propDecorators: { readonlyMode: [{
18590
19034
  type: Input
18591
19035
  }], disabledMode: [{
@@ -21782,7 +22226,7 @@ class DatetimeLocalInputComponent extends SimpleBaseInputComponent {
21782
22226
  if (!errors)
21783
22227
  return '';
21784
22228
  if (errors['required'])
21785
- return 'Campo obrigatório';
22229
+ return this.tDynamicFields('validation.required', 'Campo obrigatório');
21786
22230
  if (errors['min']) {
21787
22231
  return validators.minMessage || `Data mínima: ${min}`;
21788
22232
  }
@@ -21790,7 +22234,7 @@ class DatetimeLocalInputComponent extends SimpleBaseInputComponent {
21790
22234
  return validators.maxMessage || `Data máxima: ${max}`;
21791
22235
  }
21792
22236
  if (errors['pattern']) {
21793
- return 'Formato inválido';
22237
+ return this.tDynamicFields('validation.pattern', 'Formato inválido');
21794
22238
  }
21795
22239
  return '';
21796
22240
  }, ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
@@ -25077,10 +25521,11 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
25077
25521
  <button
25078
25522
  type="button"
25079
25523
  class="pdx-chip-clear"
25080
- (mousedown)="onTriggerIconMouseDown($event)"
25081
- (click)="onQuickClear($event)"
25082
- [attr.aria-label]="clearActionAriaLabel()"
25083
- >
25524
+ (mousedown)="onTriggerIconMouseDown($event)"
25525
+ (click)="onQuickClear($event)"
25526
+ [attr.aria-label]="clearActionAriaLabel()"
25527
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
25528
+ >
25084
25529
  <span
25085
25530
  class="pdx-chip-clear-icon"
25086
25531
  aria-hidden="true"
@@ -25216,10 +25661,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
25216
25661
  <button
25217
25662
  type="button"
25218
25663
  class="pdx-chip-clear"
25219
- (mousedown)="onTriggerIconMouseDown($event)"
25220
- (click)="onQuickClear($event)"
25221
- [attr.aria-label]="clearActionAriaLabel()"
25222
- >
25664
+ (mousedown)="onTriggerIconMouseDown($event)"
25665
+ (click)="onQuickClear($event)"
25666
+ [attr.aria-label]="clearActionAriaLabel()"
25667
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
25668
+ >
25223
25669
  <span
25224
25670
  class="pdx-chip-clear-icon"
25225
25671
  aria-hidden="true"
@@ -26271,10 +26717,11 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
26271
26717
  <button
26272
26718
  type="button"
26273
26719
  class="pdx-chip-clear"
26274
- (mousedown)="onTriggerIconMouseDown($event)"
26275
- (click)="onQuickClear($event)"
26276
- [attr.aria-label]="clearActionAriaLabel()"
26277
- >
26720
+ (mousedown)="onTriggerIconMouseDown($event)"
26721
+ (click)="onQuickClear($event)"
26722
+ [attr.aria-label]="clearActionAriaLabel()"
26723
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
26724
+ >
26278
26725
  <span
26279
26726
  class="pdx-chip-clear-icon"
26280
26727
  aria-hidden="true"
@@ -26432,10 +26879,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
26432
26879
  <button
26433
26880
  type="button"
26434
26881
  class="pdx-chip-clear"
26435
- (mousedown)="onTriggerIconMouseDown($event)"
26436
- (click)="onQuickClear($event)"
26437
- [attr.aria-label]="clearActionAriaLabel()"
26438
- >
26882
+ (mousedown)="onTriggerIconMouseDown($event)"
26883
+ (click)="onQuickClear($event)"
26884
+ [attr.aria-label]="clearActionAriaLabel()"
26885
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
26886
+ >
26439
26887
  <span
26440
26888
  class="pdx-chip-clear-icon"
26441
26889
  aria-hidden="true"
@@ -26885,10 +27333,11 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
26885
27333
  <button
26886
27334
  type="button"
26887
27335
  class="pdx-chip-clear"
26888
- (mousedown)="onTriggerIconMouseDown($event)"
26889
- (click)="onQuickClear($event)"
26890
- [attr.aria-label]="clearActionAriaLabel()"
26891
- >
27336
+ (mousedown)="onTriggerIconMouseDown($event)"
27337
+ (click)="onQuickClear($event)"
27338
+ [attr.aria-label]="clearActionAriaLabel()"
27339
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
27340
+ >
26892
27341
  <mat-icon
26893
27342
  [color]="iconPalette(clearIconColor())"
26894
27343
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -27046,10 +27495,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27046
27495
  <button
27047
27496
  type="button"
27048
27497
  class="pdx-chip-clear"
27049
- (mousedown)="onTriggerIconMouseDown($event)"
27050
- (click)="onQuickClear($event)"
27051
- [attr.aria-label]="clearActionAriaLabel()"
27052
- >
27498
+ (mousedown)="onTriggerIconMouseDown($event)"
27499
+ (click)="onQuickClear($event)"
27500
+ [attr.aria-label]="clearActionAriaLabel()"
27501
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
27502
+ >
27053
27503
  <mat-icon
27054
27504
  [color]="iconPalette(clearIconColor())"
27055
27505
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -27453,7 +27903,7 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
27453
27903
  }
27454
27904
  usesExplicitApplyMode() {
27455
27905
  const mode = String((this.metadata()?.inlineOverlay?.applyMode) || '').trim().toLowerCase();
27456
- return mode === 'explicit' || mode === 'confirm';
27906
+ return mode === 'explicit';
27457
27907
  }
27458
27908
  inlineOverlayAction(name) {
27459
27909
  const action = this.metadata()?.inlineOverlay?.actions?.[name];
@@ -27676,10 +28126,11 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
27676
28126
  <button
27677
28127
  type="button"
27678
28128
  class="pdx-chip-clear"
27679
- (mousedown)="onTriggerIconMouseDown($event)"
27680
- (click)="onQuickClear($event)"
27681
- [attr.aria-label]="clearActionAriaLabel()"
27682
- >
28129
+ (mousedown)="onTriggerIconMouseDown($event)"
28130
+ (click)="onQuickClear($event)"
28131
+ [attr.aria-label]="clearActionAriaLabel()"
28132
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
28133
+ >
27683
28134
  <span
27684
28135
  class="pdx-chip-clear-icon"
27685
28136
  aria-hidden="true"
@@ -27909,10 +28360,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27909
28360
  <button
27910
28361
  type="button"
27911
28362
  class="pdx-chip-clear"
27912
- (mousedown)="onTriggerIconMouseDown($event)"
27913
- (click)="onQuickClear($event)"
27914
- [attr.aria-label]="clearActionAriaLabel()"
27915
- >
28363
+ (mousedown)="onTriggerIconMouseDown($event)"
28364
+ (click)="onQuickClear($event)"
28365
+ [attr.aria-label]="clearActionAriaLabel()"
28366
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
28367
+ >
27916
28368
  <span
27917
28369
  class="pdx-chip-clear-icon"
27918
28370
  aria-hidden="true"
@@ -28113,10 +28565,10 @@ class MaterialAutocompleteComponent extends SimpleBaseSelectComponent {
28113
28565
  if (typeof meta?.name === 'string' && meta.name.trim().length) {
28114
28566
  return meta.name.trim();
28115
28567
  }
28116
- return this.tDynamicFields('autocomplete.inputAriaLabel', '');
28568
+ return this.tDynamicFields('autocomplete.inputAriaLabel', 'Autocomplete');
28117
28569
  }
28118
28570
  noResultsLabel() {
28119
- return this.tDynamicFields('autocomplete.noResults', '');
28571
+ return this.tDynamicFields('autocomplete.noResults', 'Nenhum resultado');
28120
28572
  }
28121
28573
  onSearchInputEvent(event) {
28122
28574
  const term = event.target instanceof HTMLInputElement ? event.target.value : '';
@@ -28277,10 +28729,10 @@ class MaterialAutocompleteComponent extends SimpleBaseSelectComponent {
28277
28729
  return undefined;
28278
28730
  }
28279
28731
  missingOptionLabel(id) {
28280
- return this.tDynamicFields('select.missingOptionLabel', '', { id });
28732
+ return this.tDynamicFields('select.missingOptionLabel', 'Opção indisponível (#{{id}})', { id });
28281
28733
  }
28282
28734
  loadOptionsErrorLabel() {
28283
- return this.tDynamicFields('select.loadOptionsError', '');
28735
+ return this.tDynamicFields('select.loadOptionsError', 'Erro ao carregar opções.');
28284
28736
  }
28285
28737
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
28286
28738
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialAutocompleteComponent, isStandalone: true, selector: "pdx-material-autocomplete", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.data-field-type": "\"autocomplete\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
@@ -28934,10 +29386,11 @@ class InlineAutocompleteComponent extends MaterialAutocompleteComponent {
28934
29386
  matSuffix
28935
29387
  type="button"
28936
29388
  class="pdx-inline-clear"
28937
- (mousedown)="onTriggerIconMouseDown($event)"
28938
- (click)="onQuickClear($event)"
28939
- [attr.aria-label]="clearActionAriaLabel()"
28940
- >
29389
+ (mousedown)="onTriggerIconMouseDown($event)"
29390
+ (click)="onQuickClear($event)"
29391
+ [attr.aria-label]="clearActionAriaLabel()"
29392
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
29393
+ >
28941
29394
  <mat-icon
28942
29395
  [color]="iconPalette(clearIconColor())"
28943
29396
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -29052,10 +29505,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29052
29505
  matSuffix
29053
29506
  type="button"
29054
29507
  class="pdx-inline-clear"
29055
- (mousedown)="onTriggerIconMouseDown($event)"
29056
- (click)="onQuickClear($event)"
29057
- [attr.aria-label]="clearActionAriaLabel()"
29058
- >
29508
+ (mousedown)="onTriggerIconMouseDown($event)"
29509
+ (click)="onQuickClear($event)"
29510
+ [attr.aria-label]="clearActionAriaLabel()"
29511
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
29512
+ >
29059
29513
  <mat-icon
29060
29514
  [color]="iconPalette(clearIconColor())"
29061
29515
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -29638,7 +30092,7 @@ class InlineNumberComponent extends SimpleBaseInputComponent {
29638
30092
  }
29639
30093
 
29640
30094
  <mat-form-field
29641
- [appearance]="'outline'"
30095
+ [appearance]="materialAppearance()"
29642
30096
  [color]="materialColor()"
29643
30097
  [class]="componentCssClasses()"
29644
30098
  [floatLabel]="'auto'"
@@ -29707,6 +30161,7 @@ class InlineNumberComponent extends SimpleBaseInputComponent {
29707
30161
  (mousedown)="onTriggerIconMouseDown($event)"
29708
30162
  (click)="onQuickClear($event)"
29709
30163
  [attr.aria-label]="clearActionAriaLabel()"
30164
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
29710
30165
  >
29711
30166
  <mat-icon
29712
30167
  [color]="iconPalette(clearIconColor())"
@@ -29724,7 +30179,7 @@ class InlineNumberComponent extends SimpleBaseInputComponent {
29724
30179
  </div>
29725
30180
  }
29726
30181
  </div>
29727
- `, isInline: true, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);display:inline-flex;width:auto;min-width:0;max-width:100%}.pdx-inline-number-shell{display:inline-flex;flex-direction:column;gap:8px;width:auto;min-width:0;max-width:100%}.pdx-inline-number-shell-percent{--pdx-inline-percent-accent-start: color-mix(in srgb, var(--md-sys-color-tertiary) 72%, var(--md-sys-color-primary));--pdx-inline-percent-accent-mid: color-mix(in srgb, var(--md-sys-color-secondary) 82%, var(--md-sys-color-primary));--pdx-inline-percent-accent-end: color-mix(in srgb, var(--md-sys-color-primary) 88%, var(--md-sys-color-tertiary));padding:10px 12px 12px;border-radius:20px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 16%,var(--md-sys-color-outline-variant));background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface-container-highest)) 0%,var(--md-sys-color-surface-container) 100%);box-shadow:inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 5%,transparent),0 8px 24px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}.pdx-inline-percent-insight{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.pdx-inline-percent-gauge{--pdx-inline-percent-angle: 0deg;position:relative;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at center,var(--md-sys-color-surface-container) 56%,transparent 57%),conic-gradient(from -90deg,var(--pdx-inline-percent-accent-start) 0deg,var(--pdx-inline-percent-accent-mid) 150deg,var(--pdx-inline-percent-accent-end) var(--pdx-inline-percent-angle),color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent) var(--pdx-inline-percent-angle),color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent) 360deg);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent),0 10px 22px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.pdx-inline-percent-gauge__core{position:absolute;inset:7px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,white 54%,transparent),transparent 42%),var(--md-sys-color-surface);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-outline-variant))}.pdx-inline-percent-gauge__value{font-size:.85rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--md-sys-color-primary)}.pdx-inline-percent-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.pdx-inline-percent-copy__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--md-sys-color-primary) 84%,var(--md-sys-color-on-surface))}.pdx-inline-percent-copy__range{font-size:.82rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-number .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 44px);min-width:0;max-width:min(var(--pdx-inline-number-max-w, 280px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-number-shell-percent .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{background:linear-gradient(180deg,color-mix(in srgb,white 68%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,white));border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element{appearance:textfield;-moz-appearance:textfield;color:var(--pdx-inline-field-on-surface)!important;font-size:1.05rem;line-height:1.2;width:auto!important;min-width:2ch}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element.pdx-inline-percent-input{width:var(--pdx-inline-percent-input-ch, 3ch)!important;min-width:var(--pdx-inline-percent-input-ch, 3ch);text-align:end}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::-webkit-outer-spin-button,:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}:host ::ng-deep .pdx-inline-number .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::placeholder{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:0!important}:host ::ng-deep .pdx-inline-number .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-field-on-surface-muted);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-number .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-prefix mat-icon{width:22px;height:22px;font-size:22px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;gap:8px;padding:0}:host ::ng-deep .pdx-inline-number .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-number .pdx-inline-number-suffix{color:var(--md-sys-color-on-surface-variant);font-size:.95rem;line-height:1;font-weight:600}:host ::ng-deep .pdx-inline-number .pdx-inline-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}:host ::ng-deep .pdx-inline-number .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-number .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-number .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:translateY(-.5px)}.pdx-inline-percent-rail{position:relative;height:10px;margin-top:2px}.pdx-inline-percent-rail__track,.pdx-inline-percent-rail__fill{position:absolute;inset-block:1px;left:0;border-radius:999px}.pdx-inline-percent-rail__track{right:0;background:linear-gradient(90deg,color-mix(in srgb,var(--pdx-inline-percent-accent-start) 70%,var(--md-sys-color-surface-container-high)),color-mix(in srgb,var(--pdx-inline-percent-accent-mid) 78%,var(--md-sys-color-surface-container-high)) 52%,color-mix(in srgb,var(--pdx-inline-percent-accent-end) 82%,var(--md-sys-color-surface-container-high)));opacity:.2}.pdx-inline-percent-rail__fill{width:0;background:linear-gradient(90deg,var(--pdx-inline-percent-accent-start) 0%,var(--pdx-inline-percent-accent-mid) 52%,var(--pdx-inline-percent-accent-end) 100%);box-shadow:0 0 18px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-percent-rail__marker{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:var(--md-sys-color-surface);border:2px solid var(--md-sys-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent),0 4px 14px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}@media(max-width:768px){.pdx-inline-number-shell-percent{padding:9px 10px 10px;gap:6px}.pdx-inline-percent-insight{gap:10px}.pdx-inline-percent-gauge{width:46px;height:46px}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}}@media(forced-colors:active){.pdx-inline-number-shell-percent{border-color:CanvasText;background:Canvas;box-shadow:none}.pdx-inline-percent-gauge,.pdx-inline-percent-rail__track,.pdx-inline-percent-rail__fill,.pdx-inline-percent-rail__marker{forced-color-adjust:none}.pdx-inline-percent-gauge{background:radial-gradient(circle at center,Canvas 56%,transparent 57%),conic-gradient(from -90deg,Highlight 0deg,Highlight var(--pdx-inline-percent-angle),GrayText var(--pdx-inline-percent-angle),GrayText 360deg);box-shadow:none}.pdx-inline-percent-gauge__core,.pdx-inline-percent-rail__marker{background:Canvas;border-color:CanvasText}.pdx-inline-percent-rail__track{background:GrayText;opacity:1}.pdx-inline-percent-rail__fill{background:Highlight;box-shadow:none}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
30182
+ `, isInline: true, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);display:inline-flex;width:auto;min-width:0;max-width:100%}.pdx-inline-number-shell{display:inline-flex;flex-direction:column;gap:8px;width:auto;min-width:0;max-width:100%}.pdx-inline-number-shell-percent{--pdx-inline-percent-accent-start: color-mix(in srgb, var(--md-sys-color-tertiary) 72%, var(--md-sys-color-primary));--pdx-inline-percent-accent-mid: color-mix(in srgb, var(--md-sys-color-secondary) 82%, var(--md-sys-color-primary));--pdx-inline-percent-accent-end: color-mix(in srgb, var(--md-sys-color-primary) 88%, var(--md-sys-color-tertiary));padding:10px 12px 12px;border-radius:20px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 16%,var(--md-sys-color-outline-variant));background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface-container-highest)) 0%,var(--md-sys-color-surface-container) 100%);box-shadow:inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 5%,transparent),0 8px 24px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}.pdx-inline-percent-insight{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.pdx-inline-percent-gauge{--pdx-inline-percent-angle: 0deg;position:relative;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at center,var(--md-sys-color-surface-container) 56%,transparent 57%),conic-gradient(from -90deg,var(--pdx-inline-percent-accent-start) 0deg,var(--pdx-inline-percent-accent-mid) 150deg,var(--pdx-inline-percent-accent-end) var(--pdx-inline-percent-angle),color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent) var(--pdx-inline-percent-angle),color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent) 360deg);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent),0 10px 22px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.pdx-inline-percent-gauge__core{position:absolute;inset:7px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,white 54%,transparent),transparent 42%),var(--md-sys-color-surface);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-outline-variant))}.pdx-inline-percent-gauge__value{font-size:.85rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--md-sys-color-primary)}.pdx-inline-percent-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.pdx-inline-percent-copy__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--md-sys-color-primary) 84%,var(--md-sys-color-on-surface))}.pdx-inline-percent-copy__range{font-size:.82rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-number .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 44px);min-width:0;max-width:min(var(--pdx-inline-number-max-w, 280px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-number-shell-percent .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{background:linear-gradient(180deg,color-mix(in srgb,white 68%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,white));border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element{appearance:textfield;-moz-appearance:textfield;color:var(--pdx-inline-field-on-surface)!important;font-size:1.05rem;line-height:1.2;width:auto!important;min-width:2ch}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element.pdx-inline-percent-input{width:var(--pdx-inline-percent-input-ch, 3ch)!important;min-width:var(--pdx-inline-percent-input-ch, 3ch);text-align:end}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::-webkit-outer-spin-button,:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}:host ::ng-deep .pdx-inline-number .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::placeholder{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:0!important}:host ::ng-deep .pdx-inline-number .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-field-on-surface-muted);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-number .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-prefix mat-icon{width:22px;height:22px;font-size:22px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;gap:8px;padding:0}:host ::ng-deep .pdx-inline-number .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-number .pdx-inline-number-suffix{color:var(--md-sys-color-on-surface-variant);font-size:.95rem;line-height:1;font-weight:600}:host ::ng-deep .pdx-inline-number .pdx-inline-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}:host ::ng-deep .pdx-inline-number .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-number .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-number .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:translateY(-.5px)}.pdx-inline-percent-rail{position:relative;height:10px;margin-top:2px}.pdx-inline-percent-rail__track,.pdx-inline-percent-rail__fill{position:absolute;inset-block:1px;left:0;border-radius:999px}.pdx-inline-percent-rail__track{right:0;background:linear-gradient(90deg,color-mix(in srgb,var(--pdx-inline-percent-accent-start) 70%,var(--md-sys-color-surface-container-high)),color-mix(in srgb,var(--pdx-inline-percent-accent-mid) 78%,var(--md-sys-color-surface-container-high)) 52%,color-mix(in srgb,var(--pdx-inline-percent-accent-end) 82%,var(--md-sys-color-surface-container-high)));opacity:.2}.pdx-inline-percent-rail__fill{width:0;background:linear-gradient(90deg,var(--pdx-inline-percent-accent-start) 0%,var(--pdx-inline-percent-accent-mid) 52%,var(--pdx-inline-percent-accent-end) 100%);box-shadow:0 0 18px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-percent-rail__marker{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:var(--md-sys-color-surface);border:2px solid var(--md-sys-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent),0 4px 14px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}@media(max-width:768px){.pdx-inline-number-shell-percent{padding:9px 10px 10px;gap:6px}.pdx-inline-percent-insight{gap:10px}.pdx-inline-percent-gauge{width:46px;height:46px}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}}:host-context(.praxis-filter-bar.has-compact) .pdx-inline-number-shell-percent{display:inline-flex;flex-direction:row;gap:0;padding:0;border:0;background:transparent;box-shadow:none}:host-context(.praxis-filter-bar.has-compact) .pdx-inline-percent-insight,:host-context(.praxis-filter-bar.has-compact) .pdx-inline-percent-rail{display:none}@media(forced-colors:active){.pdx-inline-number-shell-percent{border-color:CanvasText;background:Canvas;box-shadow:none}.pdx-inline-percent-gauge,.pdx-inline-percent-rail__track,.pdx-inline-percent-rail__fill,.pdx-inline-percent-rail__marker{forced-color-adjust:none}.pdx-inline-percent-gauge{background:radial-gradient(circle at center,Canvas 56%,transparent 57%),conic-gradient(from -90deg,Highlight 0deg,Highlight var(--pdx-inline-percent-angle),GrayText var(--pdx-inline-percent-angle),GrayText 360deg);box-shadow:none}.pdx-inline-percent-gauge__core,.pdx-inline-percent-rail__marker{background:Canvas;border-color:CanvasText}.pdx-inline-percent-rail__track{background:GrayText;opacity:1}.pdx-inline-percent-rail__fill{background:Highlight;box-shadow:none}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
29728
30183
  }
29729
30184
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineNumberComponent, decorators: [{
29730
30185
  type: Component,
@@ -29754,7 +30209,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29754
30209
  }
29755
30210
 
29756
30211
  <mat-form-field
29757
- [appearance]="'outline'"
30212
+ [appearance]="materialAppearance()"
29758
30213
  [color]="materialColor()"
29759
30214
  [class]="componentCssClasses()"
29760
30215
  [floatLabel]="'auto'"
@@ -29823,6 +30278,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29823
30278
  (mousedown)="onTriggerIconMouseDown($event)"
29824
30279
  (click)="onQuickClear($event)"
29825
30280
  [attr.aria-label]="clearActionAriaLabel()"
30281
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
29826
30282
  >
29827
30283
  <mat-icon
29828
30284
  [color]="iconPalette(clearIconColor())"
@@ -29856,7 +30312,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29856
30312
  '[attr.data-field-type]': '"inlineNumber"',
29857
30313
  '[attr.data-field-name]': 'metadata()?.name',
29858
30314
  '[attr.data-component-id]': 'componentId()',
29859
- }, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);display:inline-flex;width:auto;min-width:0;max-width:100%}.pdx-inline-number-shell{display:inline-flex;flex-direction:column;gap:8px;width:auto;min-width:0;max-width:100%}.pdx-inline-number-shell-percent{--pdx-inline-percent-accent-start: color-mix(in srgb, var(--md-sys-color-tertiary) 72%, var(--md-sys-color-primary));--pdx-inline-percent-accent-mid: color-mix(in srgb, var(--md-sys-color-secondary) 82%, var(--md-sys-color-primary));--pdx-inline-percent-accent-end: color-mix(in srgb, var(--md-sys-color-primary) 88%, var(--md-sys-color-tertiary));padding:10px 12px 12px;border-radius:20px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 16%,var(--md-sys-color-outline-variant));background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface-container-highest)) 0%,var(--md-sys-color-surface-container) 100%);box-shadow:inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 5%,transparent),0 8px 24px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}.pdx-inline-percent-insight{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.pdx-inline-percent-gauge{--pdx-inline-percent-angle: 0deg;position:relative;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at center,var(--md-sys-color-surface-container) 56%,transparent 57%),conic-gradient(from -90deg,var(--pdx-inline-percent-accent-start) 0deg,var(--pdx-inline-percent-accent-mid) 150deg,var(--pdx-inline-percent-accent-end) var(--pdx-inline-percent-angle),color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent) var(--pdx-inline-percent-angle),color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent) 360deg);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent),0 10px 22px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.pdx-inline-percent-gauge__core{position:absolute;inset:7px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,white 54%,transparent),transparent 42%),var(--md-sys-color-surface);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-outline-variant))}.pdx-inline-percent-gauge__value{font-size:.85rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--md-sys-color-primary)}.pdx-inline-percent-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.pdx-inline-percent-copy__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--md-sys-color-primary) 84%,var(--md-sys-color-on-surface))}.pdx-inline-percent-copy__range{font-size:.82rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-number .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 44px);min-width:0;max-width:min(var(--pdx-inline-number-max-w, 280px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-number-shell-percent .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{background:linear-gradient(180deg,color-mix(in srgb,white 68%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,white));border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element{appearance:textfield;-moz-appearance:textfield;color:var(--pdx-inline-field-on-surface)!important;font-size:1.05rem;line-height:1.2;width:auto!important;min-width:2ch}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element.pdx-inline-percent-input{width:var(--pdx-inline-percent-input-ch, 3ch)!important;min-width:var(--pdx-inline-percent-input-ch, 3ch);text-align:end}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::-webkit-outer-spin-button,:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}:host ::ng-deep .pdx-inline-number .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::placeholder{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:0!important}:host ::ng-deep .pdx-inline-number .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-field-on-surface-muted);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-number .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-prefix mat-icon{width:22px;height:22px;font-size:22px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;gap:8px;padding:0}:host ::ng-deep .pdx-inline-number .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-number .pdx-inline-number-suffix{color:var(--md-sys-color-on-surface-variant);font-size:.95rem;line-height:1;font-weight:600}:host ::ng-deep .pdx-inline-number .pdx-inline-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}:host ::ng-deep .pdx-inline-number .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-number .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-number .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:translateY(-.5px)}.pdx-inline-percent-rail{position:relative;height:10px;margin-top:2px}.pdx-inline-percent-rail__track,.pdx-inline-percent-rail__fill{position:absolute;inset-block:1px;left:0;border-radius:999px}.pdx-inline-percent-rail__track{right:0;background:linear-gradient(90deg,color-mix(in srgb,var(--pdx-inline-percent-accent-start) 70%,var(--md-sys-color-surface-container-high)),color-mix(in srgb,var(--pdx-inline-percent-accent-mid) 78%,var(--md-sys-color-surface-container-high)) 52%,color-mix(in srgb,var(--pdx-inline-percent-accent-end) 82%,var(--md-sys-color-surface-container-high)));opacity:.2}.pdx-inline-percent-rail__fill{width:0;background:linear-gradient(90deg,var(--pdx-inline-percent-accent-start) 0%,var(--pdx-inline-percent-accent-mid) 52%,var(--pdx-inline-percent-accent-end) 100%);box-shadow:0 0 18px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-percent-rail__marker{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:var(--md-sys-color-surface);border:2px solid var(--md-sys-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent),0 4px 14px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}@media(max-width:768px){.pdx-inline-number-shell-percent{padding:9px 10px 10px;gap:6px}.pdx-inline-percent-insight{gap:10px}.pdx-inline-percent-gauge{width:46px;height:46px}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}}@media(forced-colors:active){.pdx-inline-number-shell-percent{border-color:CanvasText;background:Canvas;box-shadow:none}.pdx-inline-percent-gauge,.pdx-inline-percent-rail__track,.pdx-inline-percent-rail__fill,.pdx-inline-percent-rail__marker{forced-color-adjust:none}.pdx-inline-percent-gauge{background:radial-gradient(circle at center,Canvas 56%,transparent 57%),conic-gradient(from -90deg,Highlight 0deg,Highlight var(--pdx-inline-percent-angle),GrayText var(--pdx-inline-percent-angle),GrayText 360deg);box-shadow:none}.pdx-inline-percent-gauge__core,.pdx-inline-percent-rail__marker{background:Canvas;border-color:CanvasText}.pdx-inline-percent-rail__track{background:GrayText;opacity:1}.pdx-inline-percent-rail__fill{background:Highlight;box-shadow:none}}\n"] }]
30315
+ }, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);display:inline-flex;width:auto;min-width:0;max-width:100%}.pdx-inline-number-shell{display:inline-flex;flex-direction:column;gap:8px;width:auto;min-width:0;max-width:100%}.pdx-inline-number-shell-percent{--pdx-inline-percent-accent-start: color-mix(in srgb, var(--md-sys-color-tertiary) 72%, var(--md-sys-color-primary));--pdx-inline-percent-accent-mid: color-mix(in srgb, var(--md-sys-color-secondary) 82%, var(--md-sys-color-primary));--pdx-inline-percent-accent-end: color-mix(in srgb, var(--md-sys-color-primary) 88%, var(--md-sys-color-tertiary));padding:10px 12px 12px;border-radius:20px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 16%,var(--md-sys-color-outline-variant));background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface-container-highest)) 0%,var(--md-sys-color-surface-container) 100%);box-shadow:inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 5%,transparent),0 8px 24px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}.pdx-inline-percent-insight{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.pdx-inline-percent-gauge{--pdx-inline-percent-angle: 0deg;position:relative;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at center,var(--md-sys-color-surface-container) 56%,transparent 57%),conic-gradient(from -90deg,var(--pdx-inline-percent-accent-start) 0deg,var(--pdx-inline-percent-accent-mid) 150deg,var(--pdx-inline-percent-accent-end) var(--pdx-inline-percent-angle),color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent) var(--pdx-inline-percent-angle),color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent) 360deg);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent),0 10px 22px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.pdx-inline-percent-gauge__core{position:absolute;inset:7px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,white 54%,transparent),transparent 42%),var(--md-sys-color-surface);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-outline-variant))}.pdx-inline-percent-gauge__value{font-size:.85rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--md-sys-color-primary)}.pdx-inline-percent-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.pdx-inline-percent-copy__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--md-sys-color-primary) 84%,var(--md-sys-color-on-surface))}.pdx-inline-percent-copy__range{font-size:.82rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-number .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 44px);min-width:0;max-width:min(var(--pdx-inline-number-max-w, 280px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-number-shell-percent .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{background:linear-gradient(180deg,color-mix(in srgb,white 68%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,white));border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element{appearance:textfield;-moz-appearance:textfield;color:var(--pdx-inline-field-on-surface)!important;font-size:1.05rem;line-height:1.2;width:auto!important;min-width:2ch}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element.pdx-inline-percent-input{width:var(--pdx-inline-percent-input-ch, 3ch)!important;min-width:var(--pdx-inline-percent-input-ch, 3ch);text-align:end}:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::-webkit-outer-spin-button,:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}:host ::ng-deep .pdx-inline-number .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-number input.mat-mdc-input-element::placeholder{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:0!important}:host ::ng-deep .pdx-inline-number .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-field-on-surface-muted);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-number .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-prefix mat-icon{width:22px;height:22px;font-size:22px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-number .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;gap:8px;padding:0}:host ::ng-deep .pdx-inline-number .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-number .pdx-inline-number-suffix{color:var(--md-sys-color-on-surface-variant);font-size:.95rem;line-height:1;font-weight:600}:host ::ng-deep .pdx-inline-number .pdx-inline-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}:host ::ng-deep .pdx-inline-number .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-number .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-number .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:translateY(-.5px)}.pdx-inline-percent-rail{position:relative;height:10px;margin-top:2px}.pdx-inline-percent-rail__track,.pdx-inline-percent-rail__fill{position:absolute;inset-block:1px;left:0;border-radius:999px}.pdx-inline-percent-rail__track{right:0;background:linear-gradient(90deg,color-mix(in srgb,var(--pdx-inline-percent-accent-start) 70%,var(--md-sys-color-surface-container-high)),color-mix(in srgb,var(--pdx-inline-percent-accent-mid) 78%,var(--md-sys-color-surface-container-high)) 52%,color-mix(in srgb,var(--pdx-inline-percent-accent-end) 82%,var(--md-sys-color-surface-container-high)));opacity:.2}.pdx-inline-percent-rail__fill{width:0;background:linear-gradient(90deg,var(--pdx-inline-percent-accent-start) 0%,var(--pdx-inline-percent-accent-mid) 52%,var(--pdx-inline-percent-accent-end) 100%);box-shadow:0 0 18px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-percent-rail__marker{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:var(--md-sys-color-surface);border:2px solid var(--md-sys-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent),0 4px 14px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}@media(max-width:768px){.pdx-inline-number-shell-percent{padding:9px 10px 10px;gap:6px}.pdx-inline-percent-insight{gap:10px}.pdx-inline-percent-gauge{width:46px;height:46px}:host ::ng-deep .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}}:host-context(.praxis-filter-bar.has-compact) .pdx-inline-number-shell-percent{display:inline-flex;flex-direction:row;gap:0;padding:0;border:0;background:transparent;box-shadow:none}:host-context(.praxis-filter-bar.has-compact) .pdx-inline-percent-insight,:host-context(.praxis-filter-bar.has-compact) .pdx-inline-percent-rail{display:none}@media(forced-colors:active){.pdx-inline-number-shell-percent{border-color:CanvasText;background:Canvas;box-shadow:none}.pdx-inline-percent-gauge,.pdx-inline-percent-rail__track,.pdx-inline-percent-rail__fill,.pdx-inline-percent-rail__marker{forced-color-adjust:none}.pdx-inline-percent-gauge{background:radial-gradient(circle at center,Canvas 56%,transparent 57%),conic-gradient(from -90deg,Highlight 0deg,Highlight var(--pdx-inline-percent-angle),GrayText var(--pdx-inline-percent-angle),GrayText 360deg);box-shadow:none}.pdx-inline-percent-gauge__core,.pdx-inline-percent-rail__marker{background:Canvas;border-color:CanvasText}.pdx-inline-percent-rail__track{background:GrayText;opacity:1}.pdx-inline-percent-rail__fill{background:Highlight;box-shadow:none}}\n"] }]
29860
30316
  }], propDecorators: { inputEl: [{
29861
30317
  type: ViewChild,
29862
30318
  args: ['inputEl', { read: ElementRef }]
@@ -29886,6 +30342,7 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
29886
30342
  inlineWidthPx = 0;
29887
30343
  inlineMaxWidthPx = 300;
29888
30344
  resizeRafId = null;
30345
+ displayFormatRafId = null;
29889
30346
  fieldLabelText = 'Moeda';
29890
30347
  minValidator;
29891
30348
  maxValidator;
@@ -29913,8 +30370,9 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
29913
30370
  currencyPosition = computed(() => this.metadata()?.currencyPosition || 'before', ...(ngDevMode ? [{ debugName: "currencyPosition" }] : /* istanbul ignore next */ []));
29914
30371
  decimalPlaces = computed(() => {
29915
30372
  const md = this.metadata();
29916
- if (md?.decimalPlaces !== undefined && md?.decimalPlaces !== null) {
29917
- return md.decimalPlaces;
30373
+ const explicitPlaces = this.normalizeDecimalPlaces(md?.decimalPlaces);
30374
+ if (explicitPlaces !== null) {
30375
+ return explicitPlaces;
29918
30376
  }
29919
30377
  try {
29920
30378
  return new Intl.NumberFormat(this.locale(), {
@@ -29939,7 +30397,7 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
29939
30397
  super.setMetadata(metadata);
29940
30398
  this.fieldLabelText = this.resolveFieldLabelFromMetadata(metadata);
29941
30399
  this.syncCurrencyValidators(metadata);
29942
- this.formatDisplayValue();
30400
+ this.scheduleDisplayFormat();
29943
30401
  this.scheduleInlineResize();
29944
30402
  }
29945
30403
  onComponentInit() {
@@ -29964,6 +30422,10 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
29964
30422
  window.cancelAnimationFrame(this.resizeRafId);
29965
30423
  this.resizeRafId = null;
29966
30424
  }
30425
+ if (this.displayFormatRafId !== null && typeof window !== 'undefined') {
30426
+ window.cancelAnimationFrame(this.displayFormatRafId);
30427
+ this.displayFormatRafId = null;
30428
+ }
29967
30429
  }
29968
30430
  writeValue(value) {
29969
30431
  if (value !== null && value !== undefined && value !== '' && typeof value !== 'number') {
@@ -30325,6 +30787,16 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
30325
30787
  const numeric = Number(digits || '0') / factor;
30326
30788
  return negative ? -numeric : numeric;
30327
30789
  }
30790
+ normalizeDecimalPlaces(value) {
30791
+ if (value === null || value === undefined || value === '') {
30792
+ return null;
30793
+ }
30794
+ const numeric = typeof value === 'number' ? value : Number(value);
30795
+ if (!Number.isFinite(numeric)) {
30796
+ return null;
30797
+ }
30798
+ return Math.max(0, Math.min(20, Math.trunc(numeric)));
30799
+ }
30328
30800
  syncDigitsFromValue(value) {
30329
30801
  const places = this.decimalPlaces() ?? 2;
30330
30802
  const factor = Math.pow(10, places);
@@ -30352,6 +30824,20 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
30352
30824
  this.inputEl.nativeElement.value = this.formatDecimalValue(numeric);
30353
30825
  }
30354
30826
  }
30827
+ scheduleDisplayFormat() {
30828
+ this.formatDisplayValue();
30829
+ if (typeof window === 'undefined') {
30830
+ return;
30831
+ }
30832
+ if (this.displayFormatRafId !== null) {
30833
+ window.cancelAnimationFrame(this.displayFormatRafId);
30834
+ }
30835
+ this.displayFormatRafId = window.requestAnimationFrame(() => {
30836
+ this.displayFormatRafId = null;
30837
+ this.formatDisplayValue();
30838
+ this.scheduleInlineResize();
30839
+ });
30840
+ }
30355
30841
  formatDecimalValue(value) {
30356
30842
  try {
30357
30843
  return this.getDecimalFormatter().format(value);
@@ -30503,7 +30989,7 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
30503
30989
  },
30504
30990
  ], viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true, read: ElementRef }, { propertyName: "measureEl", first: true, predicate: ["measureEl"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
30505
30991
  <mat-form-field
30506
- [appearance]="'outline'"
30992
+ [appearance]="materialAppearance()"
30507
30993
  [color]="materialColor()"
30508
30994
  [class]="componentCssClasses()"
30509
30995
  [class.pdx-has-value]="hasInlineValue()"
@@ -30579,6 +31065,7 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
30579
31065
  (mousedown)="onTriggerIconMouseDown($event)"
30580
31066
  (click)="onQuickClear($event)"
30581
31067
  [attr.aria-label]="clearActionAriaLabel()"
31068
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
30582
31069
  >
30583
31070
  <mat-icon
30584
31071
  [color]="iconPalette(clearIconColor())"
@@ -30587,7 +31074,7 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
30587
31074
  </button>
30588
31075
  }
30589
31076
  </mat-form-field>
30590
- `, isInline: true, styles: [":host{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-currency .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 44px);min-width:0;max-width:min(var(--pdx-inline-currency-max-w, 300px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-currency-symbol{color:var(--md-sys-color-on-surface-variant);font-size:.95rem;line-height:1;font-weight:600}:host ::ng-deep .pdx-inline-currency .pdx-inline-currency-meta-icon{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-prefix{margin-right:8px}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-suffix{margin-left:8px;gap:8px}:host ::ng-deep .pdx-inline-currency input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-size:1.05rem;line-height:1.2;width:auto!important;min-width:2ch}:host ::ng-deep .pdx-inline-currency .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-currency input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-inline-currency .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-currency .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-currency .pdx-inline-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}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}@media(max-width:768px){:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
31077
+ `, isInline: true, styles: [":host{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-currency .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 44px);min-width:0;max-width:min(var(--pdx-inline-currency-max-w, 300px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-currency-symbol{color:var(--pdx-inline-currency-symbol-color, var(--md-sys-color-on-surface-variant));font-size:.95rem;line-height:1;font-weight:600}:host ::ng-deep .pdx-inline-currency .pdx-inline-currency-meta-icon{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-prefix{margin-right:8px}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-suffix{margin-left:8px;gap:8px}:host ::ng-deep .pdx-inline-currency input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-size:1.05rem;line-height:1.2;width:auto!important;min-width:2ch}:host ::ng-deep .pdx-inline-currency .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-currency input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-inline-currency .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-currency .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-currency .pdx-inline-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}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}@media(max-width:768px){:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
30591
31078
  }
30592
31079
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineCurrencyComponent, decorators: [{
30593
31080
  type: Component,
@@ -30599,7 +31086,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30599
31086
  MatTooltipModule
30600
31087
  ], template: `
30601
31088
  <mat-form-field
30602
- [appearance]="'outline'"
31089
+ [appearance]="materialAppearance()"
30603
31090
  [color]="materialColor()"
30604
31091
  [class]="componentCssClasses()"
30605
31092
  [class.pdx-has-value]="hasInlineValue()"
@@ -30675,6 +31162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30675
31162
  (mousedown)="onTriggerIconMouseDown($event)"
30676
31163
  (click)="onQuickClear($event)"
30677
31164
  [attr.aria-label]="clearActionAriaLabel()"
31165
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
30678
31166
  >
30679
31167
  <mat-icon
30680
31168
  [color]="iconPalette(clearIconColor())"
@@ -30699,7 +31187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30699
31187
  '[attr.data-field-type]': '"inlineCurrency"',
30700
31188
  '[attr.data-field-name]': 'metadata()?.name',
30701
31189
  '[attr.data-component-id]': 'componentId()',
30702
- }, styles: [":host{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-currency .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 44px);min-width:0;max-width:min(var(--pdx-inline-currency-max-w, 300px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-currency-symbol{color:var(--md-sys-color-on-surface-variant);font-size:.95rem;line-height:1;font-weight:600}:host ::ng-deep .pdx-inline-currency .pdx-inline-currency-meta-icon{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-prefix{margin-right:8px}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-suffix{margin-left:8px;gap:8px}:host ::ng-deep .pdx-inline-currency input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-size:1.05rem;line-height:1.2;width:auto!important;min-width:2ch}:host ::ng-deep .pdx-inline-currency .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-currency input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-inline-currency .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-currency .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-currency .pdx-inline-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}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}@media(max-width:768px){:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}}\n"] }]
31190
+ }, styles: [":host{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-currency .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 44px);min-width:0;max-width:min(var(--pdx-inline-currency-max-w, 300px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-currency-symbol{color:var(--pdx-inline-currency-symbol-color, var(--md-sys-color-on-surface-variant));font-size:.95rem;line-height:1;font-weight:600}:host ::ng-deep .pdx-inline-currency .pdx-inline-currency-meta-icon{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-prefix{margin-right:8px}:host ::ng-deep .pdx-inline-currency .mat-mdc-form-field-icon-suffix{margin-left:8px;gap:8px}:host ::ng-deep .pdx-inline-currency input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-size:1.05rem;line-height:1.2;width:auto!important;min-width:2ch}:host ::ng-deep .pdx-inline-currency .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-currency input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-inline-currency .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-currency .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-currency .pdx-inline-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}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-currency .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}@media(max-width:768px){:host ::ng-deep .pdx-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}}\n"] }]
30703
31191
  }], propDecorators: { inputEl: [{
30704
31192
  type: ViewChild,
30705
31193
  args: ['inputEl', { read: ElementRef }]
@@ -30746,15 +31234,19 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
30746
31234
  const errors = this.control().errors;
30747
31235
  if (!errors)
30748
31236
  return '';
30749
- if (errors['required'])
30750
- return 'Informe ao menos um valor para o intervalo.';
30751
- if (errors['rangeOrder'])
30752
- return 'O valor mínimo deve ser menor ou igual ao máximo.';
30753
- if (errors['rangeMin'])
30754
- return `O valor mínimo permitido é ${this.formatCurrency(this.minValue())}.`;
30755
- if (errors['rangeMax'])
30756
- return `O valor máximo permitido é ${this.formatCurrency(this.maxValue())}.`;
30757
- return 'Valor inválido.';
31237
+ if (errors['required']) {
31238
+ return this.tDynamicFields('inlineCurrencyRange.validation.required', 'Informe ao menos um valor para o intervalo.');
31239
+ }
31240
+ if (errors['rangeOrder']) {
31241
+ return this.tDynamicFields('inlineCurrencyRange.validation.rangeOrder', 'O valor mínimo deve ser menor ou igual ao máximo.');
31242
+ }
31243
+ if (errors['rangeMin']) {
31244
+ return this.tDynamicFields('inlineCurrencyRange.validation.rangeMin', 'O valor mínimo permitido é {{min}}.', { min: this.formatCurrency(this.minValue()) });
31245
+ }
31246
+ if (errors['rangeMax']) {
31247
+ return this.tDynamicFields('inlineCurrencyRange.validation.rangeMax', 'O valor máximo permitido é {{max}}.', { max: this.formatCurrency(this.maxValue()) });
31248
+ }
31249
+ return this.tDynamicFields('inlineCurrencyRange.validation.invalid', 'Valor inválido.');
30758
31250
  }, ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
30759
31251
  fieldLabelText = '';
30760
31252
  validatorCache = [];
@@ -31643,8 +32135,8 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
31643
32135
  return this.formatterCache;
31644
32136
  }
31645
32137
  resolveDecimalPlaces(currency, locale, metadata) {
31646
- const configured = Number(metadata?.decimalPlaces);
31647
- if (Number.isFinite(configured) && configured >= 0) {
32138
+ const configured = this.normalizeDecimalPlaces(metadata?.decimalPlaces);
32139
+ if (configured !== null) {
31648
32140
  return configured;
31649
32141
  }
31650
32142
  try {
@@ -31658,6 +32150,16 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
31658
32150
  return 2;
31659
32151
  }
31660
32152
  }
32153
+ normalizeDecimalPlaces(value) {
32154
+ if (value === null || value === undefined || value === '') {
32155
+ return null;
32156
+ }
32157
+ const numeric = typeof value === 'number' ? value : Number(value);
32158
+ if (!Number.isFinite(numeric)) {
32159
+ return null;
32160
+ }
32161
+ return Math.max(0, Math.min(20, Math.trunc(numeric)));
32162
+ }
31661
32163
  allowNegative() {
31662
32164
  const md = this.metadata();
31663
32165
  return md?.allowNegative ?? false;
@@ -31861,6 +32363,7 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
31861
32363
  (mousedown)="onTriggerIconMouseDown($event)"
31862
32364
  (click)="onQuickClear($event)"
31863
32365
  [attr.aria-label]="clearActionAriaLabel()"
32366
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
31864
32367
  >
31865
32368
  <mat-icon
31866
32369
  [color]="iconPalette(clearIconColor())"
@@ -32043,7 +32546,7 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
32043
32546
  </div>
32044
32547
  </ng-template>
32045
32548
  </div>
32046
- `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-currency-range-min-w, 188px);max-width:min(var(--pdx-inline-currency-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-currency-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-currency-range-chip.is-open{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-currency-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-currency-range-trigger:focus-visible{outline:none}.pdx-inline-currency-range-trigger:disabled{cursor:default}.pdx-inline-currency-range-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-currency-range-text{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-currency-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-currency-range-chip.is-active .pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-currency-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-currency-range-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-currency-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-currency-range-panel-min-w, 260px),calc(100vw - 24px));width:clamp(var(--pdx-inline-currency-range-panel-min-w, 260px),28vw,var(--pdx-inline-currency-range-panel-max-w, 390px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-currency-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-currency-range-slider-wrap{min-width:0}.pdx-inline-currency-range-distribution{--pdx-inline-currency-range-dist-height: 42px;--pdx-inline-currency-range-dist-gap: 3px;--pdx-inline-currency-range-dist-radius: 4px;--pdx-inline-currency-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-currency-range-dist-gap);height:var(--pdx-inline-currency-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-currency-range-dist-opacity);overflow:hidden}.pdx-inline-currency-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-currency-range-dist-radius) var(--pdx-inline-currency-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-currency-range-bands{position:relative;height:6px;margin:0 12px -2px;border-radius:var(--md-sys-shape-corner-full, 999px);background:color-mix(in srgb,var(--md-sys-color-outline-variant) 26%,transparent);overflow:hidden}.pdx-inline-currency-range-band{position:absolute;top:0;bottom:0;min-width:2px;border-radius:inherit;background:color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent)}.pdx-inline-currency-range-band[data-tone=info]{background:color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent)}.pdx-inline-currency-range-band[data-tone=success]{background:color-mix(in srgb,var(--md-sys-color-tertiary) 46%,transparent)}.pdx-inline-currency-range-band[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-secondary) 50%,transparent)}.pdx-inline-currency-range-band[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-error) 46%,transparent)}.pdx-inline-currency-range-slider{width:100%;min-width:180px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__track{border-radius:999px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--active,:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--inactive{width:var(--pdx-inline-currency-range-tick-width, 2px);height:var(--pdx-inline-currency-range-tick-height, 8px);border-radius:var(--md-sys-shape-corner-full, 999px)}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--active{background-color:color-mix(in srgb,var(--md-sys-color-primary) 72%,white);opacity:.86}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--inactive{background-color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 46%,transparent);opacity:.68}.pdx-inline-currency-range-marks{position:relative;min-height:18px;margin:-4px 12px 0;color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}.pdx-inline-currency-range-mark-label{position:absolute;top:0;max-width:42%;transform:translate(-50%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.pdx-inline-currency-range-mark-label[data-tone=info]{color:var(--md-sys-color-primary)}.pdx-inline-currency-range-mark-label[data-tone=success]{color:var(--md-sys-color-tertiary)}.pdx-inline-currency-range-mark-label[data-tone=warning]{color:var(--md-sys-color-secondary)}.pdx-inline-currency-range-mark-label[data-tone=danger]{color:var(--md-sys-color-error)}.pdx-inline-currency-range-mark-label.is-disabled{opacity:.54}.pdx-inline-currency-range-scale{position:relative;min-height:20px;margin-top:-2px;margin-inline:10px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-currency-range-scale.is-condensed{min-height:0;margin-top:-6px}.pdx-inline-currency-range-scale.is-summary-only{min-height:0;margin-top:-8px}.pdx-inline-currency-range-scale-value{position:absolute;top:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.pdx-inline-currency-range-scale.is-condensed .pdx-inline-currency-range-scale-value,.pdx-inline-currency-range-scale.is-summary-only .pdx-inline-currency-range-scale-value{opacity:0;visibility:hidden}.pdx-inline-currency-range-scale-value.is-start{left:var(--pdx-inline-currency-range-start-pos, 0%);transform:translate(-50%)}.pdx-inline-currency-range-scale-value.is-end{left:var(--pdx-inline-currency-range-end-pos, 100%);transform:translate(-50%);text-align:right}.pdx-inline-currency-range-scale-value.is-start.is-edge{transform:translate(0)}.pdx-inline-currency-range-scale-value.is-end.is-edge{transform:translate(-100%)}.pdx-inline-currency-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}.pdx-inline-currency-range-actions{display:flex;align-items:center;gap:8px;margin-top:2px}.pdx-inline-currency-range-action-spacer{flex:1 1 auto}.pdx-inline-currency-range-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 14px;border-radius:var(--md-sys-shape-corner-full, 999px);border:1px solid transparent;background:transparent;color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;line-height:1;font-weight:600;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-currency-range-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-currency-range-action[data-appearance=outlined]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}.pdx-inline-currency-range-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-currency-range-action[data-appearance=filled]{background:var( --pdx-inline-currency-range-action-primary-container, var(--md-sys-color-primary-container) );color:var( --pdx-inline-currency-range-action-primary-label, var(--md-sys-color-on-primary-container) )}.pdx-inline-currency-range-action[data-appearance=tonal]{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent);color:var(--md-sys-color-on-secondary-container)}.pdx-inline-currency-range-action[data-color-role=primary]{--pdx-inline-currency-range-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-currency-range-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-currency-range-action[data-color-role=danger]{--pdx-inline-currency-range-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-currency-range-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-currency-range-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-currency-range-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-currency-range-action[data-appearance=filled]:hover:not(:disabled){background:color-mix(in srgb,var( --pdx-inline-currency-range-action-primary-container, var(--md-sys-color-primary-container) ) 84%,var(--md-sys-color-primary))}.pdx-inline-currency-range-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-currency-range-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-currency-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-currency-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-currency-range-text{font-size:.92rem}.pdx-inline-currency-range-panel{width:min(var(--pdx-inline-currency-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$2.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
32549
+ `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-currency-range-min-w, 188px);max-width:min(var(--pdx-inline-currency-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-currency-range-chip.is-active{border-color:var(--pdx-inline-chip-active-border, 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-currency-range-chip.is-open{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-currency-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-currency-range-trigger:focus-visible{outline:none}.pdx-inline-currency-range-trigger:disabled{cursor:default}.pdx-inline-currency-range-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-currency-range-text{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-currency-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-currency-range-chip.is-active .pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-currency-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-currency-range-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-currency-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-currency-range-panel-min-w, 260px),calc(100vw - 24px));width:clamp(var(--pdx-inline-currency-range-panel-min-w, 260px),28vw,var(--pdx-inline-currency-range-panel-max-w, 390px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-currency-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-currency-range-slider-wrap{min-width:0}.pdx-inline-currency-range-distribution{--pdx-inline-currency-range-dist-height: 42px;--pdx-inline-currency-range-dist-gap: 3px;--pdx-inline-currency-range-dist-radius: 4px;--pdx-inline-currency-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-currency-range-dist-gap);height:var(--pdx-inline-currency-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-currency-range-dist-opacity);overflow:hidden}.pdx-inline-currency-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-currency-range-dist-radius) var(--pdx-inline-currency-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-currency-range-bands{position:relative;height:6px;margin:0 12px -2px;border-radius:var(--md-sys-shape-corner-full, 999px);background:color-mix(in srgb,var(--md-sys-color-outline-variant) 26%,transparent);overflow:hidden}.pdx-inline-currency-range-band{position:absolute;top:0;bottom:0;min-width:2px;border-radius:inherit;background:color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent)}.pdx-inline-currency-range-band[data-tone=info]{background:color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent)}.pdx-inline-currency-range-band[data-tone=success]{background:color-mix(in srgb,var(--md-sys-color-tertiary) 46%,transparent)}.pdx-inline-currency-range-band[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-secondary) 50%,transparent)}.pdx-inline-currency-range-band[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-error) 46%,transparent)}.pdx-inline-currency-range-slider{width:100%;min-width:180px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__track{border-radius:999px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--active,:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--inactive{width:var(--pdx-inline-currency-range-tick-width, 2px);height:var(--pdx-inline-currency-range-tick-height, 8px);border-radius:var(--md-sys-shape-corner-full, 999px)}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--active{background-color:color-mix(in srgb,var(--md-sys-color-primary) 72%,white);opacity:.86}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--inactive{background-color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 46%,transparent);opacity:.68}.pdx-inline-currency-range-marks{position:relative;min-height:18px;margin:-4px 12px 0;color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}.pdx-inline-currency-range-mark-label{position:absolute;top:0;max-width:42%;transform:translate(-50%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.pdx-inline-currency-range-mark-label[data-tone=info]{color:var(--md-sys-color-primary)}.pdx-inline-currency-range-mark-label[data-tone=success]{color:var(--md-sys-color-tertiary)}.pdx-inline-currency-range-mark-label[data-tone=warning]{color:var(--md-sys-color-secondary)}.pdx-inline-currency-range-mark-label[data-tone=danger]{color:var(--md-sys-color-error)}.pdx-inline-currency-range-mark-label.is-disabled{opacity:.54}.pdx-inline-currency-range-scale{position:relative;min-height:20px;margin-top:-2px;margin-inline:10px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-currency-range-scale.is-condensed{min-height:0;margin-top:-6px}.pdx-inline-currency-range-scale.is-summary-only{min-height:0;margin-top:-8px}.pdx-inline-currency-range-scale-value{position:absolute;top:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.pdx-inline-currency-range-scale.is-condensed .pdx-inline-currency-range-scale-value,.pdx-inline-currency-range-scale.is-summary-only .pdx-inline-currency-range-scale-value{opacity:0;visibility:hidden}.pdx-inline-currency-range-scale-value.is-start{left:var(--pdx-inline-currency-range-start-pos, 0%);transform:translate(-50%)}.pdx-inline-currency-range-scale-value.is-end{left:var(--pdx-inline-currency-range-end-pos, 100%);transform:translate(-50%);text-align:right}.pdx-inline-currency-range-scale-value.is-start.is-edge{transform:translate(0)}.pdx-inline-currency-range-scale-value.is-end.is-edge{transform:translate(-100%)}.pdx-inline-currency-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}.pdx-inline-currency-range-actions{display:flex;align-items:center;gap:8px;margin-top:2px}.pdx-inline-currency-range-action-spacer{flex:1 1 auto}.pdx-inline-currency-range-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 14px;border-radius:var(--md-sys-shape-corner-full, 999px);border:1px solid transparent;background:transparent;color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;line-height:1;font-weight:600;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-currency-range-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-currency-range-action[data-appearance=outlined]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}.pdx-inline-currency-range-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-currency-range-action[data-appearance=filled]{background:var( --pdx-inline-currency-range-action-primary-container, var(--md-sys-color-primary-container) );color:var( --pdx-inline-currency-range-action-primary-label, var(--md-sys-color-on-primary-container) )}.pdx-inline-currency-range-action[data-appearance=tonal]{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent);color:var(--md-sys-color-on-secondary-container)}.pdx-inline-currency-range-action[data-color-role=primary]{--pdx-inline-currency-range-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-currency-range-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-currency-range-action[data-color-role=danger]{--pdx-inline-currency-range-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-currency-range-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-currency-range-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-currency-range-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-currency-range-action[data-appearance=filled]:hover:not(:disabled){background:color-mix(in srgb,var( --pdx-inline-currency-range-action-primary-container, var(--md-sys-color-primary-container) ) 84%,var(--md-sys-color-primary))}.pdx-inline-currency-range-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-currency-range-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-currency-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-currency-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-currency-range-text{font-size:.92rem}.pdx-inline-currency-range-panel{width:min(var(--pdx-inline-currency-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$2.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
32047
32550
  }
32048
32551
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineCurrencyRangeComponent, decorators: [{
32049
32552
  type: Component,
@@ -32113,6 +32616,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
32113
32616
  (mousedown)="onTriggerIconMouseDown($event)"
32114
32617
  (click)="onQuickClear($event)"
32115
32618
  [attr.aria-label]="clearActionAriaLabel()"
32619
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
32116
32620
  >
32117
32621
  <mat-icon
32118
32622
  [color]="iconPalette(clearIconColor())"
@@ -32311,7 +32815,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
32311
32815
  '[attr.data-field-type]': '"inlineCurrencyRange"',
32312
32816
  '[attr.data-field-name]': 'metadata()?.name',
32313
32817
  '[attr.data-component-id]': 'componentId()',
32314
- }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-currency-range-min-w, 188px);max-width:min(var(--pdx-inline-currency-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-currency-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-currency-range-chip.is-open{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-currency-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-currency-range-trigger:focus-visible{outline:none}.pdx-inline-currency-range-trigger:disabled{cursor:default}.pdx-inline-currency-range-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-currency-range-text{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-currency-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-currency-range-chip.is-active .pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-currency-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-currency-range-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-currency-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-currency-range-panel-min-w, 260px),calc(100vw - 24px));width:clamp(var(--pdx-inline-currency-range-panel-min-w, 260px),28vw,var(--pdx-inline-currency-range-panel-max-w, 390px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-currency-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-currency-range-slider-wrap{min-width:0}.pdx-inline-currency-range-distribution{--pdx-inline-currency-range-dist-height: 42px;--pdx-inline-currency-range-dist-gap: 3px;--pdx-inline-currency-range-dist-radius: 4px;--pdx-inline-currency-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-currency-range-dist-gap);height:var(--pdx-inline-currency-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-currency-range-dist-opacity);overflow:hidden}.pdx-inline-currency-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-currency-range-dist-radius) var(--pdx-inline-currency-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-currency-range-bands{position:relative;height:6px;margin:0 12px -2px;border-radius:var(--md-sys-shape-corner-full, 999px);background:color-mix(in srgb,var(--md-sys-color-outline-variant) 26%,transparent);overflow:hidden}.pdx-inline-currency-range-band{position:absolute;top:0;bottom:0;min-width:2px;border-radius:inherit;background:color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent)}.pdx-inline-currency-range-band[data-tone=info]{background:color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent)}.pdx-inline-currency-range-band[data-tone=success]{background:color-mix(in srgb,var(--md-sys-color-tertiary) 46%,transparent)}.pdx-inline-currency-range-band[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-secondary) 50%,transparent)}.pdx-inline-currency-range-band[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-error) 46%,transparent)}.pdx-inline-currency-range-slider{width:100%;min-width:180px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__track{border-radius:999px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--active,:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--inactive{width:var(--pdx-inline-currency-range-tick-width, 2px);height:var(--pdx-inline-currency-range-tick-height, 8px);border-radius:var(--md-sys-shape-corner-full, 999px)}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--active{background-color:color-mix(in srgb,var(--md-sys-color-primary) 72%,white);opacity:.86}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--inactive{background-color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 46%,transparent);opacity:.68}.pdx-inline-currency-range-marks{position:relative;min-height:18px;margin:-4px 12px 0;color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}.pdx-inline-currency-range-mark-label{position:absolute;top:0;max-width:42%;transform:translate(-50%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.pdx-inline-currency-range-mark-label[data-tone=info]{color:var(--md-sys-color-primary)}.pdx-inline-currency-range-mark-label[data-tone=success]{color:var(--md-sys-color-tertiary)}.pdx-inline-currency-range-mark-label[data-tone=warning]{color:var(--md-sys-color-secondary)}.pdx-inline-currency-range-mark-label[data-tone=danger]{color:var(--md-sys-color-error)}.pdx-inline-currency-range-mark-label.is-disabled{opacity:.54}.pdx-inline-currency-range-scale{position:relative;min-height:20px;margin-top:-2px;margin-inline:10px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-currency-range-scale.is-condensed{min-height:0;margin-top:-6px}.pdx-inline-currency-range-scale.is-summary-only{min-height:0;margin-top:-8px}.pdx-inline-currency-range-scale-value{position:absolute;top:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.pdx-inline-currency-range-scale.is-condensed .pdx-inline-currency-range-scale-value,.pdx-inline-currency-range-scale.is-summary-only .pdx-inline-currency-range-scale-value{opacity:0;visibility:hidden}.pdx-inline-currency-range-scale-value.is-start{left:var(--pdx-inline-currency-range-start-pos, 0%);transform:translate(-50%)}.pdx-inline-currency-range-scale-value.is-end{left:var(--pdx-inline-currency-range-end-pos, 100%);transform:translate(-50%);text-align:right}.pdx-inline-currency-range-scale-value.is-start.is-edge{transform:translate(0)}.pdx-inline-currency-range-scale-value.is-end.is-edge{transform:translate(-100%)}.pdx-inline-currency-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}.pdx-inline-currency-range-actions{display:flex;align-items:center;gap:8px;margin-top:2px}.pdx-inline-currency-range-action-spacer{flex:1 1 auto}.pdx-inline-currency-range-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 14px;border-radius:var(--md-sys-shape-corner-full, 999px);border:1px solid transparent;background:transparent;color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;line-height:1;font-weight:600;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-currency-range-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-currency-range-action[data-appearance=outlined]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}.pdx-inline-currency-range-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-currency-range-action[data-appearance=filled]{background:var( --pdx-inline-currency-range-action-primary-container, var(--md-sys-color-primary-container) );color:var( --pdx-inline-currency-range-action-primary-label, var(--md-sys-color-on-primary-container) )}.pdx-inline-currency-range-action[data-appearance=tonal]{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent);color:var(--md-sys-color-on-secondary-container)}.pdx-inline-currency-range-action[data-color-role=primary]{--pdx-inline-currency-range-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-currency-range-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-currency-range-action[data-color-role=danger]{--pdx-inline-currency-range-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-currency-range-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-currency-range-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-currency-range-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-currency-range-action[data-appearance=filled]:hover:not(:disabled){background:color-mix(in srgb,var( --pdx-inline-currency-range-action-primary-container, var(--md-sys-color-primary-container) ) 84%,var(--md-sys-color-primary))}.pdx-inline-currency-range-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-currency-range-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-currency-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-currency-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-currency-range-text{font-size:.92rem}.pdx-inline-currency-range-panel{width:min(var(--pdx-inline-currency-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}}\n"] }]
32818
+ }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-currency-range-min-w, 188px);max-width:min(var(--pdx-inline-currency-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-currency-range-chip.is-active{border-color:var(--pdx-inline-chip-active-border, 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-currency-range-chip.is-open{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-currency-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-currency-range-trigger:focus-visible{outline:none}.pdx-inline-currency-range-trigger:disabled{cursor:default}.pdx-inline-currency-range-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-currency-range-text{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-currency-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-currency-range-chip.is-active .pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-currency-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-currency-range-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-currency-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-currency-range-panel-min-w, 260px),calc(100vw - 24px));width:clamp(var(--pdx-inline-currency-range-panel-min-w, 260px),28vw,var(--pdx-inline-currency-range-panel-max-w, 390px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-currency-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-currency-range-slider-wrap{min-width:0}.pdx-inline-currency-range-distribution{--pdx-inline-currency-range-dist-height: 42px;--pdx-inline-currency-range-dist-gap: 3px;--pdx-inline-currency-range-dist-radius: 4px;--pdx-inline-currency-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-currency-range-dist-gap);height:var(--pdx-inline-currency-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-currency-range-dist-opacity);overflow:hidden}.pdx-inline-currency-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-currency-range-dist-radius) var(--pdx-inline-currency-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-currency-range-bands{position:relative;height:6px;margin:0 12px -2px;border-radius:var(--md-sys-shape-corner-full, 999px);background:color-mix(in srgb,var(--md-sys-color-outline-variant) 26%,transparent);overflow:hidden}.pdx-inline-currency-range-band{position:absolute;top:0;bottom:0;min-width:2px;border-radius:inherit;background:color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,transparent)}.pdx-inline-currency-range-band[data-tone=info]{background:color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent)}.pdx-inline-currency-range-band[data-tone=success]{background:color-mix(in srgb,var(--md-sys-color-tertiary) 46%,transparent)}.pdx-inline-currency-range-band[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-secondary) 50%,transparent)}.pdx-inline-currency-range-band[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-error) 46%,transparent)}.pdx-inline-currency-range-slider{width:100%;min-width:180px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__track{border-radius:999px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--active,:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--inactive{width:var(--pdx-inline-currency-range-tick-width, 2px);height:var(--pdx-inline-currency-range-tick-height, 8px);border-radius:var(--md-sys-shape-corner-full, 999px)}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--active{background-color:color-mix(in srgb,var(--md-sys-color-primary) 72%,white);opacity:.86}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__tick-mark--inactive{background-color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 46%,transparent);opacity:.68}.pdx-inline-currency-range-marks{position:relative;min-height:18px;margin:-4px 12px 0;color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}.pdx-inline-currency-range-mark-label{position:absolute;top:0;max-width:42%;transform:translate(-50%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.pdx-inline-currency-range-mark-label[data-tone=info]{color:var(--md-sys-color-primary)}.pdx-inline-currency-range-mark-label[data-tone=success]{color:var(--md-sys-color-tertiary)}.pdx-inline-currency-range-mark-label[data-tone=warning]{color:var(--md-sys-color-secondary)}.pdx-inline-currency-range-mark-label[data-tone=danger]{color:var(--md-sys-color-error)}.pdx-inline-currency-range-mark-label.is-disabled{opacity:.54}.pdx-inline-currency-range-scale{position:relative;min-height:20px;margin-top:-2px;margin-inline:10px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-currency-range-scale.is-condensed{min-height:0;margin-top:-6px}.pdx-inline-currency-range-scale.is-summary-only{min-height:0;margin-top:-8px}.pdx-inline-currency-range-scale-value{position:absolute;top:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.pdx-inline-currency-range-scale.is-condensed .pdx-inline-currency-range-scale-value,.pdx-inline-currency-range-scale.is-summary-only .pdx-inline-currency-range-scale-value{opacity:0;visibility:hidden}.pdx-inline-currency-range-scale-value.is-start{left:var(--pdx-inline-currency-range-start-pos, 0%);transform:translate(-50%)}.pdx-inline-currency-range-scale-value.is-end{left:var(--pdx-inline-currency-range-end-pos, 100%);transform:translate(-50%);text-align:right}.pdx-inline-currency-range-scale-value.is-start.is-edge{transform:translate(0)}.pdx-inline-currency-range-scale-value.is-end.is-edge{transform:translate(-100%)}.pdx-inline-currency-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}.pdx-inline-currency-range-actions{display:flex;align-items:center;gap:8px;margin-top:2px}.pdx-inline-currency-range-action-spacer{flex:1 1 auto}.pdx-inline-currency-range-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 14px;border-radius:var(--md-sys-shape-corner-full, 999px);border:1px solid transparent;background:transparent;color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;line-height:1;font-weight:600;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-currency-range-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-currency-range-action[data-appearance=outlined]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}.pdx-inline-currency-range-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-currency-range-action[data-appearance=filled]{background:var( --pdx-inline-currency-range-action-primary-container, var(--md-sys-color-primary-container) );color:var( --pdx-inline-currency-range-action-primary-label, var(--md-sys-color-on-primary-container) )}.pdx-inline-currency-range-action[data-appearance=tonal]{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent);color:var(--md-sys-color-on-secondary-container)}.pdx-inline-currency-range-action[data-color-role=primary]{--pdx-inline-currency-range-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-currency-range-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-currency-range-action[data-color-role=danger]{--pdx-inline-currency-range-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-currency-range-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-currency-range-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-currency-range-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-currency-range-action[data-appearance=filled]:hover:not(:disabled){background:color-mix(in srgb,var( --pdx-inline-currency-range-action-primary-container, var(--md-sys-color-primary-container) ) 84%,var(--md-sys-color-primary))}.pdx-inline-currency-range-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-currency-range-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-currency-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-currency-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-currency-range-text{font-size:.92rem}.pdx-inline-currency-range-panel{width:min(var(--pdx-inline-currency-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}}\n"] }]
32315
32819
  }], propDecorators: { readonlyMode: [{
32316
32820
  type: Input
32317
32821
  }], disabledMode: [{
@@ -32407,7 +32911,9 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
32407
32911
  const label = this.placeholderText();
32408
32912
  if (!this.hasSelection())
32409
32913
  return label;
32410
- return `${label}: ${this.isTrue() ? 'Sim' : 'Não'}`;
32914
+ return `${label}: ${this.isTrue()
32915
+ ? this.tDynamicFields('boolean.true', 'Sim')
32916
+ : this.tDynamicFields('boolean.false', 'Não')}`;
32411
32917
  }
32412
32918
  isReadonlyEffective() {
32413
32919
  const st = computeEffectiveState(this.metadata(), {
@@ -32480,6 +32986,10 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
32480
32986
  >
32481
32987
  </mat-slide-toggle>
32482
32988
 
32989
+ @if (isTrue()) {
32990
+ <mat-icon class="pdx-inline-toggle-state-icon" aria-hidden="true">check_circle</mat-icon>
32991
+ }
32992
+
32483
32993
  @if (showTextLabel()) {
32484
32994
  <span class="pdx-inline-toggle-label">{{ toggleLabelText() }}</span>
32485
32995
  }
@@ -32491,6 +33001,7 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
32491
33001
  (mousedown)="onTriggerIconMouseDown($event)"
32492
33002
  (click)="onQuickClear($event)"
32493
33003
  [attr.aria-label]="clearActionAriaLabel()"
33004
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
32494
33005
  >
32495
33006
  <mat-icon
32496
33007
  [color]="iconPalette(clearIconColor())"
@@ -32499,7 +33010,7 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
32499
33010
  </button>
32500
33011
  }
32501
33012
  </div>
32502
- `, 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, 320px),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{background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,var(--md-sys-color-surface-container-high))}.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{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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,var(--md-sys-color-on-surface) 16%,transparent);color:var(--md-sys-color-on-surface)}.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}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0}: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: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
33013
+ `, 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, 320px),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{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-toggle-state-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;color:currentColor}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
32503
33014
  }
32504
33015
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineToggleComponent, decorators: [{
32505
33016
  type: Component,
@@ -32530,6 +33041,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
32530
33041
  >
32531
33042
  </mat-slide-toggle>
32532
33043
 
33044
+ @if (isTrue()) {
33045
+ <mat-icon class="pdx-inline-toggle-state-icon" aria-hidden="true">check_circle</mat-icon>
33046
+ }
33047
+
32533
33048
  @if (showTextLabel()) {
32534
33049
  <span class="pdx-inline-toggle-label">{{ toggleLabelText() }}</span>
32535
33050
  }
@@ -32541,6 +33056,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
32541
33056
  (mousedown)="onTriggerIconMouseDown($event)"
32542
33057
  (click)="onQuickClear($event)"
32543
33058
  [attr.aria-label]="clearActionAriaLabel()"
33059
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
32544
33060
  >
32545
33061
  <mat-icon
32546
33062
  [color]="iconPalette(clearIconColor())"
@@ -32565,7 +33081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
32565
33081
  '[attr.data-field-type]': '"inlineToggle"',
32566
33082
  '[attr.data-field-name]': 'metadata()?.name',
32567
33083
  '[attr.data-component-id]': 'componentId()',
32568
- }, 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, 320px),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{background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,var(--md-sys-color-surface-container-high))}.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{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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,var(--md-sys-color-on-surface) 16%,transparent);color:var(--md-sys-color-on-surface)}.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}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0}: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"] }]
33084
+ }, 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, 320px),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{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-toggle-state-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;color:currentColor}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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"] }]
32569
33085
  }], propDecorators: { readonlyMode: [{
32570
33086
  type: Input
32571
33087
  }], disabledMode: [{
@@ -32825,27 +33341,31 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
32825
33341
  }
32826
33342
  inputMinLabel() {
32827
33343
  const texts = this.inlineTexts();
32828
- return texts.minLabel || 'Min';
33344
+ return texts.minLabel || this.tDynamicFields('inlineRange.minLabel', 'Min');
32829
33345
  }
32830
33346
  inputMaxLabel() {
32831
33347
  const texts = this.inlineTexts();
32832
- return texts.maxLabel || 'Max';
33348
+ return texts.maxLabel || this.tDynamicFields('inlineRange.maxLabel', 'Max');
32833
33349
  }
32834
33350
  inputValueLabel() {
32835
33351
  const texts = this.inlineTexts();
32836
- return texts.valueLabel || 'Valor';
33352
+ return texts.valueLabel || this.tDynamicFields('inlineRange.valueLabel', 'Valor');
32837
33353
  }
32838
33354
  quickPresetsGroupLabel() {
32839
33355
  const texts = this.inlineTexts();
32840
- return texts.quickPresetsLabel || 'Faixas rápidas';
33356
+ return texts.quickPresetsLabel || this.tDynamicFields('inlineRange.quickPresetsLabel', 'Faixas rápidas');
32841
33357
  }
32842
33358
  clearPanelActionLabel() {
32843
- return this.inlineOverlayAction('clear')?.label || this.inlineTexts().clearActionLabel || 'Limpar';
33359
+ return (this.inlineOverlayAction('clear')?.label ||
33360
+ this.inlineTexts().clearActionLabel ||
33361
+ this.tDynamicFields('inlineRange.clearActionLabel', 'Limpar'));
32844
33362
  }
32845
33363
  donePanelActionLabel() {
32846
33364
  return (this.inlineOverlayAction('apply')?.label ||
32847
33365
  this.inlineTexts().doneActionLabel ||
32848
- (this.usesExplicitApplyMode() ? 'Aplicar' : 'Concluir'));
33366
+ (this.usesExplicitApplyMode()
33367
+ ? this.tDynamicFields('inlineRange.applyActionLabel', 'Aplicar')
33368
+ : this.tDynamicFields('inlineRange.doneActionLabel', 'Concluir')));
32849
33369
  }
32850
33370
  cancelPanelActionLabel() {
32851
33371
  return this.inlineOverlayAction('cancel')?.label || this.tDynamicFields('inlineRange.cancelActionLabel', 'Cancelar');
@@ -33964,11 +34484,9 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
33964
34484
  !Array.isArray(md.numberFormat)
33965
34485
  ? md.numberFormat
33966
34486
  : null;
33967
- const decimalPlaces = Number.isFinite(Number(md.decimalPlaces))
33968
- ? Number(md.decimalPlaces)
33969
- : Number.isFinite(Number(numberFormatSource?.decimalPlaces))
33970
- ? Number(numberFormatSource?.decimalPlaces)
33971
- : undefined;
34487
+ const decimalPlaces = this.normalizeDecimalPlaces(md.decimalPlaces) ??
34488
+ this.normalizeDecimalPlaces(numberFormatSource?.decimalPlaces) ??
34489
+ undefined;
33972
34490
  const locale = String(md.locale || numberFormatSource?.locale || 'pt-BR');
33973
34491
  const usePercent = this.usesPercentFormatting();
33974
34492
  const useCurrency = !usePercent && (currency.length > 0 || format === 'currency');
@@ -34013,6 +34531,16 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
34013
34531
  this.formatterKey = '';
34014
34532
  this.formatterCache = null;
34015
34533
  }
34534
+ normalizeDecimalPlaces(value) {
34535
+ if (value === null || value === undefined || value === '') {
34536
+ return null;
34537
+ }
34538
+ const numeric = typeof value === 'number' ? value : Number(value);
34539
+ if (!Number.isFinite(numeric)) {
34540
+ return null;
34541
+ }
34542
+ return Math.max(0, Math.min(20, Math.trunc(numeric)));
34543
+ }
34016
34544
  resetQuickPresetsCache() {
34017
34545
  this.quickPresetsKey = '';
34018
34546
  this.quickPresetsCache = [];
@@ -34195,6 +34723,7 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
34195
34723
  (mousedown)="onTriggerIconMouseDown($event)"
34196
34724
  (click)="onQuickClear($event)"
34197
34725
  [attr.aria-label]="clearActionAriaLabel()"
34726
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
34198
34727
  >
34199
34728
  <mat-icon
34200
34729
  [color]="iconPalette(clearIconColor())"
@@ -34473,7 +35002,7 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
34473
35002
  </div>
34474
35003
  </ng-template>
34475
35004
  </div>
34476
- `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-range-min-w, 164px);max-width:min(var(--pdx-inline-range-max-w, 300px),calc(100vw - 48px));padding:0 8px 0 0;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-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-range-chip.is-open{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-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-range-trigger:focus-visible{outline:none}.pdx-inline-range-trigger:disabled{cursor:default}.pdx-inline-range-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-range-chip.is-active .pdx-inline-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-range-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-range-panel-min-w, 250px),calc(100vw - 24px));width:clamp(var(--pdx-inline-range-panel-min-w, 250px),28vw,var(--pdx-inline-range-panel-max-w, 380px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-range-slider-wrap{min-width:0}.pdx-inline-range-distribution{--pdx-inline-range-dist-height: 42px;--pdx-inline-range-dist-gap: 3px;--pdx-inline-range-dist-radius: 4px;--pdx-inline-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-range-dist-gap);height:var(--pdx-inline-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-range-dist-opacity);overflow:hidden}.pdx-inline-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-range-dist-radius) var(--pdx-inline-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-range-slider{width:100%;min-width:180px}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider{margin:0}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__track{border-radius:999px}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--active,::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--inactive{width:var(--pdx-inline-range-tick-width, 2px);height:var(--pdx-inline-range-tick-height, 8px);border-radius:var(--md-sys-shape-corner-full, 999px)}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--active{background-color:var( --pdx-inline-range-tick-active-color, color-mix(in srgb, var(--md-sys-color-primary) 72%, white) );opacity:var(--pdx-inline-range-tick-active-opacity, .86)}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--inactive{background-color:var( --pdx-inline-range-tick-inactive-color, color-mix( in srgb, var(--md-sys-color-on-surface-variant) 46%, transparent ) );opacity:var(--pdx-inline-range-tick-inactive-opacity, .68)}.pdx-inline-range-inputs{display:flex;align-items:flex-end;gap:8px}.pdx-inline-range-input-field{display:grid;gap:4px;flex:1 1 auto;min-width:0}.pdx-inline-range-input-field span{font-size:.74rem;font-weight:600;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.pdx-inline-range-input-field input{width:100%;min-width:0;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font:inherit;font-size:.9rem;box-sizing:border-box}.pdx-inline-range-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px;border-color:var(--md-sys-color-primary)}.pdx-inline-range-input-field input:disabled{opacity:.58;cursor:default}.pdx-inline-range-input-field input::-webkit-outer-spin-button,.pdx-inline-range-input-field input::-webkit-inner-spin-button{margin:0}.pdx-inline-range-input-sep{align-self:center;color:var(--md-sys-color-outline)}.pdx-inline-range-presets{display:flex;flex-wrap:wrap;gap:6px}.pdx-inline-range-preset{display:inline-flex;align-items:center;gap:4px;min-height:28px;max-width:100%;padding: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);font:inherit;font-size:.8rem;line-height:1;cursor:pointer}.pdx-inline-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-inline-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-range-preset:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-range-preset:disabled{opacity:.56;cursor:default}.pdx-inline-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}.pdx-inline-range-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:2px}.pdx-inline-range-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--pdx-inline-range-action-height, 32px);padding:0 var(--pdx-inline-range-action-padding-x, 14px);border-radius:var( --pdx-inline-range-action-radius, var(--md-sys-shape-corner-full, 999px) );border:1px solid transparent;background:transparent;color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;line-height:1;font-weight:600;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-range-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-range-action[data-appearance=outlined]{border-color:var( --pdx-inline-range-action-secondary-border, color-mix( in srgb, var(--md-sys-color-outline-variant) 72%, transparent ) );background:var( --pdx-inline-range-action-secondary-container, color-mix( in srgb, var(--md-sys-color-surface-container-high) 72%, transparent ) );color:var( --pdx-inline-range-action-secondary-label, var(--md-sys-color-on-surface-variant) )}.pdx-inline-range-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-range-action[data-appearance=filled]{border-color:var( --pdx-inline-range-action-primary-border, transparent );color:var( --pdx-inline-range-action-primary-label, var(--md-sys-color-on-primary-container) );background:var( --pdx-inline-range-action-primary-container, var(--md-sys-color-primary-container) )}.pdx-inline-range-action[data-appearance=tonal]{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent);color:var(--md-sys-color-on-secondary-container)}.pdx-inline-range-action[data-color-role=primary]{--pdx-inline-range-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-range-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-range-action[data-color-role=danger]{--pdx-inline-range-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-range-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-range-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-range-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-range-action[data-appearance=filled]:hover:not(:disabled){background:var( --pdx-inline-range-action-primary-hover-container, color-mix( in srgb, var(--md-sys-color-primary-container) 84%, var(--md-sys-color-primary) ) )}.pdx-inline-range-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-range-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-range-text{font-size:.92rem}.pdx-inline-range-panel{width:min(var(--pdx-inline-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}.pdx-inline-range-input-field input{height:30px;padding-inline:8px;font-size:.85rem}.pdx-inline-range-preset{min-height:26px;padding-inline:8px;font-size:.74rem}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$2.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
35005
+ `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-range-min-w, 164px);max-width:min(var(--pdx-inline-range-max-w, 300px),calc(100vw - 48px));padding:0 8px 0 0;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-range-chip.is-active{border-color:var(--pdx-inline-chip-active-border, 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-range-chip.is-open{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-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-range-trigger:focus-visible{outline:none}.pdx-inline-range-trigger:disabled{cursor:default}.pdx-inline-range-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-range-chip.is-active .pdx-inline-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-range-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-range-panel-min-w, 250px),calc(100vw - 24px));width:clamp(var(--pdx-inline-range-panel-min-w, 250px),28vw,var(--pdx-inline-range-panel-max-w, 380px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-range-slider-wrap{min-width:0}.pdx-inline-range-distribution{--pdx-inline-range-dist-height: 42px;--pdx-inline-range-dist-gap: 3px;--pdx-inline-range-dist-radius: 4px;--pdx-inline-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-range-dist-gap);height:var(--pdx-inline-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-range-dist-opacity);overflow:hidden}.pdx-inline-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-range-dist-radius) var(--pdx-inline-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-range-slider{width:100%;min-width:180px}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider{margin:0}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__track{border-radius:999px}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--active,::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--inactive{width:var(--pdx-inline-range-tick-width, 2px);height:var(--pdx-inline-range-tick-height, 8px);border-radius:var(--md-sys-shape-corner-full, 999px)}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--active{background-color:var( --pdx-inline-range-tick-active-color, color-mix(in srgb, var(--md-sys-color-primary) 72%, white) );opacity:var(--pdx-inline-range-tick-active-opacity, .86)}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--inactive{background-color:var( --pdx-inline-range-tick-inactive-color, color-mix( in srgb, var(--md-sys-color-on-surface-variant) 46%, transparent ) );opacity:var(--pdx-inline-range-tick-inactive-opacity, .68)}.pdx-inline-range-inputs{display:flex;align-items:flex-end;gap:8px}.pdx-inline-range-input-field{display:grid;gap:4px;flex:1 1 auto;min-width:0}.pdx-inline-range-input-field span{font-size:.74rem;font-weight:600;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.pdx-inline-range-input-field input{width:100%;min-width:0;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font:inherit;font-size:.9rem;box-sizing:border-box}.pdx-inline-range-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px;border-color:var(--md-sys-color-primary)}.pdx-inline-range-input-field input:disabled{opacity:.58;cursor:default}.pdx-inline-range-input-field input::-webkit-outer-spin-button,.pdx-inline-range-input-field input::-webkit-inner-spin-button{margin:0}.pdx-inline-range-input-sep{align-self:center;color:var(--md-sys-color-outline)}.pdx-inline-range-presets{display:flex;flex-wrap:wrap;gap:6px}.pdx-inline-range-preset{display:inline-flex;align-items:center;gap:4px;min-height:28px;max-width:100%;padding: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);font:inherit;font-size:.8rem;line-height:1;cursor:pointer}.pdx-inline-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-inline-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-range-preset:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-range-preset:disabled{opacity:.56;cursor:default}.pdx-inline-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}.pdx-inline-range-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:2px}.pdx-inline-range-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--pdx-inline-range-action-height, 32px);padding:0 var(--pdx-inline-range-action-padding-x, 14px);border-radius:var( --pdx-inline-range-action-radius, var(--md-sys-shape-corner-full, 999px) );border:1px solid transparent;background:transparent;color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;line-height:1;font-weight:600;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-range-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-range-action[data-appearance=outlined]{border-color:var( --pdx-inline-range-action-secondary-border, color-mix( in srgb, var(--md-sys-color-outline-variant) 72%, transparent ) );background:var( --pdx-inline-range-action-secondary-container, color-mix( in srgb, var(--md-sys-color-surface-container-high) 72%, transparent ) );color:var( --pdx-inline-range-action-secondary-label, var(--md-sys-color-on-surface-variant) )}.pdx-inline-range-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-range-action[data-appearance=filled]{border-color:var( --pdx-inline-range-action-primary-border, transparent );color:var( --pdx-inline-range-action-primary-label, var(--md-sys-color-on-primary-container) );background:var( --pdx-inline-range-action-primary-container, var(--md-sys-color-primary-container) )}.pdx-inline-range-action[data-appearance=tonal]{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent);color:var(--md-sys-color-on-secondary-container)}.pdx-inline-range-action[data-color-role=primary]{--pdx-inline-range-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-range-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-range-action[data-color-role=danger]{--pdx-inline-range-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-range-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-range-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-range-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-range-action[data-appearance=filled]:hover:not(:disabled){background:var( --pdx-inline-range-action-primary-hover-container, color-mix( in srgb, var(--md-sys-color-primary-container) 84%, var(--md-sys-color-primary) ) )}.pdx-inline-range-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-range-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-range-text{font-size:.92rem}.pdx-inline-range-panel{width:min(var(--pdx-inline-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}.pdx-inline-range-input-field input{height:30px;padding-inline:8px;font-size:.85rem}.pdx-inline-range-preset{min-height:26px;padding-inline:8px;font-size:.74rem}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$2.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
34477
35006
  }
34478
35007
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineRangeSliderComponent, decorators: [{
34479
35008
  type: Component,
@@ -34543,6 +35072,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
34543
35072
  (mousedown)="onTriggerIconMouseDown($event)"
34544
35073
  (click)="onQuickClear($event)"
34545
35074
  [attr.aria-label]="clearActionAriaLabel()"
35075
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
34546
35076
  >
34547
35077
  <mat-icon
34548
35078
  [color]="iconPalette(clearIconColor())"
@@ -34837,7 +35367,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
34837
35367
  '[attr.data-field-type]': '"inlineRange"',
34838
35368
  '[attr.data-field-name]': 'metadata()?.name',
34839
35369
  '[attr.data-component-id]': 'componentId()',
34840
- }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-range-min-w, 164px);max-width:min(var(--pdx-inline-range-max-w, 300px),calc(100vw - 48px));padding:0 8px 0 0;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-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-range-chip.is-open{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-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-range-trigger:focus-visible{outline:none}.pdx-inline-range-trigger:disabled{cursor:default}.pdx-inline-range-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-range-chip.is-active .pdx-inline-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-range-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-range-panel-min-w, 250px),calc(100vw - 24px));width:clamp(var(--pdx-inline-range-panel-min-w, 250px),28vw,var(--pdx-inline-range-panel-max-w, 380px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-range-slider-wrap{min-width:0}.pdx-inline-range-distribution{--pdx-inline-range-dist-height: 42px;--pdx-inline-range-dist-gap: 3px;--pdx-inline-range-dist-radius: 4px;--pdx-inline-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-range-dist-gap);height:var(--pdx-inline-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-range-dist-opacity);overflow:hidden}.pdx-inline-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-range-dist-radius) var(--pdx-inline-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-range-slider{width:100%;min-width:180px}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider{margin:0}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__track{border-radius:999px}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--active,::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--inactive{width:var(--pdx-inline-range-tick-width, 2px);height:var(--pdx-inline-range-tick-height, 8px);border-radius:var(--md-sys-shape-corner-full, 999px)}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--active{background-color:var( --pdx-inline-range-tick-active-color, color-mix(in srgb, var(--md-sys-color-primary) 72%, white) );opacity:var(--pdx-inline-range-tick-active-opacity, .86)}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--inactive{background-color:var( --pdx-inline-range-tick-inactive-color, color-mix( in srgb, var(--md-sys-color-on-surface-variant) 46%, transparent ) );opacity:var(--pdx-inline-range-tick-inactive-opacity, .68)}.pdx-inline-range-inputs{display:flex;align-items:flex-end;gap:8px}.pdx-inline-range-input-field{display:grid;gap:4px;flex:1 1 auto;min-width:0}.pdx-inline-range-input-field span{font-size:.74rem;font-weight:600;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.pdx-inline-range-input-field input{width:100%;min-width:0;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font:inherit;font-size:.9rem;box-sizing:border-box}.pdx-inline-range-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px;border-color:var(--md-sys-color-primary)}.pdx-inline-range-input-field input:disabled{opacity:.58;cursor:default}.pdx-inline-range-input-field input::-webkit-outer-spin-button,.pdx-inline-range-input-field input::-webkit-inner-spin-button{margin:0}.pdx-inline-range-input-sep{align-self:center;color:var(--md-sys-color-outline)}.pdx-inline-range-presets{display:flex;flex-wrap:wrap;gap:6px}.pdx-inline-range-preset{display:inline-flex;align-items:center;gap:4px;min-height:28px;max-width:100%;padding: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);font:inherit;font-size:.8rem;line-height:1;cursor:pointer}.pdx-inline-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-inline-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-range-preset:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-range-preset:disabled{opacity:.56;cursor:default}.pdx-inline-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}.pdx-inline-range-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:2px}.pdx-inline-range-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--pdx-inline-range-action-height, 32px);padding:0 var(--pdx-inline-range-action-padding-x, 14px);border-radius:var( --pdx-inline-range-action-radius, var(--md-sys-shape-corner-full, 999px) );border:1px solid transparent;background:transparent;color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;line-height:1;font-weight:600;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-range-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-range-action[data-appearance=outlined]{border-color:var( --pdx-inline-range-action-secondary-border, color-mix( in srgb, var(--md-sys-color-outline-variant) 72%, transparent ) );background:var( --pdx-inline-range-action-secondary-container, color-mix( in srgb, var(--md-sys-color-surface-container-high) 72%, transparent ) );color:var( --pdx-inline-range-action-secondary-label, var(--md-sys-color-on-surface-variant) )}.pdx-inline-range-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-range-action[data-appearance=filled]{border-color:var( --pdx-inline-range-action-primary-border, transparent );color:var( --pdx-inline-range-action-primary-label, var(--md-sys-color-on-primary-container) );background:var( --pdx-inline-range-action-primary-container, var(--md-sys-color-primary-container) )}.pdx-inline-range-action[data-appearance=tonal]{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent);color:var(--md-sys-color-on-secondary-container)}.pdx-inline-range-action[data-color-role=primary]{--pdx-inline-range-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-range-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-range-action[data-color-role=danger]{--pdx-inline-range-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-range-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-range-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-range-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-range-action[data-appearance=filled]:hover:not(:disabled){background:var( --pdx-inline-range-action-primary-hover-container, color-mix( in srgb, var(--md-sys-color-primary-container) 84%, var(--md-sys-color-primary) ) )}.pdx-inline-range-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-range-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-range-text{font-size:.92rem}.pdx-inline-range-panel{width:min(var(--pdx-inline-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}.pdx-inline-range-input-field input{height:30px;padding-inline:8px;font-size:.85rem}.pdx-inline-range-preset{min-height:26px;padding-inline:8px;font-size:.74rem}}\n"] }]
35370
+ }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-range-min-w, 164px);max-width:min(var(--pdx-inline-range-max-w, 300px),calc(100vw - 48px));padding:0 8px 0 0;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-range-chip.is-active{border-color:var(--pdx-inline-chip-active-border, 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-range-chip.is-open{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-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-range-trigger:focus-visible{outline:none}.pdx-inline-range-trigger:disabled{cursor:default}.pdx-inline-range-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-range-chip.is-active .pdx-inline-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-range-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-range-panel-min-w, 250px),calc(100vw - 24px));width:clamp(var(--pdx-inline-range-panel-min-w, 250px),28vw,var(--pdx-inline-range-panel-max-w, 380px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-range-slider-wrap{min-width:0}.pdx-inline-range-distribution{--pdx-inline-range-dist-height: 42px;--pdx-inline-range-dist-gap: 3px;--pdx-inline-range-dist-radius: 4px;--pdx-inline-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-range-dist-gap);height:var(--pdx-inline-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-range-dist-opacity);overflow:hidden}.pdx-inline-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-range-dist-radius) var(--pdx-inline-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-range-slider{width:100%;min-width:180px}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider{margin:0}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__track{border-radius:999px}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--active,::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--inactive{width:var(--pdx-inline-range-tick-width, 2px);height:var(--pdx-inline-range-tick-height, 8px);border-radius:var(--md-sys-shape-corner-full, 999px)}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--active{background-color:var( --pdx-inline-range-tick-active-color, color-mix(in srgb, var(--md-sys-color-primary) 72%, white) );opacity:var(--pdx-inline-range-tick-active-opacity, .86)}::ng-deep .pdx-inline-range-panel .pdx-inline-range-slider .mdc-slider__tick-mark--inactive{background-color:var( --pdx-inline-range-tick-inactive-color, color-mix( in srgb, var(--md-sys-color-on-surface-variant) 46%, transparent ) );opacity:var(--pdx-inline-range-tick-inactive-opacity, .68)}.pdx-inline-range-inputs{display:flex;align-items:flex-end;gap:8px}.pdx-inline-range-input-field{display:grid;gap:4px;flex:1 1 auto;min-width:0}.pdx-inline-range-input-field span{font-size:.74rem;font-weight:600;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.pdx-inline-range-input-field input{width:100%;min-width:0;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font:inherit;font-size:.9rem;box-sizing:border-box}.pdx-inline-range-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px;border-color:var(--md-sys-color-primary)}.pdx-inline-range-input-field input:disabled{opacity:.58;cursor:default}.pdx-inline-range-input-field input::-webkit-outer-spin-button,.pdx-inline-range-input-field input::-webkit-inner-spin-button{margin:0}.pdx-inline-range-input-sep{align-self:center;color:var(--md-sys-color-outline)}.pdx-inline-range-presets{display:flex;flex-wrap:wrap;gap:6px}.pdx-inline-range-preset{display:inline-flex;align-items:center;gap:4px;min-height:28px;max-width:100%;padding: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);font:inherit;font-size:.8rem;line-height:1;cursor:pointer}.pdx-inline-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-inline-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-range-preset:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-range-preset:disabled{opacity:.56;cursor:default}.pdx-inline-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}.pdx-inline-range-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:2px}.pdx-inline-range-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--pdx-inline-range-action-height, 32px);padding:0 var(--pdx-inline-range-action-padding-x, 14px);border-radius:var( --pdx-inline-range-action-radius, var(--md-sys-shape-corner-full, 999px) );border:1px solid transparent;background:transparent;color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;line-height:1;font-weight:600;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-range-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-range-action[data-appearance=outlined]{border-color:var( --pdx-inline-range-action-secondary-border, color-mix( in srgb, var(--md-sys-color-outline-variant) 72%, transparent ) );background:var( --pdx-inline-range-action-secondary-container, color-mix( in srgb, var(--md-sys-color-surface-container-high) 72%, transparent ) );color:var( --pdx-inline-range-action-secondary-label, var(--md-sys-color-on-surface-variant) )}.pdx-inline-range-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-range-action[data-appearance=filled]{border-color:var( --pdx-inline-range-action-primary-border, transparent );color:var( --pdx-inline-range-action-primary-label, var(--md-sys-color-on-primary-container) );background:var( --pdx-inline-range-action-primary-container, var(--md-sys-color-primary-container) )}.pdx-inline-range-action[data-appearance=tonal]{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent);color:var(--md-sys-color-on-secondary-container)}.pdx-inline-range-action[data-color-role=primary]{--pdx-inline-range-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-range-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-range-action[data-color-role=danger]{--pdx-inline-range-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-range-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-range-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-range-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-range-action[data-appearance=filled]:hover:not(:disabled){background:var( --pdx-inline-range-action-primary-hover-container, color-mix( in srgb, var(--md-sys-color-primary-container) 84%, var(--md-sys-color-primary) ) )}.pdx-inline-range-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-range-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-range-text{font-size:.92rem}.pdx-inline-range-panel{width:min(var(--pdx-inline-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}.pdx-inline-range-input-field input{height:30px;padding-inline:8px;font-size:.85rem}.pdx-inline-range-preset{min-height:26px;padding-inline:8px;font-size:.74rem}}\n"] }]
34841
35371
  }], propDecorators: { readonlyMode: [{
34842
35372
  type: Input
34843
35373
  }], disabledMode: [{
@@ -34892,12 +35422,12 @@ class InlinePeriodRangeComponent extends SimpleBaseInputComponent {
34892
35422
  const maxIndex = Math.max(periodState.values.length - 1, 0);
34893
35423
  const defaultInlineTexts = metadata.granularity === 'year'
34894
35424
  ? {
34895
- minLabel: 'Período inicial',
34896
- maxLabel: 'Período final',
34897
- quickPresetsLabel: 'Períodos rápidos',
35425
+ minLabel: this.tDynamicFields('inlinePeriodRange.minLabel', 'Período inicial'),
35426
+ maxLabel: this.tDynamicFields('inlinePeriodRange.maxLabel', 'Período final'),
35427
+ quickPresetsLabel: this.tDynamicFields('inlinePeriodRange.quickPresetsLabel', 'Períodos rápidos'),
34898
35428
  }
34899
35429
  : {
34900
- quickPresetsLabel: 'Períodos rápidos',
35430
+ quickPresetsLabel: this.tDynamicFields('inlinePeriodRange.quickPresetsLabel', 'Períodos rápidos'),
34901
35431
  };
34902
35432
  return {
34903
35433
  ...metadata,
@@ -35245,7 +35775,9 @@ class InlineYearRangeComponent extends SimpleBaseInputComponent {
35245
35775
  const boundedMin = Math.min(minYear, maxYear);
35246
35776
  const boundedMax = Math.max(maxYear, minYear);
35247
35777
  const fullLabel = metadata.quickPresetsLabels?.full ||
35248
- (boundedMin === boundedMax ? String(boundedMax) : 'Todo o período');
35778
+ (boundedMin === boundedMax
35779
+ ? String(boundedMax)
35780
+ : this.tDynamicFields('inlineYearRange.presetFull', 'Todo o período'));
35249
35781
  const currentLabel = metadata.quickPresetsLabels?.current || String(boundedMax);
35250
35782
  const previousYear = Math.max(boundedMin, boundedMax - 1);
35251
35783
  const previousLabel = metadata.quickPresetsLabels?.previous || String(previousYear);
@@ -35299,9 +35831,9 @@ class InlineYearRangeComponent extends SimpleBaseInputComponent {
35299
35831
  showInputs: metadata.showInputs ?? true,
35300
35832
  prefixIcon: metadata.prefixIcon || 'calendar_today',
35301
35833
  inlineTexts: metadata.inlineTexts ?? {
35302
- minLabel: 'Ano inicial',
35303
- maxLabel: 'Ano final',
35304
- quickPresetsLabel: 'Anos rápidos',
35834
+ minLabel: this.tDynamicFields('inlineYearRange.minLabel', 'Ano inicial'),
35835
+ maxLabel: this.tDynamicFields('inlineYearRange.maxLabel', 'Ano final'),
35836
+ quickPresetsLabel: this.tDynamicFields('inlineYearRange.quickPresetsLabel', 'Anos rápidos'),
35305
35837
  },
35306
35838
  displayWith: metadata.displayWith ??
35307
35839
  ((value) => {
@@ -35404,9 +35936,12 @@ class InlineMonthRangeComponent extends SimpleBaseInputComponent {
35404
35936
  if (!metadata)
35405
35937
  return null;
35406
35938
  const labels = this.resolveMonthLabels(metadata);
35407
- const fullLabel = metadata.quickPresetsLabels?.full || 'Ano todo';
35408
- const firstHalfLabel = metadata.quickPresetsLabels?.firstHalf || 'Jan-Jun';
35409
- const secondHalfLabel = metadata.quickPresetsLabels?.secondHalf || 'Jul-Dez';
35939
+ const fullLabel = metadata.quickPresetsLabels?.full ||
35940
+ this.tDynamicFields('inlineMonthRange.presetFull', 'Ano todo');
35941
+ const firstHalfLabel = metadata.quickPresetsLabels?.firstHalf ||
35942
+ this.tDynamicFields('inlineMonthRange.presetFirstHalf', 'Jan-Jun');
35943
+ const secondHalfLabel = metadata.quickPresetsLabels?.secondHalf ||
35944
+ this.tDynamicFields('inlineMonthRange.presetSecondHalf', 'Jul-Dez');
35410
35945
  return {
35411
35946
  ...metadata,
35412
35947
  controlType: FieldControlType.RANGE_SLIDER,
@@ -35419,7 +35954,7 @@ class InlineMonthRangeComponent extends SimpleBaseInputComponent {
35419
35954
  showInputs: metadata.showInputs ?? false,
35420
35955
  prefixIcon: metadata.prefixIcon || 'calendar_view_month',
35421
35956
  inlineTexts: metadata.inlineTexts ?? {
35422
- quickPresetsLabel: 'Períodos rápidos',
35957
+ quickPresetsLabel: this.tDynamicFields('inlineMonthRange.quickPresetsLabel', 'Períodos rápidos'),
35423
35958
  },
35424
35959
  displayWith: metadata.displayWith ??
35425
35960
  ((value) => {
@@ -35658,7 +36193,7 @@ class InlineDateComponent extends MaterialDatepickerComponent {
35658
36193
  const mode = String(this.currentMetadata().inlineOverlay?.applyMode || '')
35659
36194
  .trim()
35660
36195
  .toLowerCase();
35661
- return mode === 'explicit' || mode === 'confirm';
36196
+ return mode === 'explicit';
35662
36197
  }
35663
36198
  overlayCancelLabel() {
35664
36199
  return this.inlineOverlayAction('cancel')?.label || this.tDynamicFields('inlineDate.overlayCancelLabel', 'Cancelar');
@@ -35887,10 +36422,11 @@ class InlineDateComponent extends MaterialDatepickerComponent {
35887
36422
  matSuffix
35888
36423
  type="button"
35889
36424
  class="pdx-inline-clear"
35890
- (mousedown)="onTriggerIconMouseDown($event)"
35891
- (click)="onQuickClear($event)"
35892
- [attr.aria-label]="clearActionAriaLabel()"
35893
- >
36425
+ (mousedown)="onTriggerIconMouseDown($event)"
36426
+ (click)="onQuickClear($event)"
36427
+ [attr.aria-label]="clearActionAriaLabel()"
36428
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
36429
+ >
35894
36430
  <mat-icon
35895
36431
  [color]="iconPalette(clearIconColor())"
35896
36432
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -36019,10 +36555,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
36019
36555
  matSuffix
36020
36556
  type="button"
36021
36557
  class="pdx-inline-clear"
36022
- (mousedown)="onTriggerIconMouseDown($event)"
36023
- (click)="onQuickClear($event)"
36024
- [attr.aria-label]="clearActionAriaLabel()"
36025
- >
36558
+ (mousedown)="onTriggerIconMouseDown($event)"
36559
+ (click)="onQuickClear($event)"
36560
+ [attr.aria-label]="clearActionAriaLabel()"
36561
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
36562
+ >
36026
36563
  <mat-icon
36027
36564
  [color]="iconPalette(clearIconColor())"
36028
36565
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -37136,10 +37673,11 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
37136
37673
  matSuffix
37137
37674
  type="button"
37138
37675
  class="pdx-inline-clear"
37139
- (mousedown)="onTriggerIconMouseDown($event)"
37140
- (click)="onQuickClear($event)"
37141
- [attr.aria-label]="quickClearAriaLabel()"
37142
- >
37676
+ (mousedown)="onTriggerIconMouseDown($event)"
37677
+ (click)="onQuickClear($event)"
37678
+ [attr.aria-label]="quickClearAriaLabel()"
37679
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
37680
+ >
37143
37681
  <mat-icon
37144
37682
  [color]="iconPalette(clearIconColor())"
37145
37683
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -37345,10 +37883,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
37345
37883
  matSuffix
37346
37884
  type="button"
37347
37885
  class="pdx-inline-clear"
37348
- (mousedown)="onTriggerIconMouseDown($event)"
37349
- (click)="onQuickClear($event)"
37350
- [attr.aria-label]="quickClearAriaLabel()"
37351
- >
37886
+ (mousedown)="onTriggerIconMouseDown($event)"
37887
+ (click)="onQuickClear($event)"
37888
+ [attr.aria-label]="quickClearAriaLabel()"
37889
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
37890
+ >
37352
37891
  <mat-icon
37353
37892
  [color]="iconPalette(clearIconColor())"
37354
37893
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -37895,6 +38434,9 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
37895
38434
  }
37896
38435
  return this.showClear() && !this.control().disabled;
37897
38436
  }
38437
+ showPanelToggle() {
38438
+ return !this.showQuickClear();
38439
+ }
37898
38440
  hasInlineValue() {
37899
38441
  return this.hasValue();
37900
38442
  }
@@ -38311,23 +38853,23 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
38311
38853
  const meta = this.currentMetadata();
38312
38854
  const density = String(meta?.materialDesign?.density || meta?.density || 'compact').toLowerCase();
38313
38855
  const cfg = meta.inlineAutoSize || {};
38314
- let baseMinDesktop = 124;
38315
- let baseMaxDesktop = 300;
38316
- let baseMinMobile = 112;
38317
- let baseMaxMobile = 244;
38856
+ let baseMinDesktop = 104;
38857
+ let baseMaxDesktop = 240;
38858
+ let baseMinMobile = 100;
38859
+ let baseMaxMobile = 212;
38318
38860
  if (density === 'compact') {
38319
- baseMinDesktop = 112;
38320
- baseMaxDesktop = 272;
38321
- baseMinMobile = 104;
38322
- baseMaxMobile = 230;
38861
+ baseMinDesktop = 96;
38862
+ baseMaxDesktop = 176;
38863
+ baseMinMobile = 92;
38864
+ baseMaxMobile = 172;
38323
38865
  }
38324
38866
  else if (density === 'dense') {
38325
- baseMinDesktop = 102;
38326
- baseMaxDesktop = 248;
38327
- baseMinMobile = 96;
38328
- baseMaxMobile = 212;
38867
+ baseMinDesktop = 88;
38868
+ baseMaxDesktop = 164;
38869
+ baseMinMobile = 84;
38870
+ baseMaxMobile = 156;
38329
38871
  }
38330
- const min = Math.max(96, Math.round(isMobile
38872
+ const min = Math.max(84, Math.round(isMobile
38331
38873
  ? (cfg.minWidthMobile ?? baseMinMobile)
38332
38874
  : (cfg.minWidth ?? baseMinDesktop)));
38333
38875
  let max = Math.max(min, Math.round(isMobile
@@ -38337,29 +38879,12 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
38337
38879
  return { min, max };
38338
38880
  }
38339
38881
  resolveChromeWidth() {
38340
- const host = this.elementRef.nativeElement;
38341
- if (!host || typeof window === 'undefined') {
38342
- return this.showQuickClear() ? 124 : 96;
38343
- }
38344
- const wrapper = host.querySelector('.pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined');
38345
- const prefix = host.querySelector('.pdx-inline-time .mat-mdc-form-field-icon-prefix');
38346
- const suffix = host.querySelector('.pdx-inline-time .mat-mdc-form-field-icon-suffix');
38347
- const wrapperStyle = wrapper ? window.getComputedStyle(wrapper) : null;
38348
- const padLeft = this.parsePx(wrapperStyle?.paddingLeft);
38349
- const padRight = this.parsePx(wrapperStyle?.paddingRight);
38350
- const prefixWidth = prefix
38351
- ? Math.ceil(prefix.getBoundingClientRect().width)
38352
- : 0;
38353
- const suffixWidth = suffix
38354
- ? Math.ceil(suffix.getBoundingClientRect().width)
38355
- : 0;
38356
- const breathingRoom = 10;
38357
- const measured = padLeft + padRight + prefixWidth + suffixWidth + breathingRoom;
38358
- return Math.max(64, measured || 0);
38359
- }
38360
- parsePx(value) {
38361
- const parsed = Number.parseFloat(String(value ?? '0'));
38362
- return Number.isFinite(parsed) ? parsed : 0;
38882
+ const prefix = 24;
38883
+ const toggle = this.showPanelToggle() ? 24 : 0;
38884
+ const clear = this.showQuickClear() ? 25 : 0;
38885
+ const suffix = this.suffixIconName() ? 22 : 0;
38886
+ const paddingAndGap = 30;
38887
+ return prefix + toggle + clear + suffix + paddingAndGap;
38363
38888
  }
38364
38889
  resolveFieldLabelFromMetadata(meta) {
38365
38890
  const candidates = [
@@ -38863,6 +39388,7 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
38863
39388
  [subscriptSizing]="'dynamic'"
38864
39389
  [hideRequiredMarker]="true"
38865
39390
  [style.width.px]="inlineWidthPx || null"
39391
+ [style.--pdx-inline-time-field-w.px]="inlineWidthPx || null"
38866
39392
  [style.--pdx-inline-time-max-w.px]="inlineMaxWidthPx || null"
38867
39393
  >
38868
39394
  <mat-icon
@@ -38924,6 +39450,7 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
38924
39450
  (mousedown)="onTriggerIconMouseDown($event)"
38925
39451
  (click)="onQuickClear($event)"
38926
39452
  [attr.aria-label]="clearActionAriaLabel()"
39453
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
38927
39454
  >
38928
39455
  <mat-icon
38929
39456
  aria-hidden="true"
@@ -38933,21 +39460,23 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
38933
39460
  </button>
38934
39461
  }
38935
39462
 
38936
- <button
38937
- matSuffix
38938
- type="button"
38939
- class="pdx-inline-toggle"
38940
- (mousedown)="onTriggerIconMouseDown($event)"
38941
- (click)="togglePanel($event)"
38942
- [disabled]="isInteractionBlocked()"
38943
- [attr.aria-label]="panelToggleAriaLabel()"
38944
- >
38945
- <mat-icon
38946
- aria-hidden="true"
38947
- [color]="iconPalette(panelToggleIconColor())"
38948
- [style.color]="iconResolvedColor(panelToggleIconColor())"
38949
- >{{ panelOpen ? panelToggleOpenIconName() : panelToggleClosedIconName() }}</mat-icon>
38950
- </button>
39463
+ @if (showPanelToggle()) {
39464
+ <button
39465
+ matSuffix
39466
+ type="button"
39467
+ class="pdx-inline-toggle"
39468
+ (mousedown)="onTriggerIconMouseDown($event)"
39469
+ (click)="togglePanel($event)"
39470
+ [disabled]="isInteractionBlocked()"
39471
+ [attr.aria-label]="panelToggleAriaLabel()"
39472
+ >
39473
+ <mat-icon
39474
+ aria-hidden="true"
39475
+ [color]="iconPalette(panelToggleIconColor())"
39476
+ [style.color]="iconResolvedColor(panelToggleIconColor())"
39477
+ >{{ panelOpen ? panelToggleOpenIconName() : panelToggleClosedIconName() }}</mat-icon>
39478
+ </button>
39479
+ }
38951
39480
  </mat-form-field>
38952
39481
 
38953
39482
  <ng-template
@@ -39088,7 +39617,7 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
39088
39617
  </div>
39089
39618
  </ng-template>
39090
39619
  </div>
39091
- `, isInline: true, styles: [":host{--pdx-inline-time-shape-pill: var(--md-sys-shape-corner-full, 999px);--pdx-inline-time-shape-panel: var(--md-sys-shape-corner-large, 14px);--pdx-inline-time-shape-list: var(--md-sys-shape-corner-medium, 12px);--pdx-inline-time-shape-item: var(--md-sys-shape-corner-full, 999px);display:inline-flex;width:auto;min-width:0;max-width:100%}.pdx-inline-time-root{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-time .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 44px);min-width:0;max-width:min(var(--pdx-inline-time-max-w, 280px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:var(--pdx-inline-time-shape-pill);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-time input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal );width:auto!important;min-width:2ch;cursor:pointer}:host ::ng-deep .pdx-inline-time .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-time input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-inline-time .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal )}:host ::ng-deep .pdx-inline-time .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal );left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-prefix{padding:0;margin-right:8px}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-time .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:4px;margin-left:8px;padding:0}:host ::ng-deep .pdx-inline-time .pdx-inline-clear,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);border:0;border-radius:var(--pdx-inline-time-shape-pill);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}:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:disabled{cursor:default;opacity:.6}:host ::ng-deep .pdx-inline-time .pdx-inline-clear:hover,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-time .pdx-inline-clear:focus-visible,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-time .pdx-inline-clear mat-icon,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-time-panel{min-width:min(208px,calc(100vw - 24px));width:max-content;max-width:min(300px,calc(100vw - 24px));max-height:min(360px,58vh);overflow-y:auto;overflow-x:hidden;padding:8px;border-radius:var(--pdx-inline-time-shape-panel);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-inline-time-panel.is-columns{width:min(278px,calc(100vw - 24px));min-width:min(228px,calc(100vw - 24px));max-width:min(312px,calc(100vw - 24px));max-height:min(332px,60vh);overflow:hidden;padding:8px;border-radius:var(--pdx-inline-time-shape-panel)}.pdx-inline-time-columns{--pdx-inline-time-columns: 2;display:grid;grid-template-columns:repeat(var(--pdx-inline-time-columns),minmax(0,1fr));gap:6px;align-items:start}.pdx-inline-time-column{min-width:0;display:grid;grid-template-rows:auto auto;align-content:start;gap:4px}.pdx-inline-time-column-title{padding-inline:4px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-small-font, inherit);font-size:var(--md-sys-typescale-label-small-size, .72rem);font-weight:var(--md-sys-typescale-label-small-weight, 600);line-height:var(--md-sys-typescale-label-small-line-height, 1rem);letter-spacing:var( --md-sys-typescale-label-small-letter-spacing, .08em );text-transform:uppercase}.pdx-inline-time-column-list{max-height:min(224px,44vh);overflow-y:auto;padding:2px;border-radius:var(--pdx-inline-time-shape-list);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container-high)}.pdx-inline-time-column-list.is-active-segment{border-color:color-mix(in srgb,var(--md-sys-color-primary) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}.pdx-inline-time-column-list.is-static-segment{display:grid;place-items:center;min-height:36px;max-height:none;overflow:hidden;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container) 76%,var(--md-sys-color-surface-container-high))}.pdx-inline-time-column-list.is-static-segment .pdx-inline-time-column-option{min-height:30px}.pdx-inline-time-column-option{width:100%;min-height:34px;border:0;border-radius:var(--pdx-inline-time-shape-item);background:transparent;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-title-medium-font, inherit);font-size:var(--md-sys-typescale-title-medium-size, .95rem);font-weight:var(--md-sys-typescale-title-medium-weight, 500);line-height:var(--md-sys-typescale-title-medium-line-height, 1.25rem);letter-spacing:var( --md-sys-typescale-title-medium-letter-spacing, normal );text-align:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}.pdx-inline-time-column-option:hover,.pdx-inline-time-column-option:focus-visible{outline:none;background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-time-column-option.is-selected{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:var(--md-sys-typescale-title-medium-weight, 600)}.pdx-inline-time-option{width:100%;min-height:var(--pdx-inline-control-height, 44px);display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:0;border-radius:var(--pdx-inline-time-shape-list);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font-size:1.03rem;text-align:left}.pdx-inline-time-option:hover,.pdx-inline-time-option:focus-visible{outline:none;background:var(--md-sys-color-surface-container-high)}.pdx-inline-time-option.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary-container) 86%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-time-option mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-time-empty{padding:14px 12px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-medium-font, inherit);font-size:var(--md-sys-typescale-body-medium-size, .9rem);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 1.25rem);letter-spacing:var( --md-sys-typescale-body-medium-letter-spacing, normal )}@media(max-width:768px){:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:10px}.pdx-inline-time-panel.is-columns{width:min(272px,calc(100vw - 24px));min-width:min(212px,calc(100vw - 24px));max-width:min(300px,calc(100vw - 24px));padding:8px}.pdx-inline-time-column-option{min-height:32px;font-size:.9rem}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] });
39620
+ `, isInline: true, styles: [":host{--pdx-inline-time-shape-pill: var(--md-sys-shape-corner-full, 999px);--pdx-inline-time-shape-panel: var(--md-sys-shape-corner-large, 14px);--pdx-inline-time-shape-list: var(--md-sys-shape-corner-medium, 12px);--pdx-inline-time-shape-item: var(--md-sys-shape-corner-full, 999px);display:inline-flex;width:auto;min-width:0;max-width:100%}.pdx-inline-time-root{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-time.mat-mdc-form-field{inline-size:var(--pdx-inline-time-field-w, auto)!important;width:var(--pdx-inline-time-field-w, auto)!important;min-inline-size:0!important;min-width:0!important;max-width:min(var(--pdx-inline-time-max-w, 280px),calc(100vw - 48px));margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-time .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper{inline-size:100%!important;width:100%!important;min-inline-size:0!important;min-width:0!important;padding:0;background:transparent}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-infix{min-height:0;inline-size:auto!important;width:auto!important;flex:1 1 auto;min-inline-size:0!important;min-width:0!important;padding:0;position:relative}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 40px);min-width:0;max-width:min(var(--pdx-inline-time-max-w, 280px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 10px);border-radius:var(--pdx-inline-time-shape-pill);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-time input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal );width:100%!important;min-width:0;cursor:pointer}:host ::ng-deep .pdx-inline-time .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-time input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-inline-time .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal )}:host ::ng-deep .pdx-inline-time .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal );left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-prefix{padding:0;margin-right:6px}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-time .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:3px;margin-left:6px;padding:0}:host ::ng-deep .pdx-inline-time .pdx-inline-clear,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);border:0;border-radius:var(--pdx-inline-time-shape-pill);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}:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:disabled{cursor:default;opacity:.6}:host ::ng-deep .pdx-inline-time .pdx-inline-clear:hover,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-time .pdx-inline-clear:focus-visible,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-time .pdx-inline-clear mat-icon,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}.pdx-inline-time-panel{min-width:min(208px,calc(100vw - 24px));width:max-content;max-width:min(300px,calc(100vw - 24px));max-height:min(360px,58vh);overflow-y:auto;overflow-x:hidden;padding:8px;border-radius:var(--pdx-inline-time-shape-panel);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-inline-time-panel.is-columns{width:min(278px,calc(100vw - 24px));min-width:min(228px,calc(100vw - 24px));max-width:min(312px,calc(100vw - 24px));max-height:min(332px,60vh);overflow:hidden;padding:8px;border-radius:var(--pdx-inline-time-shape-panel)}.pdx-inline-time-columns{--pdx-inline-time-columns: 2;display:grid;grid-template-columns:repeat(var(--pdx-inline-time-columns),minmax(0,1fr));gap:6px;align-items:start}.pdx-inline-time-column{min-width:0;display:grid;grid-template-rows:auto auto;align-content:start;gap:4px}.pdx-inline-time-column-title{padding-inline:4px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-small-font, inherit);font-size:var(--md-sys-typescale-label-small-size, .72rem);font-weight:var(--md-sys-typescale-label-small-weight, 600);line-height:var(--md-sys-typescale-label-small-line-height, 1rem);letter-spacing:var( --md-sys-typescale-label-small-letter-spacing, .08em );text-transform:uppercase}.pdx-inline-time-column-list{max-height:min(224px,44vh);overflow-y:auto;padding:2px;border-radius:var(--pdx-inline-time-shape-list);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container-high)}.pdx-inline-time-column-list.is-active-segment{border-color:color-mix(in srgb,var(--md-sys-color-primary) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}.pdx-inline-time-column-list.is-static-segment{display:grid;place-items:center;min-height:36px;max-height:none;overflow:hidden;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container) 76%,var(--md-sys-color-surface-container-high))}.pdx-inline-time-column-list.is-static-segment .pdx-inline-time-column-option{min-height:30px}.pdx-inline-time-column-option{width:100%;min-height:34px;border:0;border-radius:var(--pdx-inline-time-shape-item);background:transparent;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-title-medium-font, inherit);font-size:var(--md-sys-typescale-title-medium-size, .95rem);font-weight:var(--md-sys-typescale-title-medium-weight, 500);line-height:var(--md-sys-typescale-title-medium-line-height, 1.25rem);letter-spacing:var( --md-sys-typescale-title-medium-letter-spacing, normal );text-align:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}.pdx-inline-time-column-option:hover,.pdx-inline-time-column-option:focus-visible{outline:none;background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-time-column-option.is-selected{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:var(--md-sys-typescale-title-medium-weight, 600)}.pdx-inline-time-option{width:100%;min-height:var(--pdx-inline-control-height, 44px);display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:0;border-radius:var(--pdx-inline-time-shape-list);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font-size:1.03rem;text-align:left}.pdx-inline-time-option:hover,.pdx-inline-time-option:focus-visible{outline:none;background:var(--md-sys-color-surface-container-high)}.pdx-inline-time-option.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary-container) 86%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-time-option mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-time-empty{padding:14px 12px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-medium-font, inherit);font-size:var(--md-sys-typescale-body-medium-size, .9rem);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 1.25rem);letter-spacing:var( --md-sys-typescale-body-medium-letter-spacing, normal )}@media(max-width:768px){:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:10px}.pdx-inline-time-panel.is-columns{width:min(272px,calc(100vw - 24px));min-width:min(212px,calc(100vw - 24px));max-width:min(300px,calc(100vw - 24px));padding:8px}.pdx-inline-time-column-option{min-height:32px;font-size:.9rem}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] });
39092
39621
  }
39093
39622
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineTimeComponent, decorators: [{
39094
39623
  type: Component,
@@ -39110,6 +39639,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
39110
39639
  [subscriptSizing]="'dynamic'"
39111
39640
  [hideRequiredMarker]="true"
39112
39641
  [style.width.px]="inlineWidthPx || null"
39642
+ [style.--pdx-inline-time-field-w.px]="inlineWidthPx || null"
39113
39643
  [style.--pdx-inline-time-max-w.px]="inlineMaxWidthPx || null"
39114
39644
  >
39115
39645
  <mat-icon
@@ -39171,6 +39701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
39171
39701
  (mousedown)="onTriggerIconMouseDown($event)"
39172
39702
  (click)="onQuickClear($event)"
39173
39703
  [attr.aria-label]="clearActionAriaLabel()"
39704
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
39174
39705
  >
39175
39706
  <mat-icon
39176
39707
  aria-hidden="true"
@@ -39180,21 +39711,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
39180
39711
  </button>
39181
39712
  }
39182
39713
 
39183
- <button
39184
- matSuffix
39185
- type="button"
39186
- class="pdx-inline-toggle"
39187
- (mousedown)="onTriggerIconMouseDown($event)"
39188
- (click)="togglePanel($event)"
39189
- [disabled]="isInteractionBlocked()"
39190
- [attr.aria-label]="panelToggleAriaLabel()"
39191
- >
39192
- <mat-icon
39193
- aria-hidden="true"
39194
- [color]="iconPalette(panelToggleIconColor())"
39195
- [style.color]="iconResolvedColor(panelToggleIconColor())"
39196
- >{{ panelOpen ? panelToggleOpenIconName() : panelToggleClosedIconName() }}</mat-icon>
39197
- </button>
39714
+ @if (showPanelToggle()) {
39715
+ <button
39716
+ matSuffix
39717
+ type="button"
39718
+ class="pdx-inline-toggle"
39719
+ (mousedown)="onTriggerIconMouseDown($event)"
39720
+ (click)="togglePanel($event)"
39721
+ [disabled]="isInteractionBlocked()"
39722
+ [attr.aria-label]="panelToggleAriaLabel()"
39723
+ >
39724
+ <mat-icon
39725
+ aria-hidden="true"
39726
+ [color]="iconPalette(panelToggleIconColor())"
39727
+ [style.color]="iconResolvedColor(panelToggleIconColor())"
39728
+ >{{ panelOpen ? panelToggleOpenIconName() : panelToggleClosedIconName() }}</mat-icon>
39729
+ </button>
39730
+ }
39198
39731
  </mat-form-field>
39199
39732
 
39200
39733
  <ng-template
@@ -39351,7 +39884,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
39351
39884
  '[attr.data-field-type]': '"inlineTime"',
39352
39885
  '[attr.data-field-name]': 'metadata()?.name',
39353
39886
  '[attr.data-component-id]': 'componentId()',
39354
- }, styles: [":host{--pdx-inline-time-shape-pill: var(--md-sys-shape-corner-full, 999px);--pdx-inline-time-shape-panel: var(--md-sys-shape-corner-large, 14px);--pdx-inline-time-shape-list: var(--md-sys-shape-corner-medium, 12px);--pdx-inline-time-shape-item: var(--md-sys-shape-corner-full, 999px);display:inline-flex;width:auto;min-width:0;max-width:100%}.pdx-inline-time-root{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-time .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 44px);min-width:0;max-width:min(var(--pdx-inline-time-max-w, 280px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:var(--pdx-inline-time-shape-pill);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-time input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal );width:auto!important;min-width:2ch;cursor:pointer}:host ::ng-deep .pdx-inline-time .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-time input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-inline-time .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal )}:host ::ng-deep .pdx-inline-time .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal );left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-prefix{padding:0;margin-right:8px}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-time .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:4px;margin-left:8px;padding:0}:host ::ng-deep .pdx-inline-time .pdx-inline-clear,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);border:0;border-radius:var(--pdx-inline-time-shape-pill);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}:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:disabled{cursor:default;opacity:.6}:host ::ng-deep .pdx-inline-time .pdx-inline-clear:hover,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-time .pdx-inline-clear:focus-visible,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-time .pdx-inline-clear mat-icon,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-time-panel{min-width:min(208px,calc(100vw - 24px));width:max-content;max-width:min(300px,calc(100vw - 24px));max-height:min(360px,58vh);overflow-y:auto;overflow-x:hidden;padding:8px;border-radius:var(--pdx-inline-time-shape-panel);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-inline-time-panel.is-columns{width:min(278px,calc(100vw - 24px));min-width:min(228px,calc(100vw - 24px));max-width:min(312px,calc(100vw - 24px));max-height:min(332px,60vh);overflow:hidden;padding:8px;border-radius:var(--pdx-inline-time-shape-panel)}.pdx-inline-time-columns{--pdx-inline-time-columns: 2;display:grid;grid-template-columns:repeat(var(--pdx-inline-time-columns),minmax(0,1fr));gap:6px;align-items:start}.pdx-inline-time-column{min-width:0;display:grid;grid-template-rows:auto auto;align-content:start;gap:4px}.pdx-inline-time-column-title{padding-inline:4px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-small-font, inherit);font-size:var(--md-sys-typescale-label-small-size, .72rem);font-weight:var(--md-sys-typescale-label-small-weight, 600);line-height:var(--md-sys-typescale-label-small-line-height, 1rem);letter-spacing:var( --md-sys-typescale-label-small-letter-spacing, .08em );text-transform:uppercase}.pdx-inline-time-column-list{max-height:min(224px,44vh);overflow-y:auto;padding:2px;border-radius:var(--pdx-inline-time-shape-list);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container-high)}.pdx-inline-time-column-list.is-active-segment{border-color:color-mix(in srgb,var(--md-sys-color-primary) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}.pdx-inline-time-column-list.is-static-segment{display:grid;place-items:center;min-height:36px;max-height:none;overflow:hidden;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container) 76%,var(--md-sys-color-surface-container-high))}.pdx-inline-time-column-list.is-static-segment .pdx-inline-time-column-option{min-height:30px}.pdx-inline-time-column-option{width:100%;min-height:34px;border:0;border-radius:var(--pdx-inline-time-shape-item);background:transparent;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-title-medium-font, inherit);font-size:var(--md-sys-typescale-title-medium-size, .95rem);font-weight:var(--md-sys-typescale-title-medium-weight, 500);line-height:var(--md-sys-typescale-title-medium-line-height, 1.25rem);letter-spacing:var( --md-sys-typescale-title-medium-letter-spacing, normal );text-align:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}.pdx-inline-time-column-option:hover,.pdx-inline-time-column-option:focus-visible{outline:none;background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-time-column-option.is-selected{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:var(--md-sys-typescale-title-medium-weight, 600)}.pdx-inline-time-option{width:100%;min-height:var(--pdx-inline-control-height, 44px);display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:0;border-radius:var(--pdx-inline-time-shape-list);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font-size:1.03rem;text-align:left}.pdx-inline-time-option:hover,.pdx-inline-time-option:focus-visible{outline:none;background:var(--md-sys-color-surface-container-high)}.pdx-inline-time-option.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary-container) 86%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-time-option mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-time-empty{padding:14px 12px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-medium-font, inherit);font-size:var(--md-sys-typescale-body-medium-size, .9rem);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 1.25rem);letter-spacing:var( --md-sys-typescale-body-medium-letter-spacing, normal )}@media(max-width:768px){:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:10px}.pdx-inline-time-panel.is-columns{width:min(272px,calc(100vw - 24px));min-width:min(212px,calc(100vw - 24px));max-width:min(300px,calc(100vw - 24px));padding:8px}.pdx-inline-time-column-option{min-height:32px;font-size:.9rem}}\n"] }]
39887
+ }, styles: [":host{--pdx-inline-time-shape-pill: var(--md-sys-shape-corner-full, 999px);--pdx-inline-time-shape-panel: var(--md-sys-shape-corner-large, 14px);--pdx-inline-time-shape-list: var(--md-sys-shape-corner-medium, 12px);--pdx-inline-time-shape-item: var(--md-sys-shape-corner-full, 999px);display:inline-flex;width:auto;min-width:0;max-width:100%}.pdx-inline-time-root{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-time.mat-mdc-form-field{inline-size:var(--pdx-inline-time-field-w, auto)!important;width:var(--pdx-inline-time-field-w, auto)!important;min-inline-size:0!important;min-width:0!important;max-width:min(var(--pdx-inline-time-max-w, 280px),calc(100vw - 48px));margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-time .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper{inline-size:100%!important;width:100%!important;min-inline-size:0!important;min-width:0!important;padding:0;background:transparent}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-infix{min-height:0;inline-size:auto!important;width:auto!important;flex:1 1 auto;min-inline-size:0!important;min-width:0!important;padding:0;position:relative}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 40px);min-width:0;max-width:min(var(--pdx-inline-time-max-w, 280px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 10px);border-radius:var(--pdx-inline-time-shape-pill);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-time input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal );width:100%!important;min-width:0;cursor:pointer}:host ::ng-deep .pdx-inline-time .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-time input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-inline-time .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal )}:host ::ng-deep .pdx-inline-time .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal );left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-prefix{padding:0;margin-right:6px}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-time .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep .pdx-inline-time .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:3px;margin-left:6px;padding:0}:host ::ng-deep .pdx-inline-time .pdx-inline-clear,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);border:0;border-radius:var(--pdx-inline-time-shape-pill);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}:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:disabled{cursor:default;opacity:.6}:host ::ng-deep .pdx-inline-time .pdx-inline-clear:hover,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-time .pdx-inline-clear:focus-visible,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-time .pdx-inline-clear mat-icon,:host ::ng-deep .pdx-inline-time .pdx-inline-toggle mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}.pdx-inline-time-panel{min-width:min(208px,calc(100vw - 24px));width:max-content;max-width:min(300px,calc(100vw - 24px));max-height:min(360px,58vh);overflow-y:auto;overflow-x:hidden;padding:8px;border-radius:var(--pdx-inline-time-shape-panel);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-inline-time-panel.is-columns{width:min(278px,calc(100vw - 24px));min-width:min(228px,calc(100vw - 24px));max-width:min(312px,calc(100vw - 24px));max-height:min(332px,60vh);overflow:hidden;padding:8px;border-radius:var(--pdx-inline-time-shape-panel)}.pdx-inline-time-columns{--pdx-inline-time-columns: 2;display:grid;grid-template-columns:repeat(var(--pdx-inline-time-columns),minmax(0,1fr));gap:6px;align-items:start}.pdx-inline-time-column{min-width:0;display:grid;grid-template-rows:auto auto;align-content:start;gap:4px}.pdx-inline-time-column-title{padding-inline:4px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-small-font, inherit);font-size:var(--md-sys-typescale-label-small-size, .72rem);font-weight:var(--md-sys-typescale-label-small-weight, 600);line-height:var(--md-sys-typescale-label-small-line-height, 1rem);letter-spacing:var( --md-sys-typescale-label-small-letter-spacing, .08em );text-transform:uppercase}.pdx-inline-time-column-list{max-height:min(224px,44vh);overflow-y:auto;padding:2px;border-radius:var(--pdx-inline-time-shape-list);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container-high)}.pdx-inline-time-column-list.is-active-segment{border-color:color-mix(in srgb,var(--md-sys-color-primary) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}.pdx-inline-time-column-list.is-static-segment{display:grid;place-items:center;min-height:36px;max-height:none;overflow:hidden;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container) 76%,var(--md-sys-color-surface-container-high))}.pdx-inline-time-column-list.is-static-segment .pdx-inline-time-column-option{min-height:30px}.pdx-inline-time-column-option{width:100%;min-height:34px;border:0;border-radius:var(--pdx-inline-time-shape-item);background:transparent;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-title-medium-font, inherit);font-size:var(--md-sys-typescale-title-medium-size, .95rem);font-weight:var(--md-sys-typescale-title-medium-weight, 500);line-height:var(--md-sys-typescale-title-medium-line-height, 1.25rem);letter-spacing:var( --md-sys-typescale-title-medium-letter-spacing, normal );text-align:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}.pdx-inline-time-column-option:hover,.pdx-inline-time-column-option:focus-visible{outline:none;background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-time-column-option.is-selected{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:var(--md-sys-typescale-title-medium-weight, 600)}.pdx-inline-time-option{width:100%;min-height:var(--pdx-inline-control-height, 44px);display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:0;border-radius:var(--pdx-inline-time-shape-list);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font-size:1.03rem;text-align:left}.pdx-inline-time-option:hover,.pdx-inline-time-option:focus-visible{outline:none;background:var(--md-sys-color-surface-container-high)}.pdx-inline-time-option.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary-container) 86%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-time-option mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-time-empty{padding:14px 12px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-medium-font, inherit);font-size:var(--md-sys-typescale-body-medium-size, .9rem);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 1.25rem);letter-spacing:var( --md-sys-typescale-body-medium-letter-spacing, normal )}@media(max-width:768px){:host ::ng-deep .pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:10px}.pdx-inline-time-panel.is-columns{width:min(272px,calc(100vw - 24px));min-width:min(212px,calc(100vw - 24px));max-width:min(300px,calc(100vw - 24px));padding:8px}.pdx-inline-time-column-option{min-height:32px;font-size:.9rem}}\n"] }]
39355
39888
  }], propDecorators: { inputEl: [{
39356
39889
  type: ViewChild,
39357
39890
  args: ['inputEl', { read: ElementRef }]
@@ -39882,13 +40415,19 @@ class InlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
39882
40415
  return this.isInteractionBlockedByState();
39883
40416
  }
39884
40417
  hasValue() {
39885
- const value = this.timeRangeForm.value;
40418
+ const formValue = this.timeRangeForm.value;
40419
+ const formHasValue = this.resolveDisplayTime(formValue?.start).length > 0 ||
40420
+ this.resolveDisplayTime(formValue?.end).length > 0;
40421
+ const value = formHasValue ? formValue : this.cloneTimeRangeValue(this.control().value);
39886
40422
  const start = this.resolveDisplayTime(value?.start);
39887
40423
  const end = this.resolveDisplayTime(value?.end);
39888
40424
  return start.length > 0 || end.length > 0;
39889
40425
  }
39890
40426
  hasBothValues() {
39891
- const value = this.timeRangeForm.value;
40427
+ const formValue = this.timeRangeForm.value;
40428
+ const formHasValue = this.resolveDisplayTime(formValue?.start).length > 0 ||
40429
+ this.resolveDisplayTime(formValue?.end).length > 0;
40430
+ const value = formHasValue ? formValue : this.cloneTimeRangeValue(this.control().value);
39892
40431
  const start = this.resolveDisplayTime(value?.start);
39893
40432
  const end = this.resolveDisplayTime(value?.end);
39894
40433
  return start.length > 0 && end.length > 0;
@@ -40641,23 +41180,23 @@ class InlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
40641
41180
  const meta = this.currentMetadata();
40642
41181
  const density = String(meta?.materialDesign?.density || meta?.density || 'compact').toLowerCase();
40643
41182
  const cfg = meta.inlineAutoSize || {};
40644
- let baseMinDesktop = 184;
40645
- let baseMaxDesktop = 360;
40646
- let baseMinMobile = 172;
40647
- let baseMaxMobile = 286;
41183
+ let baseMinDesktop = 168;
41184
+ let baseMaxDesktop = 336;
41185
+ let baseMinMobile = 160;
41186
+ let baseMaxMobile = 272;
40648
41187
  if (density === 'compact') {
40649
- baseMinDesktop = 172;
40650
- baseMaxDesktop = 336;
40651
- baseMinMobile = 164;
40652
- baseMaxMobile = 272;
41188
+ baseMinDesktop = 156;
41189
+ baseMaxDesktop = 312;
41190
+ baseMinMobile = 148;
41191
+ baseMaxMobile = 252;
40653
41192
  }
40654
41193
  else if (density === 'dense') {
40655
- baseMinDesktop = 164;
40656
- baseMaxDesktop = 312;
40657
- baseMinMobile = 156;
40658
- baseMaxMobile = 248;
41194
+ baseMinDesktop = 148;
41195
+ baseMaxDesktop = 288;
41196
+ baseMinMobile = 140;
41197
+ baseMaxMobile = 232;
40659
41198
  }
40660
- const min = Math.max(152, Math.round(isMobile ? (cfg.minWidthMobile ?? baseMinMobile) : (cfg.minWidth ?? baseMinDesktop)));
41199
+ const min = Math.max(140, Math.round(isMobile ? (cfg.minWidthMobile ?? baseMinMobile) : (cfg.minWidth ?? baseMinDesktop)));
40661
41200
  let max = Math.max(min, Math.round(isMobile ? (cfg.maxWidthMobile ?? baseMaxMobile) : (cfg.maxWidth ?? baseMaxDesktop)));
40662
41201
  max = Math.min(max, Math.max(min, viewportWidth - 48));
40663
41202
  return { min, max };
@@ -40761,7 +41300,7 @@ class InlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
40761
41300
  }
40762
41301
  usesExplicitTimeRangeOverlay() {
40763
41302
  const mode = String(this.currentMetadata().inlineOverlay?.applyMode || '').toLowerCase();
40764
- return mode === 'explicit' || mode === 'confirm';
41303
+ return mode === 'explicit';
40765
41304
  }
40766
41305
  inlineOverlayAction(name) {
40767
41306
  const action = this.currentMetadata().inlineOverlay?.actions?.[name];
@@ -40850,10 +41389,11 @@ class InlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
40850
41389
  <button
40851
41390
  type="button"
40852
41391
  class="pdx-inline-time-range-clear"
40853
- (mousedown)="onTriggerIconMouseDown($event)"
40854
- (click)="onQuickClear($event)"
40855
- [attr.aria-label]="clearActionAriaLabel()"
40856
- >
41392
+ (mousedown)="onTriggerIconMouseDown($event)"
41393
+ (click)="onQuickClear($event)"
41394
+ [attr.aria-label]="clearActionAriaLabel()"
41395
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
41396
+ >
40857
41397
  <mat-icon
40858
41398
  [color]="iconPalette(clearIconColor())"
40859
41399
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -41027,7 +41567,7 @@ class InlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
41027
41567
  </div>
41028
41568
  </ng-template>
41029
41569
  </div>
41030
- `, isInline: true, styles: [":host{--pdx-inline-time-range-track-gradient: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-outline-variant) 30%, transparent) 0% 100% );--pdx-inline-time-range-shift-madrugada: color-mix( in srgb, var(--md-sys-color-outline-variant) 56%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-manha: color-mix( in srgb, var(--md-sys-color-tertiary-container) 78%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-comercial: color-mix( in srgb, var(--md-sys-color-primary-container) 74%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-tarde: color-mix( in srgb, var(--md-sys-color-secondary-container) 74%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-noturno: color-mix( in srgb, var(--md-sys-color-secondary) 44%, var(--md-sys-color-surface-container-highest) );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-time-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-time-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-time-range-min-w, 184px);max-width:min(var(--pdx-inline-time-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-time-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-time-range-chip.is-partial{border-color:color-mix(in srgb,var(--md-sys-color-primary) 62%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 76%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container)}.pdx-inline-time-range-chip.is-open{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-time-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-time-range-trigger:focus-visible{outline:none}.pdx-inline-time-range-trigger:disabled{cursor:default}.pdx-inline-time-range-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-time-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-time-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:26px;height:26px;min-width:26px;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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-time-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-time-range-chip.is-active .pdx-inline-time-range-clear,.pdx-inline-time-range-chip.is-partial .pdx-inline-time-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-time-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-time-range-clear mat-icon{display:block;width:17px;height:17px;font-size:17px;line-height:1;margin:0}.pdx-inline-time-range-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1rem;line-height:1.1;font-weight:500;left:-9999px;top:-9999px}.pdx-inline-time-range-panel{display:grid;gap:12px;min-width:min(var(--pdx-inline-time-range-panel-min-w, 248px),calc(100vw - 24px));width:clamp(var(--pdx-inline-time-range-panel-min-w, 248px),31vw,var(--pdx-inline-time-range-panel-max-w, 380px));max-width:calc(100vw - 24px);padding:13px 14px 12px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-time-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-time-range-slider-wrap{min-width:0}.pdx-inline-time-range-slider{width:100%;min-width:190px}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track{border-radius:999px}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track--inactive{border-radius:999px;background:var(--pdx-inline-time-range-track-gradient);opacity:.95}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track--active_fill{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent)}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__thumb-knob{border-width:2px}.pdx-inline-time-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem;line-height:1.2;font-weight:500}.pdx-inline-time-range-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px}.pdx-inline-time-range-input-sep{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;line-height:1;font-weight:600;padding-bottom:10px}.pdx-inline-time-range-input-field{display:grid;gap:4px;min-width:0}.pdx-inline-time-range-input-field>span{font-size:.75rem;line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);font-weight:600}.pdx-inline-time-range-input-field>input{width:100%;min-width:0;min-height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font:inherit;font-size:.96rem;line-height:1;box-sizing:border-box;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.pdx-inline-time-range-input-field>input:focus-visible{border-color:color-mix(in srgb,var(--md-sys-color-primary) 72%,var(--md-sys-color-outline-variant));box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}.pdx-inline-time-range-input-field>input:disabled{opacity:.56}.pdx-inline-time-range-error{color:var(--md-sys-color-error);font-size:.82rem;line-height:1.2;font-weight:500}.pdx-inline-time-range-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-time-range-preset{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:82px;max-width:100%;padding:0 12px;border-radius:10px;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);font:inherit;font-size:.9rem;font-weight:500;line-height:1;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-time-range-preset.is-active{border:2px solid color-mix(in srgb,var(--md-sys-color-on-surface) 62%,var(--md-sys-color-outline-variant));padding-inline:11px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.pdx-inline-time-range-preset:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-time-range-preset:hover:not(:disabled):not(.is-active){border-color:color-mix(in srgb,var(--md-sys-color-primary) 34%,var(--md-sys-color-outline-variant))}.pdx-inline-time-range-preset:disabled{opacity:.56;cursor:default}.pdx-inline-time-range-actions{--pdx-inline-time-range-action-primary-container: var(--md-sys-color-primary);--pdx-inline-time-range-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-time-range-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-time-range-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-time-range-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-time-range-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-time-range-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-time-range-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-time-range-action-danger-container: var(--md-sys-color-error);--pdx-inline-time-range-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-time-range-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-time-range-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-time-range-action-spacer{flex:1 1 auto}.pdx-inline-time-range-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-time-range-action mat-icon{width:16px;height:16px;font-size:16px}.pdx-inline-time-range-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=filled]{background:var(--pdx-inline-time-range-action-neutral-container);color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=tonal]{background:var(--pdx-inline-time-range-action-neutral-tonal-container);color:var(--pdx-inline-time-range-action-neutral-tonal-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-time-range-action-primary-container);color:var(--pdx-inline-time-range-action-primary-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-time-range-action-primary-tonal-container);color:var(--pdx-inline-time-range-action-primary-tonal-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=text],.pdx-inline-time-range-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-time-range-action-danger-container);color:var(--pdx-inline-time-range-action-danger-label)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-time-range-action-danger-tonal-container);color:var(--pdx-inline-time-range-action-danger-tonal-label)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=text],.pdx-inline-time-range-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-time-range-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-time-range-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-time-range-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-time-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-time-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-time-range-text{font-size:.92rem}.pdx-inline-time-range-panel{width:min(var(--pdx-inline-time-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}.pdx-inline-time-range-inputs{grid-template-columns:minmax(0,1fr);gap:6px}.pdx-inline-time-range-input-sep{display:none}.pdx-inline-time-range-preset{min-height:28px;min-width:72px;padding-inline:10px;font-size:.82rem}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$2.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
41570
+ `, isInline: true, styles: [":host{--pdx-inline-time-range-track-gradient: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-outline-variant) 30%, transparent) 0% 100% );--pdx-inline-time-range-shift-madrugada: color-mix( in srgb, var(--md-sys-color-outline-variant) 56%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-manha: color-mix( in srgb, var(--md-sys-color-tertiary-container) 78%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-comercial: color-mix( in srgb, var(--md-sys-color-primary-container) 74%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-tarde: color-mix( in srgb, var(--md-sys-color-secondary-container) 74%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-noturno: color-mix( in srgb, var(--md-sys-color-secondary) 44%, var(--md-sys-color-surface-container-highest) );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-time-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-time-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-time-range-min-w, 184px);max-width:min(var(--pdx-inline-time-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-time-range-chip.is-active{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-time-range-chip.is-partial{border-color:color-mix(in srgb,var(--md-sys-color-primary) 62%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 76%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container)}.pdx-inline-time-range-chip.is-open{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-time-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 10px 0 12px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-time-range-trigger:focus-visible{outline:none}.pdx-inline-time-range-trigger:disabled{cursor:default}.pdx-inline-time-range-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.pdx-inline-time-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.1;font-weight:500}.pdx-inline-time-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:26px;height:26px;min-width:26px;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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-time-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-time-range-chip.is-active .pdx-inline-time-range-clear,.pdx-inline-time-range-chip.is-partial .pdx-inline-time-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-time-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-time-range-clear mat-icon{display:block;width:17px;height:17px;font-size:17px;line-height:1;margin:0;overflow:hidden}.pdx-inline-time-range-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1rem;line-height:1.1;font-weight:500;left:-9999px;top:-9999px}.pdx-inline-time-range-panel{display:grid;gap:12px;min-width:min(var(--pdx-inline-time-range-panel-min-w, 248px),calc(100vw - 24px));width:clamp(var(--pdx-inline-time-range-panel-min-w, 248px),31vw,var(--pdx-inline-time-range-panel-max-w, 380px));max-width:calc(100vw - 24px);padding:13px 14px 12px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-time-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-time-range-slider-wrap{min-width:0}.pdx-inline-time-range-slider{width:100%;min-width:190px}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track{border-radius:999px}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track--inactive{border-radius:999px;background:var(--pdx-inline-time-range-track-gradient);opacity:.95}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track--active_fill{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent)}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__thumb-knob{border-width:2px}.pdx-inline-time-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem;line-height:1.2;font-weight:500}.pdx-inline-time-range-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px}.pdx-inline-time-range-input-sep{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;line-height:1;font-weight:600;padding-bottom:10px}.pdx-inline-time-range-input-field{display:grid;gap:4px;min-width:0}.pdx-inline-time-range-input-field>span{font-size:.75rem;line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);font-weight:600}.pdx-inline-time-range-input-field>input{width:100%;min-width:0;min-height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font:inherit;font-size:.96rem;line-height:1;box-sizing:border-box;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.pdx-inline-time-range-input-field>input:focus-visible{border-color:color-mix(in srgb,var(--md-sys-color-primary) 72%,var(--md-sys-color-outline-variant));box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}.pdx-inline-time-range-input-field>input:disabled{opacity:.56}.pdx-inline-time-range-error{color:var(--md-sys-color-error);font-size:.82rem;line-height:1.2;font-weight:500}.pdx-inline-time-range-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-time-range-preset{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:82px;max-width:100%;padding:0 12px;border-radius:10px;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);font:inherit;font-size:.9rem;font-weight:500;line-height:1;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-time-range-preset.is-active{border:2px solid color-mix(in srgb,var(--md-sys-color-on-surface) 62%,var(--md-sys-color-outline-variant));padding-inline:11px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.pdx-inline-time-range-preset:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-time-range-preset:hover:not(:disabled):not(.is-active){border-color:color-mix(in srgb,var(--md-sys-color-primary) 34%,var(--md-sys-color-outline-variant))}.pdx-inline-time-range-preset:disabled{opacity:.56;cursor:default}.pdx-inline-time-range-actions{--pdx-inline-time-range-action-primary-container: var(--md-sys-color-primary);--pdx-inline-time-range-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-time-range-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-time-range-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-time-range-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-time-range-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-time-range-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-time-range-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-time-range-action-danger-container: var(--md-sys-color-error);--pdx-inline-time-range-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-time-range-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-time-range-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-time-range-action-spacer{flex:1 1 auto}.pdx-inline-time-range-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-time-range-action mat-icon{width:16px;height:16px;font-size:16px}.pdx-inline-time-range-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=filled]{background:var(--pdx-inline-time-range-action-neutral-container);color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=tonal]{background:var(--pdx-inline-time-range-action-neutral-tonal-container);color:var(--pdx-inline-time-range-action-neutral-tonal-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-time-range-action-primary-container);color:var(--pdx-inline-time-range-action-primary-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-time-range-action-primary-tonal-container);color:var(--pdx-inline-time-range-action-primary-tonal-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=text],.pdx-inline-time-range-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-time-range-action-danger-container);color:var(--pdx-inline-time-range-action-danger-label)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-time-range-action-danger-tonal-container);color:var(--pdx-inline-time-range-action-danger-tonal-label)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=text],.pdx-inline-time-range-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-time-range-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-time-range-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-time-range-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-time-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-time-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-time-range-text{font-size:.92rem}.pdx-inline-time-range-panel{width:min(var(--pdx-inline-time-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}.pdx-inline-time-range-inputs{grid-template-columns:minmax(0,1fr);gap:6px}.pdx-inline-time-range-input-sep{display:none}.pdx-inline-time-range-preset{min-height:28px;min-width:72px;padding-inline:10px;font-size:.82rem}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$2.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
41031
41571
  }
41032
41572
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineTimeRangeComponent, decorators: [{
41033
41573
  type: Component,
@@ -41096,10 +41636,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
41096
41636
  <button
41097
41637
  type="button"
41098
41638
  class="pdx-inline-time-range-clear"
41099
- (mousedown)="onTriggerIconMouseDown($event)"
41100
- (click)="onQuickClear($event)"
41101
- [attr.aria-label]="clearActionAriaLabel()"
41102
- >
41639
+ (mousedown)="onTriggerIconMouseDown($event)"
41640
+ (click)="onQuickClear($event)"
41641
+ [attr.aria-label]="clearActionAriaLabel()"
41642
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
41643
+ >
41103
41644
  <mat-icon
41104
41645
  [color]="iconPalette(clearIconColor())"
41105
41646
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -41289,7 +41830,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
41289
41830
  '[attr.data-field-type]': '"inlineTimeRange"',
41290
41831
  '[attr.data-field-name]': 'metadata()?.name',
41291
41832
  '[attr.data-component-id]': 'componentId()',
41292
- }, styles: [":host{--pdx-inline-time-range-track-gradient: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-outline-variant) 30%, transparent) 0% 100% );--pdx-inline-time-range-shift-madrugada: color-mix( in srgb, var(--md-sys-color-outline-variant) 56%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-manha: color-mix( in srgb, var(--md-sys-color-tertiary-container) 78%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-comercial: color-mix( in srgb, var(--md-sys-color-primary-container) 74%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-tarde: color-mix( in srgb, var(--md-sys-color-secondary-container) 74%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-noturno: color-mix( in srgb, var(--md-sys-color-secondary) 44%, var(--md-sys-color-surface-container-highest) );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-time-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-time-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-time-range-min-w, 184px);max-width:min(var(--pdx-inline-time-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-time-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-time-range-chip.is-partial{border-color:color-mix(in srgb,var(--md-sys-color-primary) 62%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 76%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container)}.pdx-inline-time-range-chip.is-open{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-time-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-time-range-trigger:focus-visible{outline:none}.pdx-inline-time-range-trigger:disabled{cursor:default}.pdx-inline-time-range-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-time-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-time-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:26px;height:26px;min-width:26px;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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-time-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-time-range-chip.is-active .pdx-inline-time-range-clear,.pdx-inline-time-range-chip.is-partial .pdx-inline-time-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-time-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-time-range-clear mat-icon{display:block;width:17px;height:17px;font-size:17px;line-height:1;margin:0}.pdx-inline-time-range-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1rem;line-height:1.1;font-weight:500;left:-9999px;top:-9999px}.pdx-inline-time-range-panel{display:grid;gap:12px;min-width:min(var(--pdx-inline-time-range-panel-min-w, 248px),calc(100vw - 24px));width:clamp(var(--pdx-inline-time-range-panel-min-w, 248px),31vw,var(--pdx-inline-time-range-panel-max-w, 380px));max-width:calc(100vw - 24px);padding:13px 14px 12px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-time-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-time-range-slider-wrap{min-width:0}.pdx-inline-time-range-slider{width:100%;min-width:190px}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track{border-radius:999px}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track--inactive{border-radius:999px;background:var(--pdx-inline-time-range-track-gradient);opacity:.95}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track--active_fill{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent)}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__thumb-knob{border-width:2px}.pdx-inline-time-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem;line-height:1.2;font-weight:500}.pdx-inline-time-range-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px}.pdx-inline-time-range-input-sep{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;line-height:1;font-weight:600;padding-bottom:10px}.pdx-inline-time-range-input-field{display:grid;gap:4px;min-width:0}.pdx-inline-time-range-input-field>span{font-size:.75rem;line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);font-weight:600}.pdx-inline-time-range-input-field>input{width:100%;min-width:0;min-height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font:inherit;font-size:.96rem;line-height:1;box-sizing:border-box;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.pdx-inline-time-range-input-field>input:focus-visible{border-color:color-mix(in srgb,var(--md-sys-color-primary) 72%,var(--md-sys-color-outline-variant));box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}.pdx-inline-time-range-input-field>input:disabled{opacity:.56}.pdx-inline-time-range-error{color:var(--md-sys-color-error);font-size:.82rem;line-height:1.2;font-weight:500}.pdx-inline-time-range-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-time-range-preset{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:82px;max-width:100%;padding:0 12px;border-radius:10px;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);font:inherit;font-size:.9rem;font-weight:500;line-height:1;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-time-range-preset.is-active{border:2px solid color-mix(in srgb,var(--md-sys-color-on-surface) 62%,var(--md-sys-color-outline-variant));padding-inline:11px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.pdx-inline-time-range-preset:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-time-range-preset:hover:not(:disabled):not(.is-active){border-color:color-mix(in srgb,var(--md-sys-color-primary) 34%,var(--md-sys-color-outline-variant))}.pdx-inline-time-range-preset:disabled{opacity:.56;cursor:default}.pdx-inline-time-range-actions{--pdx-inline-time-range-action-primary-container: var(--md-sys-color-primary);--pdx-inline-time-range-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-time-range-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-time-range-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-time-range-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-time-range-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-time-range-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-time-range-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-time-range-action-danger-container: var(--md-sys-color-error);--pdx-inline-time-range-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-time-range-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-time-range-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-time-range-action-spacer{flex:1 1 auto}.pdx-inline-time-range-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-time-range-action mat-icon{width:16px;height:16px;font-size:16px}.pdx-inline-time-range-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=filled]{background:var(--pdx-inline-time-range-action-neutral-container);color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=tonal]{background:var(--pdx-inline-time-range-action-neutral-tonal-container);color:var(--pdx-inline-time-range-action-neutral-tonal-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-time-range-action-primary-container);color:var(--pdx-inline-time-range-action-primary-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-time-range-action-primary-tonal-container);color:var(--pdx-inline-time-range-action-primary-tonal-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=text],.pdx-inline-time-range-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-time-range-action-danger-container);color:var(--pdx-inline-time-range-action-danger-label)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-time-range-action-danger-tonal-container);color:var(--pdx-inline-time-range-action-danger-tonal-label)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=text],.pdx-inline-time-range-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-time-range-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-time-range-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-time-range-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-time-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-time-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-time-range-text{font-size:.92rem}.pdx-inline-time-range-panel{width:min(var(--pdx-inline-time-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}.pdx-inline-time-range-inputs{grid-template-columns:minmax(0,1fr);gap:6px}.pdx-inline-time-range-input-sep{display:none}.pdx-inline-time-range-preset{min-height:28px;min-width:72px;padding-inline:10px;font-size:.82rem}}\n"] }]
41833
+ }, styles: [":host{--pdx-inline-time-range-track-gradient: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-outline-variant) 30%, transparent) 0% 100% );--pdx-inline-time-range-shift-madrugada: color-mix( in srgb, var(--md-sys-color-outline-variant) 56%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-manha: color-mix( in srgb, var(--md-sys-color-tertiary-container) 78%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-comercial: color-mix( in srgb, var(--md-sys-color-primary-container) 74%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-tarde: color-mix( in srgb, var(--md-sys-color-secondary-container) 74%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-noturno: color-mix( in srgb, var(--md-sys-color-secondary) 44%, var(--md-sys-color-surface-container-highest) );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-time-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-time-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-time-range-min-w, 184px);max-width:min(var(--pdx-inline-time-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-time-range-chip.is-active{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-time-range-chip.is-partial{border-color:color-mix(in srgb,var(--md-sys-color-primary) 62%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 76%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container)}.pdx-inline-time-range-chip.is-open{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-time-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 10px 0 12px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-time-range-trigger:focus-visible{outline:none}.pdx-inline-time-range-trigger:disabled{cursor:default}.pdx-inline-time-range-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.pdx-inline-time-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.1;font-weight:500}.pdx-inline-time-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:26px;height:26px;min-width:26px;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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-time-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-time-range-chip.is-active .pdx-inline-time-range-clear,.pdx-inline-time-range-chip.is-partial .pdx-inline-time-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-time-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-time-range-clear mat-icon{display:block;width:17px;height:17px;font-size:17px;line-height:1;margin:0;overflow:hidden}.pdx-inline-time-range-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1rem;line-height:1.1;font-weight:500;left:-9999px;top:-9999px}.pdx-inline-time-range-panel{display:grid;gap:12px;min-width:min(var(--pdx-inline-time-range-panel-min-w, 248px),calc(100vw - 24px));width:clamp(var(--pdx-inline-time-range-panel-min-w, 248px),31vw,var(--pdx-inline-time-range-panel-max-w, 380px));max-width:calc(100vw - 24px);padding:13px 14px 12px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-time-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-time-range-slider-wrap{min-width:0}.pdx-inline-time-range-slider{width:100%;min-width:190px}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track{border-radius:999px}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track--inactive{border-radius:999px;background:var(--pdx-inline-time-range-track-gradient);opacity:.95}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track--active_fill{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent)}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__thumb-knob{border-width:2px}.pdx-inline-time-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem;line-height:1.2;font-weight:500}.pdx-inline-time-range-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px}.pdx-inline-time-range-input-sep{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;line-height:1;font-weight:600;padding-bottom:10px}.pdx-inline-time-range-input-field{display:grid;gap:4px;min-width:0}.pdx-inline-time-range-input-field>span{font-size:.75rem;line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);font-weight:600}.pdx-inline-time-range-input-field>input{width:100%;min-width:0;min-height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font:inherit;font-size:.96rem;line-height:1;box-sizing:border-box;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.pdx-inline-time-range-input-field>input:focus-visible{border-color:color-mix(in srgb,var(--md-sys-color-primary) 72%,var(--md-sys-color-outline-variant));box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}.pdx-inline-time-range-input-field>input:disabled{opacity:.56}.pdx-inline-time-range-error{color:var(--md-sys-color-error);font-size:.82rem;line-height:1.2;font-weight:500}.pdx-inline-time-range-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-time-range-preset{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:82px;max-width:100%;padding:0 12px;border-radius:10px;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);font:inherit;font-size:.9rem;font-weight:500;line-height:1;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-time-range-preset.is-active{border:2px solid color-mix(in srgb,var(--md-sys-color-on-surface) 62%,var(--md-sys-color-outline-variant));padding-inline:11px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.pdx-inline-time-range-preset:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-time-range-preset:hover:not(:disabled):not(.is-active){border-color:color-mix(in srgb,var(--md-sys-color-primary) 34%,var(--md-sys-color-outline-variant))}.pdx-inline-time-range-preset:disabled{opacity:.56;cursor:default}.pdx-inline-time-range-actions{--pdx-inline-time-range-action-primary-container: var(--md-sys-color-primary);--pdx-inline-time-range-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-time-range-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-time-range-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-time-range-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-time-range-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-time-range-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-time-range-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-time-range-action-danger-container: var(--md-sys-color-error);--pdx-inline-time-range-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-time-range-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-time-range-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-time-range-action-spacer{flex:1 1 auto}.pdx-inline-time-range-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-time-range-action mat-icon{width:16px;height:16px;font-size:16px}.pdx-inline-time-range-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=filled]{background:var(--pdx-inline-time-range-action-neutral-container);color:var(--pdx-inline-time-range-action-neutral-label)}.pdx-inline-time-range-action[data-appearance=tonal]{background:var(--pdx-inline-time-range-action-neutral-tonal-container);color:var(--pdx-inline-time-range-action-neutral-tonal-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-time-range-action-primary-container);color:var(--pdx-inline-time-range-action-primary-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-time-range-action-primary-tonal-container);color:var(--pdx-inline-time-range-action-primary-tonal-label)}.pdx-inline-time-range-action[data-color-role=primary][data-appearance=text],.pdx-inline-time-range-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-time-range-action-danger-container);color:var(--pdx-inline-time-range-action-danger-label)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-time-range-action-danger-tonal-container);color:var(--pdx-inline-time-range-action-danger-tonal-label)}.pdx-inline-time-range-action[data-color-role=danger][data-appearance=text],.pdx-inline-time-range-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-time-range-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-time-range-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-time-range-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-time-range-chip{min-height:var(--pdx-inline-control-height-mobile, 40px)}.pdx-inline-time-range-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px);gap:8px}.pdx-inline-time-range-text{font-size:.92rem}.pdx-inline-time-range-panel{width:min(var(--pdx-inline-time-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}.pdx-inline-time-range-inputs{grid-template-columns:minmax(0,1fr);gap:6px}.pdx-inline-time-range-input-sep{display:none}.pdx-inline-time-range-preset{min-height:28px;min-width:72px;padding-inline:10px;font-size:.82rem}}\n"] }]
41293
41834
  }], propDecorators: { measureEl: [{
41294
41835
  type: ViewChild,
41295
41836
  args: ['measureEl', { read: ElementRef }]
@@ -41446,10 +41987,14 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41446
41987
  onNodeClick(node, event) {
41447
41988
  event.preventDefault();
41448
41989
  event.stopPropagation();
41990
+ if (this.isNodeSelectionOnlyDisabled(node)) {
41991
+ this.toggleNode(node, event);
41992
+ return;
41993
+ }
41449
41994
  this.selectNode(node);
41450
41995
  }
41451
41996
  selectNode(node) {
41452
- if (!node || this.isNodeDisabled(node)) {
41997
+ if (!node || this.isNodeSelectionBlocked(node)) {
41453
41998
  return;
41454
41999
  }
41455
42000
  const value = this.resolveValue(node);
@@ -41476,17 +42021,34 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41476
42021
  return this.areValuesEqual(node.value, current);
41477
42022
  }
41478
42023
  isNodeDisabled(node) {
42024
+ return !!node?.disabled;
42025
+ }
42026
+ isNodeSelectionOnlyDisabled(node) {
41479
42027
  if (!node) {
41480
42028
  return false;
41481
42029
  }
41482
- return (!!node.disabled ||
41483
- (this.leafOnly() && !!node.children && node.children.length > 0));
42030
+ return (!this.isNodeDisabled(node) &&
42031
+ this.leafOnly() &&
42032
+ !!node.children &&
42033
+ node.children.length > 0);
42034
+ }
42035
+ isNodeSelectionBlocked(node) {
42036
+ return this.isNodeDisabled(node) || this.isNodeSelectionOnlyDisabled(node);
41484
42037
  }
41485
42038
  handleKeydown(event, node) {
41486
42039
  switch (event.key) {
41487
42040
  case 'Enter':
41488
42041
  case ' ': {
41489
42042
  event.preventDefault();
42043
+ if (this.isNodeSelectionOnlyDisabled(node)) {
42044
+ if (this.treeControl.isExpanded(node)) {
42045
+ this.treeControl.collapse(node);
42046
+ }
42047
+ else {
42048
+ this.treeControl.expand(node);
42049
+ }
42050
+ break;
42051
+ }
41490
42052
  this.selectNode(node);
41491
42053
  break;
41492
42054
  }
@@ -41810,6 +42372,7 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41810
42372
  <div
41811
42373
  class="pdx-chip-trigger"
41812
42374
  [class.is-active]="hasSelection()"
42375
+ [class.has-clear]="showQuickClear()"
41813
42376
  [class.is-disabled]="disabledMode || control().disabled || isReadonlyEffective() || presentationMode"
41814
42377
  >
41815
42378
  <button
@@ -41860,6 +42423,7 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41860
42423
  (mousedown)="onTriggerIconMouseDown($event)"
41861
42424
  (click)="onQuickClear($event)"
41862
42425
  [attr.aria-label]="clearActionAriaLabel()"
42426
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
41863
42427
  >
41864
42428
  <mat-icon
41865
42429
  [color]="iconPalette(clearIconColor())"
@@ -41915,6 +42479,8 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41915
42479
  class="pdx-tree-node"
41916
42480
  [class.pdx-selected]="isSelected(node)"
41917
42481
  [class.pdx-node-disabled]="isNodeDisabled(node)"
42482
+ [class.pdx-node-selection-disabled]="isNodeSelectionOnlyDisabled(node)"
42483
+ [attr.aria-disabled]="isNodeDisabled(node) ? 'true' : null"
41918
42484
  [attr.tabindex]="isNodeDisabled(node) ? -1 : 0"
41919
42485
  [attr.data-node-key]="nodeDomKey(node)"
41920
42486
  (keydown)="handleKeydown($event, node)"
@@ -41958,6 +42524,8 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41958
42524
  class="pdx-tree-node"
41959
42525
  [class.pdx-selected]="isSelected(node)"
41960
42526
  [class.pdx-node-disabled]="isNodeDisabled(node)"
42527
+ [class.pdx-node-selection-disabled]="isNodeSelectionOnlyDisabled(node)"
42528
+ [attr.aria-disabled]="isNodeDisabled(node) ? 'true' : null"
41961
42529
  [attr.tabindex]="isNodeDisabled(node) ? -1 : 0"
41962
42530
  [attr.data-node-key]="nodeDomKey(node)"
41963
42531
  (keydown)="handleKeydown($event, node)"
@@ -41974,7 +42542,7 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41974
42542
  </div>
41975
42543
  </mat-menu>
41976
42544
  </div>
41977
- `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-tree-select-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{position:relative;display:inline-flex;align-items:center;min-width:0;border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 999px))}.pdx-chip-main{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-tree-select-min-w, 148px);max-width:min(var(--pdx-inline-tree-select-max-w, 420px),calc(100vw - 48px));border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 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;padding:0 14px;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-main:hover{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 84%,var(--md-sys-color-surface-container-highest))}.pdx-chip-main:focus-visible{outline:none;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-chip-trigger.is-active .pdx-chip-main{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-chip-main .mdc-button__label{width:100%;display:inline-flex;align-items:center;min-width:0}.pdx-chip-icon{width:20px;height:20px;font-size:20px;margin-right:8px;color:var(--md-sys-color-primary)}.pdx-chip-trigger.is-active .pdx-chip-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-chip-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;text-align:left}.pdx-chip-spacer{flex:1 1 auto}.pdx-chip-loading{margin-left:8px}.pdx-chip-arrow{margin-left:8px;width:18px;height:18px;font-size:18px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);position:absolute;right:10px;width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary));background:color-mix(in srgb,var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary)) 22%,transparent);color:var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary))}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-trigger.is-disabled .pdx-chip-main{cursor:not-allowed;opacity:.72}::ng-deep .pdx-inline-tree-select-panel{width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-tree-select-panel .mat-mdc-menu-content{padding:0}.pdx-tree-panel-shell{width:min(380px,calc(100vw - 24px));max-height:min(62vh,460px);overflow:auto;border-radius:18px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-tree-search-row{position:sticky;top:0;z-index:var(--praxis-layer-sticky-local, 100);display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-tree-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-tree-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}.pdx-tree-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}.pdx-inline-tree{display:block;padding:6px 0}.pdx-tree-node{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);padding-right:10px;cursor:pointer;color:var(--md-sys-color-on-surface);-webkit-user-select:none;user-select:none}.pdx-tree-node:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-highest))}.pdx-tree-node:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.pdx-tree-node.pdx-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-high));font-weight:600}.pdx-tree-node.pdx-node-disabled{opacity:.52;cursor:not-allowed}.pdx-tree-toggle{margin-left:6px;margin-right:2px}.pdx-tree-node-spacer{width:42px;flex:0 0 42px}.pdx-tree-node-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.2}.pdx-tree-children{margin-left:18px}.pdx-tree-hidden{display:none}.pdx-tree-empty{padding:20px 16px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem}@media(max-width:768px){.pdx-chip-main{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}.pdx-chip-label{font-size:.95rem}.pdx-tree-panel-shell{width:min(92vw,360px)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1$4.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "component", type: i1$4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$4.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }] });
42545
+ `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-tree-select-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{position:relative;display:inline-flex;align-items:center;min-width:0;border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 999px))}.pdx-chip-main{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-tree-select-min-w, 148px);max-width:min(var(--pdx-inline-tree-select-max-w, 420px),calc(100vw - 48px));border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 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;padding:0 14px;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.has-clear .pdx-chip-main{padding-right:42px}.pdx-chip-main:hover{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 84%,var(--md-sys-color-surface-container-highest))}.pdx-chip-main:focus-visible{outline:none;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-chip-trigger.is-active .pdx-chip-main{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))}:host ::ng-deep .pdx-chip-main .mdc-button__label{width:100%;display:inline-flex;align-items:center;min-width:0}.pdx-chip-icon{flex:0 0 20px;width:20px;height:20px;font-size:20px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;color:var(--md-sys-color-primary)}.pdx-chip-trigger.is-active .pdx-chip-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-chip-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;text-align:left}.pdx-chip-spacer{flex:1 1 auto;min-width:8px}.pdx-chip-loading{margin-left:8px}.pdx-chip-arrow{margin-left:8px;flex:0 0 18px;width:18px;height:18px;font-size:18px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);position:absolute;right:10px;z-index:1;width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary));background:color-mix(in srgb,var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary)) 22%,transparent);color:var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary))}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-trigger.is-disabled .pdx-chip-main{cursor:not-allowed;opacity:.72}::ng-deep .pdx-inline-tree-select-panel{width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-tree-select-panel .mat-mdc-menu-content{padding:0}.pdx-tree-panel-shell{width:min(380px,calc(100vw - 24px));max-height:min(62vh,460px);overflow:auto;border-radius:18px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-tree-search-row{position:sticky;top:0;z-index:var(--praxis-layer-sticky-local, 100);display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-tree-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-tree-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}.pdx-tree-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}.pdx-inline-tree{display:block;padding:6px 0}.pdx-tree-node{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);padding-right:10px;cursor:pointer;color:var(--md-sys-color-on-surface);-webkit-user-select:none;user-select:none}.pdx-tree-node:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-highest))}.pdx-tree-node:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.pdx-tree-node.pdx-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-high));font-weight:600}.pdx-tree-node.pdx-node-disabled{opacity:.48;cursor:not-allowed}.pdx-tree-node.pdx-node-selection-disabled{color:var(--md-sys-color-on-surface);font-weight:600}.pdx-tree-toggle{margin-left:6px;margin-right:2px}.pdx-tree-node-spacer{width:42px;flex:0 0 42px}.pdx-tree-node-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.2}.pdx-tree-children{margin-left:18px}.pdx-tree-hidden{display:none}.pdx-tree-empty{padding:20px 16px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem}@media(max-width:768px){.pdx-chip-main{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}.pdx-chip-trigger.has-clear .pdx-chip-main{padding-right:38px}.pdx-chip-label{font-size:.95rem}.pdx-tree-panel-shell{width:min(92vw,360px)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1$4.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "component", type: i1$4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$4.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }] });
41978
42546
  }
41979
42547
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineTreeSelectComponent, decorators: [{
41980
42548
  type: Component,
@@ -41997,6 +42565,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
41997
42565
  <div
41998
42566
  class="pdx-chip-trigger"
41999
42567
  [class.is-active]="hasSelection()"
42568
+ [class.has-clear]="showQuickClear()"
42000
42569
  [class.is-disabled]="disabledMode || control().disabled || isReadonlyEffective() || presentationMode"
42001
42570
  >
42002
42571
  <button
@@ -42047,6 +42616,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
42047
42616
  (mousedown)="onTriggerIconMouseDown($event)"
42048
42617
  (click)="onQuickClear($event)"
42049
42618
  [attr.aria-label]="clearActionAriaLabel()"
42619
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
42050
42620
  >
42051
42621
  <mat-icon
42052
42622
  [color]="iconPalette(clearIconColor())"
@@ -42102,6 +42672,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
42102
42672
  class="pdx-tree-node"
42103
42673
  [class.pdx-selected]="isSelected(node)"
42104
42674
  [class.pdx-node-disabled]="isNodeDisabled(node)"
42675
+ [class.pdx-node-selection-disabled]="isNodeSelectionOnlyDisabled(node)"
42676
+ [attr.aria-disabled]="isNodeDisabled(node) ? 'true' : null"
42105
42677
  [attr.tabindex]="isNodeDisabled(node) ? -1 : 0"
42106
42678
  [attr.data-node-key]="nodeDomKey(node)"
42107
42679
  (keydown)="handleKeydown($event, node)"
@@ -42145,6 +42717,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
42145
42717
  class="pdx-tree-node"
42146
42718
  [class.pdx-selected]="isSelected(node)"
42147
42719
  [class.pdx-node-disabled]="isNodeDisabled(node)"
42720
+ [class.pdx-node-selection-disabled]="isNodeSelectionOnlyDisabled(node)"
42721
+ [attr.aria-disabled]="isNodeDisabled(node) ? 'true' : null"
42148
42722
  [attr.tabindex]="isNodeDisabled(node) ? -1 : 0"
42149
42723
  [attr.data-node-key]="nodeDomKey(node)"
42150
42724
  (keydown)="handleKeydown($event, node)"
@@ -42177,7 +42751,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
42177
42751
  '[attr.data-field-type]': '"inlineTreeSelect"',
42178
42752
  '[attr.data-field-name]': 'metadata()?.name',
42179
42753
  '[attr.data-component-id]': 'componentId()',
42180
- }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-tree-select-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{position:relative;display:inline-flex;align-items:center;min-width:0;border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 999px))}.pdx-chip-main{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-tree-select-min-w, 148px);max-width:min(var(--pdx-inline-tree-select-max-w, 420px),calc(100vw - 48px));border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 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;padding:0 14px;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-main:hover{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 84%,var(--md-sys-color-surface-container-highest))}.pdx-chip-main:focus-visible{outline:none;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-chip-trigger.is-active .pdx-chip-main{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-chip-main .mdc-button__label{width:100%;display:inline-flex;align-items:center;min-width:0}.pdx-chip-icon{width:20px;height:20px;font-size:20px;margin-right:8px;color:var(--md-sys-color-primary)}.pdx-chip-trigger.is-active .pdx-chip-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-chip-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;text-align:left}.pdx-chip-spacer{flex:1 1 auto}.pdx-chip-loading{margin-left:8px}.pdx-chip-arrow{margin-left:8px;width:18px;height:18px;font-size:18px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);position:absolute;right:10px;width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary));background:color-mix(in srgb,var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary)) 22%,transparent);color:var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary))}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-trigger.is-disabled .pdx-chip-main{cursor:not-allowed;opacity:.72}::ng-deep .pdx-inline-tree-select-panel{width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-tree-select-panel .mat-mdc-menu-content{padding:0}.pdx-tree-panel-shell{width:min(380px,calc(100vw - 24px));max-height:min(62vh,460px);overflow:auto;border-radius:18px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-tree-search-row{position:sticky;top:0;z-index:var(--praxis-layer-sticky-local, 100);display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-tree-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-tree-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}.pdx-tree-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}.pdx-inline-tree{display:block;padding:6px 0}.pdx-tree-node{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);padding-right:10px;cursor:pointer;color:var(--md-sys-color-on-surface);-webkit-user-select:none;user-select:none}.pdx-tree-node:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-highest))}.pdx-tree-node:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.pdx-tree-node.pdx-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-high));font-weight:600}.pdx-tree-node.pdx-node-disabled{opacity:.52;cursor:not-allowed}.pdx-tree-toggle{margin-left:6px;margin-right:2px}.pdx-tree-node-spacer{width:42px;flex:0 0 42px}.pdx-tree-node-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.2}.pdx-tree-children{margin-left:18px}.pdx-tree-hidden{display:none}.pdx-tree-empty{padding:20px 16px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem}@media(max-width:768px){.pdx-chip-main{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}.pdx-chip-label{font-size:.95rem}.pdx-tree-panel-shell{width:min(92vw,360px)}}\n"] }]
42754
+ }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-tree-select-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{position:relative;display:inline-flex;align-items:center;min-width:0;border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 999px))}.pdx-chip-main{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-tree-select-min-w, 148px);max-width:min(var(--pdx-inline-tree-select-max-w, 420px),calc(100vw - 48px));border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 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;padding:0 14px;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.has-clear .pdx-chip-main{padding-right:42px}.pdx-chip-main:hover{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 84%,var(--md-sys-color-surface-container-highest))}.pdx-chip-main:focus-visible{outline:none;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-chip-trigger.is-active .pdx-chip-main{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))}:host ::ng-deep .pdx-chip-main .mdc-button__label{width:100%;display:inline-flex;align-items:center;min-width:0}.pdx-chip-icon{flex:0 0 20px;width:20px;height:20px;font-size:20px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;color:var(--md-sys-color-primary)}.pdx-chip-trigger.is-active .pdx-chip-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-chip-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;text-align:left}.pdx-chip-spacer{flex:1 1 auto;min-width:8px}.pdx-chip-loading{margin-left:8px}.pdx-chip-arrow{margin-left:8px;flex:0 0 18px;width:18px;height:18px;font-size:18px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);position:absolute;right:10px;z-index:1;width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary));background:color-mix(in srgb,var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary)) 22%,transparent);color:var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary))}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-trigger.is-disabled .pdx-chip-main{cursor:not-allowed;opacity:.72}::ng-deep .pdx-inline-tree-select-panel{width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-tree-select-panel .mat-mdc-menu-content{padding:0}.pdx-tree-panel-shell{width:min(380px,calc(100vw - 24px));max-height:min(62vh,460px);overflow:auto;border-radius:18px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-tree-search-row{position:sticky;top:0;z-index:var(--praxis-layer-sticky-local, 100);display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-tree-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-tree-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}.pdx-tree-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}.pdx-inline-tree{display:block;padding:6px 0}.pdx-tree-node{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);padding-right:10px;cursor:pointer;color:var(--md-sys-color-on-surface);-webkit-user-select:none;user-select:none}.pdx-tree-node:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-highest))}.pdx-tree-node:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.pdx-tree-node.pdx-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-high));font-weight:600}.pdx-tree-node.pdx-node-disabled{opacity:.48;cursor:not-allowed}.pdx-tree-node.pdx-node-selection-disabled{color:var(--md-sys-color-on-surface);font-weight:600}.pdx-tree-toggle{margin-left:6px;margin-right:2px}.pdx-tree-node-spacer{width:42px;flex:0 0 42px}.pdx-tree-node-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.2}.pdx-tree-children{margin-left:18px}.pdx-tree-hidden{display:none}.pdx-tree-empty{padding:20px 16px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem}@media(max-width:768px){.pdx-chip-main{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}.pdx-chip-trigger.has-clear .pdx-chip-main{padding-right:38px}.pdx-chip-label{font-size:.95rem}.pdx-tree-panel-shell{width:min(92vw,360px)}}\n"] }]
42181
42755
  }], propDecorators: { readonlyMode: [{
42182
42756
  type: Input
42183
42757
  }], disabledMode: [{
@@ -42694,10 +43268,11 @@ class InlineRatingComponent extends InlineRangeSliderComponent {
42694
43268
  <button
42695
43269
  type="button"
42696
43270
  class="pdx-inline-rating-clear"
42697
- (mousedown)="onTriggerIconMouseDown($event)"
42698
- (click)="onQuickClear($event)"
42699
- [attr.aria-label]="clearActionAriaLabel()"
42700
- >
43271
+ (mousedown)="onTriggerIconMouseDown($event)"
43272
+ (click)="onQuickClear($event)"
43273
+ [attr.aria-label]="clearActionAriaLabel()"
43274
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
43275
+ >
42701
43276
  <mat-icon
42702
43277
  [color]="iconPalette(clearIconColor())"
42703
43278
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -42944,10 +43519,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
42944
43519
  <button
42945
43520
  type="button"
42946
43521
  class="pdx-inline-rating-clear"
42947
- (mousedown)="onTriggerIconMouseDown($event)"
42948
- (click)="onQuickClear($event)"
42949
- [attr.aria-label]="clearActionAriaLabel()"
42950
- >
43522
+ (mousedown)="onTriggerIconMouseDown($event)"
43523
+ (click)="onQuickClear($event)"
43524
+ [attr.aria-label]="clearActionAriaLabel()"
43525
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
43526
+ >
42951
43527
  <mat-icon
42952
43528
  [color]="iconPalette(clearIconColor())"
42953
43529
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -43381,7 +43957,7 @@ class InlineDistanceRadiusComponent extends InlineRangeSliderComponent {
43381
43957
  const subtitle = String(md.distanceSubtitle ?? md.inlinePanelSubtitle ?? md.inlineSubtitle ?? md.hint ?? '').trim();
43382
43958
  if (subtitle.length)
43383
43959
  return subtitle;
43384
- return this.distanceText('inlineDistance.panelSubtitle', 'Visualizacao radial com controle de raio e unidade');
43960
+ return this.distanceText('inlineDistance.panelSubtitle', 'Visualização radial com controle de raio e unidade');
43385
43961
  }
43386
43962
  unitToggleAriaLabel() {
43387
43963
  return this.distanceText('inlineDistance.unitToggleAriaLabel', 'Unidade de distancia atual: {{unit}}', {
@@ -44103,10 +44679,11 @@ class InlineDistanceRadiusComponent extends InlineRangeSliderComponent {
44103
44679
  <button
44104
44680
  type="button"
44105
44681
  class="pdx-inline-distance-clear"
44106
- (mousedown)="onTriggerIconMouseDown($event)"
44107
- (click)="onQuickClear($event)"
44108
- [attr.aria-label]="clearActionAriaLabel()"
44109
- >
44682
+ (mousedown)="onTriggerIconMouseDown($event)"
44683
+ (click)="onQuickClear($event)"
44684
+ [attr.aria-label]="clearActionAriaLabel()"
44685
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
44686
+ >
44110
44687
  <mat-icon
44111
44688
  [color]="iconPalette(clearIconColor())"
44112
44689
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -44384,10 +44961,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
44384
44961
  <button
44385
44962
  type="button"
44386
44963
  class="pdx-inline-distance-clear"
44387
- (mousedown)="onTriggerIconMouseDown($event)"
44388
- (click)="onQuickClear($event)"
44389
- [attr.aria-label]="clearActionAriaLabel()"
44390
- >
44964
+ (mousedown)="onTriggerIconMouseDown($event)"
44965
+ (click)="onQuickClear($event)"
44966
+ [attr.aria-label]="clearActionAriaLabel()"
44967
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
44968
+ >
44391
44969
  <mat-icon
44392
44970
  [color]="iconPalette(clearIconColor())"
44393
44971
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -45540,7 +46118,7 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
45540
46118
  }
45541
46119
  usesExplicitPipelineOverlay() {
45542
46120
  const mode = String(this.currentMetadata().inlineOverlay?.applyMode || '').toLowerCase();
45543
- return mode === 'explicit' || mode === 'confirm';
46121
+ return mode === 'explicit';
45544
46122
  }
45545
46123
  inlineOverlayAction(name) {
45546
46124
  const action = this.currentMetadata().inlineOverlay?.actions?.[name];
@@ -45610,10 +46188,11 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
45610
46188
  <button
45611
46189
  type="button"
45612
46190
  class="pdx-inline-pipeline-clear"
45613
- (mousedown)="onTriggerIconMouseDown($event)"
45614
- (click)="onQuickClear($event)"
45615
- [attr.aria-label]="clearActionAriaLabel()"
45616
- >
46191
+ (mousedown)="onTriggerIconMouseDown($event)"
46192
+ (click)="onQuickClear($event)"
46193
+ [attr.aria-label]="clearActionAriaLabel()"
46194
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
46195
+ >
45617
46196
  <mat-icon
45618
46197
  [color]="iconPalette(clearIconColor())"
45619
46198
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -45812,7 +46391,7 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
45812
46391
  </div>
45813
46392
  </ng-template>
45814
46393
  </div>
45815
- `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-pipeline-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-pipeline-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-pipeline-min-w, 188px);max-width:min(var(--pdx-inline-pipeline-max-w, 420px),calc(100vw - 48px));padding:0 8px 0 0;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-pipeline-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-pipeline-chip.is-open{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-pipeline-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:var(--pdx-inline-control-height-mobile, 40px);border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-pipeline-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-pipeline-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-pipeline-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-pipeline-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-pipeline-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-pipeline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-pipeline-chip.is-active .pdx-inline-pipeline-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-pipeline-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-pipeline-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-pipeline-panel{width:min(var(--pdx-inline-pipeline-panel-max-w, 620px),calc(100vw - 24px));min-width:min(var(--pdx-inline-pipeline-panel-min-w, 340px),calc(100vw - 24px));max-width:min(var(--pdx-inline-pipeline-panel-max-w, 620px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-pipeline-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-pipeline-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-pipeline-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-pipeline-title{font-size:1rem;font-weight:600}.pdx-inline-pipeline-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-pipeline-bar{display:flex;align-items:center;overflow:hidden;min-height:22px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-inline-pipeline-segment{display:block;height:20px;opacity:.5;transition:opacity .12s ease,filter .12s ease}.pdx-inline-pipeline-segment.is-selected{opacity:1;filter:saturate(1.2)}.pdx-inline-pipeline-search-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:var(--pdx-inline-control-height-mobile, 38px);border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);padding:0 10px}.pdx-inline-pipeline-search-row mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-pipeline-search-input{border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface)}.pdx-inline-pipeline-actions{display:flex;gap:8px;flex-wrap:wrap}.pdx-inline-pipeline-action{min-height:30px;padding: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);cursor:pointer}.pdx-inline-pipeline-action:disabled{opacity:.56;cursor:default}.pdx-inline-pipeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pdx-inline-pipeline-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:2px;min-height:70px;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:8px 10px;cursor:pointer}.pdx-inline-pipeline-card-dot{grid-column:1;grid-row:1;width:10px;height:10px;border-radius:50%}.pdx-inline-pipeline-card-label{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600}.pdx-inline-pipeline-card-subtitle{grid-column:2;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-pipeline-card.is-selected{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-inline-pipeline-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-pipeline-card:disabled{opacity:.56;cursor:default}.pdx-inline-pipeline-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-pipeline-pills{display:flex;gap:8px;flex-wrap:wrap}.pdx-inline-pipeline-pill{min-height:28px;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);display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:.82rem}.pdx-inline-pipeline-pill-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-pipeline-panel-actions{--pdx-inline-pipeline-action-primary-container: var(--md-sys-color-primary);--pdx-inline-pipeline-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-pipeline-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-pipeline-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-pipeline-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-pipeline-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-pipeline-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-pipeline-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-pipeline-action-danger-container: var(--md-sys-color-error);--pdx-inline-pipeline-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-pipeline-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-pipeline-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-pipeline-panel-action-spacer{flex:1 1 auto}.pdx-inline-pipeline-panel-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-pipeline-panel-action mat-icon{width:16px;height:16px;font-size:16px}.pdx-inline-pipeline-panel-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=filled]{background:var(--pdx-inline-pipeline-action-neutral-container);color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-neutral-tonal-container);color:var(--pdx-inline-pipeline-action-neutral-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-pipeline-action-primary-container);color:var(--pdx-inline-pipeline-action-primary-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-primary-tonal-container);color:var(--pdx-inline-pipeline-action-primary-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=text],.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-pipeline-action-danger-container);color:var(--pdx-inline-pipeline-action-danger-label)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-danger-tonal-container);color:var(--pdx-inline-pipeline-action-danger-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=text],.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-pipeline-panel-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-pipeline-panel-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-pipeline-panel-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-pipeline-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdx-inline-pipeline-card{min-height:64px}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
46394
+ `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-pipeline-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-pipeline-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-pipeline-min-w, 188px);max-width:min(var(--pdx-inline-pipeline-max-w, 420px),calc(100vw - 48px));padding:0 8px 0 0;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-pipeline-chip.is-active{border-color:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary-container));background:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary-container));color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary-container))}.pdx-inline-pipeline-chip.is-open{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-pipeline-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:var(--pdx-inline-control-height-mobile, 40px);border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-pipeline-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-pipeline-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-pipeline-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-pipeline-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-pipeline-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-pipeline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-pipeline-chip.is-active .pdx-inline-pipeline-clear{--clear-ring-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary-container) );background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary-container)) 22%,transparent)}.pdx-inline-pipeline-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-pipeline-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-pipeline-panel{width:min(var(--pdx-inline-pipeline-panel-max-w, 620px),calc(100vw - 24px));min-width:min(var(--pdx-inline-pipeline-panel-min-w, 340px),calc(100vw - 24px));max-width:min(var(--pdx-inline-pipeline-panel-max-w, 620px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-pipeline-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-pipeline-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-pipeline-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-pipeline-title{font-size:1rem;font-weight:600}.pdx-inline-pipeline-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-pipeline-bar{display:flex;align-items:center;overflow:hidden;min-height:22px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-inline-pipeline-segment{display:block;height:20px;opacity:.5;transition:opacity .12s ease,filter .12s ease}.pdx-inline-pipeline-segment.is-selected{opacity:1;filter:saturate(1.2)}.pdx-inline-pipeline-search-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:var(--pdx-inline-control-height-mobile, 38px);border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);padding:0 10px}.pdx-inline-pipeline-search-row mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-pipeline-search-input{border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface)}.pdx-inline-pipeline-actions{display:flex;gap:8px;flex-wrap:wrap}.pdx-inline-pipeline-action{min-height:30px;padding: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);cursor:pointer}.pdx-inline-pipeline-action:disabled{opacity:.56;cursor:default}.pdx-inline-pipeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pdx-inline-pipeline-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:2px;min-height:70px;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:8px 10px;cursor:pointer}.pdx-inline-pipeline-card-dot{grid-column:1;grid-row:1;width:10px;height:10px;border-radius:50%}.pdx-inline-pipeline-card-label{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600}.pdx-inline-pipeline-card-subtitle{grid-column:2;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-pipeline-card.is-selected{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-inline-pipeline-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-pipeline-card:disabled{opacity:.56;cursor:default}.pdx-inline-pipeline-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-pipeline-pills{display:flex;gap:8px;flex-wrap:wrap}.pdx-inline-pipeline-pill{min-height:28px;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);display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:.82rem}.pdx-inline-pipeline-pill-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-pipeline-panel-actions{--pdx-inline-pipeline-action-primary-container: var(--md-sys-color-primary);--pdx-inline-pipeline-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-pipeline-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-pipeline-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-pipeline-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-pipeline-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-pipeline-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-pipeline-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-pipeline-action-danger-container: var(--md-sys-color-error);--pdx-inline-pipeline-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-pipeline-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-pipeline-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-pipeline-panel-action-spacer{flex:1 1 auto}.pdx-inline-pipeline-panel-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-pipeline-panel-action mat-icon{width:16px;height:16px;font-size:16px}.pdx-inline-pipeline-panel-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=filled]{background:var(--pdx-inline-pipeline-action-neutral-container);color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-neutral-tonal-container);color:var(--pdx-inline-pipeline-action-neutral-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-pipeline-action-primary-container);color:var(--pdx-inline-pipeline-action-primary-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-primary-tonal-container);color:var(--pdx-inline-pipeline-action-primary-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=text],.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-pipeline-action-danger-container);color:var(--pdx-inline-pipeline-action-danger-label)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-danger-tonal-container);color:var(--pdx-inline-pipeline-action-danger-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=text],.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-pipeline-panel-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-pipeline-panel-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-pipeline-panel-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-pipeline-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdx-inline-pipeline-card{min-height:64px}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
45816
46395
  }
45817
46396
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlinePipelineStatusComponent, decorators: [{
45818
46397
  type: Component,
@@ -45874,10 +46453,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
45874
46453
  <button
45875
46454
  type="button"
45876
46455
  class="pdx-inline-pipeline-clear"
45877
- (mousedown)="onTriggerIconMouseDown($event)"
45878
- (click)="onQuickClear($event)"
45879
- [attr.aria-label]="clearActionAriaLabel()"
45880
- >
46456
+ (mousedown)="onTriggerIconMouseDown($event)"
46457
+ (click)="onQuickClear($event)"
46458
+ [attr.aria-label]="clearActionAriaLabel()"
46459
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
46460
+ >
45881
46461
  <mat-icon
45882
46462
  [color]="iconPalette(clearIconColor())"
45883
46463
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -46094,7 +46674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
46094
46674
  '[attr.data-component-id]': 'componentId()',
46095
46675
  '(window:resize)': 'onViewportResize()',
46096
46676
  '(document:keydown.escape)': 'onDocumentEscape()',
46097
- }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-pipeline-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-pipeline-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-pipeline-min-w, 188px);max-width:min(var(--pdx-inline-pipeline-max-w, 420px),calc(100vw - 48px));padding:0 8px 0 0;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-pipeline-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-pipeline-chip.is-open{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-pipeline-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:var(--pdx-inline-control-height-mobile, 40px);border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-pipeline-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-pipeline-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-pipeline-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-pipeline-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-pipeline-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-pipeline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-pipeline-chip.is-active .pdx-inline-pipeline-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-pipeline-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-pipeline-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-pipeline-panel{width:min(var(--pdx-inline-pipeline-panel-max-w, 620px),calc(100vw - 24px));min-width:min(var(--pdx-inline-pipeline-panel-min-w, 340px),calc(100vw - 24px));max-width:min(var(--pdx-inline-pipeline-panel-max-w, 620px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-pipeline-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-pipeline-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-pipeline-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-pipeline-title{font-size:1rem;font-weight:600}.pdx-inline-pipeline-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-pipeline-bar{display:flex;align-items:center;overflow:hidden;min-height:22px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-inline-pipeline-segment{display:block;height:20px;opacity:.5;transition:opacity .12s ease,filter .12s ease}.pdx-inline-pipeline-segment.is-selected{opacity:1;filter:saturate(1.2)}.pdx-inline-pipeline-search-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:var(--pdx-inline-control-height-mobile, 38px);border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);padding:0 10px}.pdx-inline-pipeline-search-row mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-pipeline-search-input{border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface)}.pdx-inline-pipeline-actions{display:flex;gap:8px;flex-wrap:wrap}.pdx-inline-pipeline-action{min-height:30px;padding: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);cursor:pointer}.pdx-inline-pipeline-action:disabled{opacity:.56;cursor:default}.pdx-inline-pipeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pdx-inline-pipeline-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:2px;min-height:70px;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:8px 10px;cursor:pointer}.pdx-inline-pipeline-card-dot{grid-column:1;grid-row:1;width:10px;height:10px;border-radius:50%}.pdx-inline-pipeline-card-label{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600}.pdx-inline-pipeline-card-subtitle{grid-column:2;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-pipeline-card.is-selected{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-inline-pipeline-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-pipeline-card:disabled{opacity:.56;cursor:default}.pdx-inline-pipeline-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-pipeline-pills{display:flex;gap:8px;flex-wrap:wrap}.pdx-inline-pipeline-pill{min-height:28px;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);display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:.82rem}.pdx-inline-pipeline-pill-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-pipeline-panel-actions{--pdx-inline-pipeline-action-primary-container: var(--md-sys-color-primary);--pdx-inline-pipeline-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-pipeline-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-pipeline-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-pipeline-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-pipeline-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-pipeline-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-pipeline-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-pipeline-action-danger-container: var(--md-sys-color-error);--pdx-inline-pipeline-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-pipeline-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-pipeline-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-pipeline-panel-action-spacer{flex:1 1 auto}.pdx-inline-pipeline-panel-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-pipeline-panel-action mat-icon{width:16px;height:16px;font-size:16px}.pdx-inline-pipeline-panel-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=filled]{background:var(--pdx-inline-pipeline-action-neutral-container);color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-neutral-tonal-container);color:var(--pdx-inline-pipeline-action-neutral-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-pipeline-action-primary-container);color:var(--pdx-inline-pipeline-action-primary-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-primary-tonal-container);color:var(--pdx-inline-pipeline-action-primary-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=text],.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-pipeline-action-danger-container);color:var(--pdx-inline-pipeline-action-danger-label)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-danger-tonal-container);color:var(--pdx-inline-pipeline-action-danger-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=text],.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-pipeline-panel-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-pipeline-panel-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-pipeline-panel-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-pipeline-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdx-inline-pipeline-card{min-height:64px}}\n"] }]
46677
+ }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-pipeline-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-pipeline-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-pipeline-min-w, 188px);max-width:min(var(--pdx-inline-pipeline-max-w, 420px),calc(100vw - 48px));padding:0 8px 0 0;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-pipeline-chip.is-active{border-color:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary-container));background:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary-container));color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary-container))}.pdx-inline-pipeline-chip.is-open{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-pipeline-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:var(--pdx-inline-control-height-mobile, 40px);border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-pipeline-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-pipeline-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-pipeline-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-pipeline-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-pipeline-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-pipeline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-pipeline-chip.is-active .pdx-inline-pipeline-clear{--clear-ring-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary-container) );background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary-container)) 22%,transparent)}.pdx-inline-pipeline-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-pipeline-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-pipeline-panel{width:min(var(--pdx-inline-pipeline-panel-max-w, 620px),calc(100vw - 24px));min-width:min(var(--pdx-inline-pipeline-panel-min-w, 340px),calc(100vw - 24px));max-width:min(var(--pdx-inline-pipeline-panel-max-w, 620px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-pipeline-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-pipeline-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-pipeline-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-pipeline-title{font-size:1rem;font-weight:600}.pdx-inline-pipeline-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-pipeline-bar{display:flex;align-items:center;overflow:hidden;min-height:22px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-inline-pipeline-segment{display:block;height:20px;opacity:.5;transition:opacity .12s ease,filter .12s ease}.pdx-inline-pipeline-segment.is-selected{opacity:1;filter:saturate(1.2)}.pdx-inline-pipeline-search-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:var(--pdx-inline-control-height-mobile, 38px);border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);padding:0 10px}.pdx-inline-pipeline-search-row mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-pipeline-search-input{border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface)}.pdx-inline-pipeline-actions{display:flex;gap:8px;flex-wrap:wrap}.pdx-inline-pipeline-action{min-height:30px;padding: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);cursor:pointer}.pdx-inline-pipeline-action:disabled{opacity:.56;cursor:default}.pdx-inline-pipeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pdx-inline-pipeline-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:2px;min-height:70px;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:8px 10px;cursor:pointer}.pdx-inline-pipeline-card-dot{grid-column:1;grid-row:1;width:10px;height:10px;border-radius:50%}.pdx-inline-pipeline-card-label{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600}.pdx-inline-pipeline-card-subtitle{grid-column:2;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-pipeline-card.is-selected{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-inline-pipeline-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-pipeline-card:disabled{opacity:.56;cursor:default}.pdx-inline-pipeline-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-pipeline-pills{display:flex;gap:8px;flex-wrap:wrap}.pdx-inline-pipeline-pill{min-height:28px;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);display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:.82rem}.pdx-inline-pipeline-pill-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-pipeline-panel-actions{--pdx-inline-pipeline-action-primary-container: var(--md-sys-color-primary);--pdx-inline-pipeline-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-pipeline-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-pipeline-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-pipeline-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-pipeline-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-pipeline-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-pipeline-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-pipeline-action-danger-container: var(--md-sys-color-error);--pdx-inline-pipeline-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-pipeline-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-pipeline-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-pipeline-panel-action-spacer{flex:1 1 auto}.pdx-inline-pipeline-panel-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-pipeline-panel-action mat-icon{width:16px;height:16px;font-size:16px}.pdx-inline-pipeline-panel-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=filled]{background:var(--pdx-inline-pipeline-action-neutral-container);color:var(--pdx-inline-pipeline-action-neutral-label)}.pdx-inline-pipeline-panel-action[data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-neutral-tonal-container);color:var(--pdx-inline-pipeline-action-neutral-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-pipeline-action-primary-container);color:var(--pdx-inline-pipeline-action-primary-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-primary-tonal-container);color:var(--pdx-inline-pipeline-action-primary-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=text],.pdx-inline-pipeline-panel-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-pipeline-action-danger-container);color:var(--pdx-inline-pipeline-action-danger-label)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-pipeline-action-danger-tonal-container);color:var(--pdx-inline-pipeline-action-danger-tonal-label)}.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=text],.pdx-inline-pipeline-panel-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-pipeline-panel-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-pipeline-panel-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-pipeline-panel-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-pipeline-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdx-inline-pipeline-card{min-height:64px}}\n"] }]
46098
46678
  }], propDecorators: { readonlyMode: [{
46099
46679
  type: Input
46100
46680
  }], disabledMode: [{
@@ -46845,10 +47425,11 @@ class InlineScorePriorityComponent extends InlineRangeSliderComponent {
46845
47425
  <button
46846
47426
  type="button"
46847
47427
  class="pdx-inline-score-clear"
46848
- (mousedown)="onTriggerIconMouseDown($event)"
46849
- (click)="onQuickClear($event)"
46850
- [attr.aria-label]="clearActionAriaLabel()"
46851
- >
47428
+ (mousedown)="onTriggerIconMouseDown($event)"
47429
+ (click)="onQuickClear($event)"
47430
+ [attr.aria-label]="clearActionAriaLabel()"
47431
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
47432
+ >
46852
47433
  <mat-icon
46853
47434
  [color]="iconPalette(clearIconColor())"
46854
47435
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -47108,10 +47689,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
47108
47689
  <button
47109
47690
  type="button"
47110
47691
  class="pdx-inline-score-clear"
47111
- (mousedown)="onTriggerIconMouseDown($event)"
47112
- (click)="onQuickClear($event)"
47113
- [attr.aria-label]="clearActionAriaLabel()"
47114
- >
47692
+ (mousedown)="onTriggerIconMouseDown($event)"
47693
+ (click)="onQuickClear($event)"
47694
+ [attr.aria-label]="clearActionAriaLabel()"
47695
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
47696
+ >
47115
47697
  <mat-icon
47116
47698
  [color]="iconPalette(clearIconColor())"
47117
47699
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -47333,15 +47915,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
47333
47915
  }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-score-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-score-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-score-min-w, 182px);max-width:min(var(--pdx-inline-score-max-w, 340px),calc(100vw - 48px));padding:0 8px 0 0;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-score-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-score-chip.is-open{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-score-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:var(--pdx-inline-control-height-mobile, 40px);border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-score-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-score-icon{width:18px;height:18px;font-size:18px}.pdx-inline-score-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-score-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer}.pdx-inline-score-chip.is-active .pdx-inline-score-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-score-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-score-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-score-panel{width:min(var(--pdx-inline-score-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-score-panel-min-w, 300px),calc(100vw - 24px));max-width:min(var(--pdx-inline-score-panel-max-w, 560px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-score-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-score-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-score-title{font-size:1rem;font-weight:600}.pdx-inline-score-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem}.pdx-inline-score-track-shell{display:grid;gap:8px}.pdx-inline-score-track{position:relative;min-height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);overflow:hidden}.pdx-inline-score-marker{position:absolute;top:0;bottom:0;width:3px;background:var(--md-sys-color-on-surface);transform:translate(-50%);box-shadow:0 0 0 1px color-mix(in srgb,white 40%,transparent)}.pdx-inline-score-labels{position:relative;min-height:18px}.pdx-inline-score-label{position:absolute;transform:translate(-50%);font-size:.75rem;font-weight:600;white-space:nowrap}.pdx-inline-score-values{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pdx-inline-score-value-block{display:inline-grid;gap:2px;justify-items:center}.pdx-inline-score-value-block strong{font-size:1.7rem;line-height:1}.pdx-inline-score-value-block small{font-size:.76rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-score-separator{color:var(--md-sys-color-outline);font-weight:600}.pdx-inline-score-unit{font-size:.86rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-score-slider-wrap{padding-top:2px}.pdx-inline-score-slider{width:100%}.pdx-inline-score-edges{display:flex;justify-content:space-between;color:var(--md-sys-color-on-surface-variant);font-size:.82rem}.pdx-inline-score-chips{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-score-chip-btn{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:999px;min-height:30px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-score-chip-btn.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 80%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-inline-score-chip-btn:disabled{opacity:.56;cursor:default}.pdx-inline-score-chip-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-score-actions{--pdx-inline-score-action-primary-container: var(--md-sys-color-primary);--pdx-inline-score-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-score-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-score-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-score-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-score-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-score-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-score-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-score-action-danger-container: var(--md-sys-color-error);--pdx-inline-score-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-score-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-score-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-score-action-spacer{flex:1 1 auto}.pdx-inline-score-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-score-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-score-action-neutral-label)}.pdx-inline-score-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-score-action-neutral-label)}.pdx-inline-score-action[data-appearance=filled]{background:var(--pdx-inline-score-action-neutral-container);color:var(--pdx-inline-score-action-neutral-label)}.pdx-inline-score-action[data-appearance=tonal]{background:var(--pdx-inline-score-action-neutral-tonal-container);color:var(--pdx-inline-score-action-neutral-tonal-label)}.pdx-inline-score-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-score-action-primary-container);color:var(--pdx-inline-score-action-primary-label)}.pdx-inline-score-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-score-action-primary-tonal-container);color:var(--pdx-inline-score-action-primary-tonal-label)}.pdx-inline-score-action[data-color-role=primary][data-appearance=text],.pdx-inline-score-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-score-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-score-action-danger-container);color:var(--pdx-inline-score-action-danger-label)}.pdx-inline-score-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-score-action-danger-tonal-container);color:var(--pdx-inline-score-action-danger-tonal-label)}.pdx-inline-score-action[data-color-role=danger][data-appearance=text],.pdx-inline-score-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-score-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-score-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-score-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-score-panel{min-width:min(288px,calc(100vw - 24px));padding:12px}.pdx-inline-score-value-block strong{font-size:1.45rem}}\n"] }]
47334
47916
  }] });
47335
47917
 
47336
- const DEFAULT_RELATIVE_PERIOD_OPTIONS = [
47337
- { id: 'today', label: 'Hoje', value: 'today', icon: 'calendar_today' },
47338
- { id: 'yesterday', label: 'Ontem', value: 'yesterday', icon: 'keyboard_double_arrow_left' },
47339
- { id: 'last7', label: 'Ultimos 7 dias', value: 'last7', icon: 'date_range' },
47340
- { id: 'last30', label: 'Ultimos 30 dias', value: 'last30', icon: 'date_range' },
47341
- { id: 'thisMonth', label: 'Este mes', value: 'thisMonth', icon: 'event' },
47342
- { id: 'lastMonth', label: 'Mes passado', value: 'lastMonth', icon: 'event' },
47343
- { id: 'thisQuarter', label: 'Este trimestre', value: 'thisQuarter', icon: 'bar_chart' },
47344
- { id: 'thisYear', label: 'Este ano', value: 'thisYear', icon: 'ads_click' },
47918
+ const DEFAULT_RELATIVE_PERIOD_OPTION_DEFS = [
47919
+ { id: 'today', labelKey: 'today', fallbackLabel: 'Hoje', value: 'today', icon: 'calendar_today' },
47920
+ { id: 'yesterday', labelKey: 'yesterday', fallbackLabel: 'Ontem', value: 'yesterday', icon: 'keyboard_double_arrow_left' },
47921
+ { id: 'last7', labelKey: 'last7', fallbackLabel: 'Últimos 7 dias', value: 'last7', icon: 'date_range' },
47922
+ { id: 'last30', labelKey: 'last30', fallbackLabel: 'Últimos 30 dias', value: 'last30', icon: 'date_range' },
47923
+ { id: 'thisMonth', labelKey: 'thisMonth', fallbackLabel: 'Este mês', value: 'thisMonth', icon: 'event' },
47924
+ { id: 'lastMonth', labelKey: 'lastMonth', fallbackLabel: 'Mês passado', value: 'lastMonth', icon: 'event' },
47925
+ { id: 'thisQuarter', labelKey: 'thisQuarter', fallbackLabel: 'Este trimestre', value: 'thisQuarter', icon: 'bar_chart' },
47926
+ { id: 'thisYear', labelKey: 'thisYear', fallbackLabel: 'Este ano', value: 'thisYear', icon: 'ads_click' },
47345
47927
  ];
47346
47928
  class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
47347
47929
  readonlyMode = false;
@@ -47384,7 +47966,7 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
47384
47966
  this.parseOptionsSource(matMetadata.relativePeriodPresets) ??
47385
47967
  this.parseOptionsSource(matMetadata.selectOptions) ??
47386
47968
  this.parseOptionsSource(matMetadata.options) ??
47387
- DEFAULT_RELATIVE_PERIOD_OPTIONS;
47969
+ this.defaultRelativePeriodOptions();
47388
47970
  const options = source.map((entry, index) => this.mapRawOption(entry, index));
47389
47971
  super.setSelectMetadata({
47390
47972
  ...matMetadata,
@@ -47819,6 +48401,14 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
47819
48401
  return null;
47820
48402
  }
47821
48403
  }
48404
+ defaultRelativePeriodOptions() {
48405
+ return DEFAULT_RELATIVE_PERIOD_OPTION_DEFS.map((option) => ({
48406
+ id: option.id,
48407
+ label: this.tDynamicFields(`inlineRelativePeriod.defaultOptions.${option.labelKey}`, option.fallbackLabel),
48408
+ value: option.value,
48409
+ icon: option.icon,
48410
+ }));
48411
+ }
47822
48412
  selectedOptions() {
47823
48413
  return this.relativeOptions().filter((option) => option.selected);
47824
48414
  }
@@ -47828,7 +48418,7 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
47828
48418
  return {
47829
48419
  id: String(raw.id ?? raw.key ?? `relative-period-option-${index}`),
47830
48420
  label: String(option.label ?? raw.text ?? raw.name ?? raw.title ?? option.value ?? '').trim() ||
47831
- `Opcao ${index + 1}`,
48421
+ this.fallbackOptionLabel(index),
47832
48422
  subtitle,
47833
48423
  icon: this.resolveOptionIcon(raw),
47834
48424
  value: option.value,
@@ -47848,6 +48438,11 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
47848
48438
  const fallback = String(raw.subtitle ?? raw.description ?? '').trim();
47849
48439
  return fallback;
47850
48440
  }
48441
+ fallbackOptionLabel(index) {
48442
+ return this.tDynamicFields('inlineRelativePeriod.fallbackOptionLabel', 'Opção {{index}}', {
48443
+ index: String(index + 1),
48444
+ });
48445
+ }
47851
48446
  resolveOptionIcon(raw) {
47852
48447
  const md = this.currentMetadata();
47853
48448
  const customKey = this.resolveMetadataKey(md.relativePeriodIconKey, md.optionIconKey);
@@ -48110,7 +48705,7 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
48110
48705
  }
48111
48706
  usesExplicitRelativeOverlay() {
48112
48707
  const mode = String(this.currentMetadata().inlineOverlay?.applyMode || '').toLowerCase();
48113
- return mode === 'explicit' || mode === 'confirm';
48708
+ return mode === 'explicit';
48114
48709
  }
48115
48710
  inlineOverlayAction(name) {
48116
48711
  const action = this.currentMetadata().inlineOverlay?.actions?.[name];
@@ -48177,10 +48772,11 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
48177
48772
  <button
48178
48773
  type="button"
48179
48774
  class="pdx-inline-relative-clear"
48180
- (mousedown)="onTriggerIconMouseDown($event)"
48181
- (click)="onQuickClear($event)"
48182
- [attr.aria-label]="clearActionAriaLabel()"
48183
- >
48775
+ (mousedown)="onTriggerIconMouseDown($event)"
48776
+ (click)="onQuickClear($event)"
48777
+ [attr.aria-label]="clearActionAriaLabel()"
48778
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
48779
+ >
48184
48780
  <mat-icon
48185
48781
  [color]="iconPalette(clearIconColor())"
48186
48782
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -48394,10 +48990,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
48394
48990
  <button
48395
48991
  type="button"
48396
48992
  class="pdx-inline-relative-clear"
48397
- (mousedown)="onTriggerIconMouseDown($event)"
48398
- (click)="onQuickClear($event)"
48399
- [attr.aria-label]="clearActionAriaLabel()"
48400
- >
48993
+ (mousedown)="onTriggerIconMouseDown($event)"
48994
+ (click)="onQuickClear($event)"
48995
+ [attr.aria-label]="clearActionAriaLabel()"
48996
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
48997
+ >
48401
48998
  <mat-icon
48402
48999
  [color]="iconPalette(clearIconColor())"
48403
49000
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -48582,12 +49179,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
48582
49179
  args: ['searchInput', { read: ElementRef }]
48583
49180
  }] } });
48584
49181
 
48585
- const DEFAULT_SENTIMENT_OPTIONS = [
48586
- { id: 'terrible', label: 'Pessimo', value: 'terrible', emoji: '😡', color: '#d32f2f' },
48587
- { id: 'bad', label: 'Ruim', value: 'bad', emoji: '😞', color: '#f59e0b' },
48588
- { id: 'neutral', label: 'Neutro', value: 'neutral', emoji: '😐', color: '#9ca3af' },
48589
- { id: 'good', label: 'Bom', value: 'good', emoji: '🙂', color: '#34d399' },
48590
- { id: 'great', label: 'Otimo', value: 'great', emoji: '🤩', color: '#14b8a6' },
49182
+ const DEFAULT_SENTIMENT_OPTION_DEFS = [
49183
+ { id: 'terrible', labelKey: 'terrible', fallbackLabel: 'Péssimo', value: 'terrible', emoji: '😡', color: '#d32f2f' },
49184
+ { id: 'bad', labelKey: 'bad', fallbackLabel: 'Ruim', value: 'bad', emoji: '😞', color: '#f59e0b' },
49185
+ { id: 'neutral', labelKey: 'neutral', fallbackLabel: 'Neutro', value: 'neutral', emoji: '😐', color: '#9ca3af' },
49186
+ { id: 'good', labelKey: 'good', fallbackLabel: 'Bom', value: 'good', emoji: '🙂', color: '#34d399' },
49187
+ { id: 'great', labelKey: 'great', fallbackLabel: 'Ótimo', value: 'great', emoji: '🤩', color: '#14b8a6' },
48591
49188
  ];
48592
49189
  class InlineSentimentComponent extends SimpleBaseSelectComponent {
48593
49190
  readonlyMode = false;
@@ -48627,7 +49224,7 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
48627
49224
  this.fieldLabelText = this.resolveFieldLabelFromMetadata(matMetadata);
48628
49225
  const source = this.parseOptionsSource(matMetadata.sentimentOptions) ??
48629
49226
  this.parseOptionsSource(matMetadata.options) ??
48630
- DEFAULT_SENTIMENT_OPTIONS;
49227
+ this.defaultSentimentOptions();
48631
49228
  const options = source.map((entry, index) => this.mapRawOption(entry, index));
48632
49229
  super.setSelectMetadata({
48633
49230
  ...matMetadata,
@@ -48986,12 +49583,21 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
48986
49583
  return null;
48987
49584
  }
48988
49585
  }
49586
+ defaultSentimentOptions() {
49587
+ return DEFAULT_SENTIMENT_OPTION_DEFS.map((option) => ({
49588
+ id: option.id,
49589
+ label: this.tDynamicFields(`inlineSentiment.defaultOptions.${option.labelKey}`, option.fallbackLabel),
49590
+ value: option.value,
49591
+ emoji: option.emoji,
49592
+ color: option.color,
49593
+ }));
49594
+ }
48989
49595
  toVisualOption(option, index, totalOptions = 0) {
48990
49596
  const raw = this.asRecord(option) ?? {};
48991
49597
  return {
48992
49598
  id: String(raw.id ?? raw.key ?? `sentiment-option-${index}`),
48993
49599
  label: String(option.label ?? raw.text ?? raw.name ?? raw.title ?? option.value ?? '').trim() ||
48994
- `Opcao ${index + 1}`,
49600
+ this.fallbackOptionLabel(index),
48995
49601
  subtitle: String(raw.subtitle ?? raw.description ?? '').trim(),
48996
49602
  emoji: this.resolveOptionEmoji(raw),
48997
49603
  color: this.resolveOptionColor(raw, index, totalOptions),
@@ -49012,6 +49618,11 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
49012
49618
  const fallback = String(raw.emoji ?? raw.iconText ?? '').trim();
49013
49619
  return fallback || '🙂';
49014
49620
  }
49621
+ fallbackOptionLabel(index) {
49622
+ return this.tDynamicFields('inlineSentiment.fallbackOptionLabel', 'Opção {{index}}', {
49623
+ index: String(index + 1),
49624
+ });
49625
+ }
49015
49626
  resolveOptionColor(raw, index, totalOptions = 0) {
49016
49627
  const md = this.currentMetadata();
49017
49628
  const customKey = this.resolveMetadataKey(md.sentimentColorKey, md.optionColorKey);
@@ -49146,7 +49757,7 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
49146
49757
  fallbackVisualFromValue(value, index) {
49147
49758
  const rawOptions = this.parseOptionsSource(this.currentMetadata().sentimentOptions) ??
49148
49759
  this.parseOptionsSource(this.currentMetadata().options) ??
49149
- DEFAULT_SENTIMENT_OPTIONS;
49760
+ this.defaultSentimentOptions();
49150
49761
  const optionRecord = rawOptions
49151
49762
  .map((entry) => this.asRecord(entry))
49152
49763
  .find((entry) => entry && this.equalsOptionValue(entry.value ?? entry.id ?? entry.key ?? entry.code, value));
@@ -49443,10 +50054,11 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
49443
50054
  <button
49444
50055
  type="button"
49445
50056
  class="pdx-inline-sentiment-clear"
49446
- (mousedown)="onTriggerIconMouseDown($event)"
49447
- (click)="onQuickClear($event)"
49448
- [attr.aria-label]="clearActionAriaLabel()"
49449
- >
50057
+ (mousedown)="onTriggerIconMouseDown($event)"
50058
+ (click)="onQuickClear($event)"
50059
+ [attr.aria-label]="clearActionAriaLabel()"
50060
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
50061
+ >
49450
50062
  <mat-icon
49451
50063
  [color]="iconPalette(clearIconColor())"
49452
50064
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -49653,10 +50265,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
49653
50265
  <button
49654
50266
  type="button"
49655
50267
  class="pdx-inline-sentiment-clear"
49656
- (mousedown)="onTriggerIconMouseDown($event)"
49657
- (click)="onQuickClear($event)"
49658
- [attr.aria-label]="clearActionAriaLabel()"
49659
- >
50268
+ (mousedown)="onTriggerIconMouseDown($event)"
50269
+ (click)="onQuickClear($event)"
50270
+ [attr.aria-label]="clearActionAriaLabel()"
50271
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
50272
+ >
49660
50273
  <mat-icon
49661
50274
  [color]="iconPalette(clearIconColor())"
49662
50275
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -50301,7 +50914,7 @@ class InlineColorLabelComponent extends SimpleBaseSelectComponent {
50301
50914
  return {
50302
50915
  id: String(raw.id ?? raw.key ?? `color-label-option-${index}`),
50303
50916
  label: String(option.label ?? raw.text ?? raw.name ?? raw.title ?? option.value ?? '').trim() ||
50304
- `Opcao ${index + 1}`,
50917
+ this.fallbackOptionLabel(index),
50305
50918
  subtitle: String(raw.subtitle ?? raw.description ?? '').trim(),
50306
50919
  color: this.resolveOptionColor(raw, index),
50307
50920
  value: option.value,
@@ -50329,6 +50942,11 @@ class InlineColorLabelComponent extends SimpleBaseSelectComponent {
50329
50942
  const defaults = ['#ef4444', '#f97316', '#eab308', '#22a45d', '#0ea5e9', '#3f5be6', '#7c3aed', '#db2777'];
50330
50943
  return defaults[index % defaults.length];
50331
50944
  }
50945
+ fallbackOptionLabel(index) {
50946
+ return this.tDynamicFields('inlineColorLabel.fallbackOptionLabel', 'Opção {{index}}', {
50947
+ index: String(index + 1),
50948
+ });
50949
+ }
50332
50950
  parseColorList(source) {
50333
50951
  if (Array.isArray(source)) {
50334
50952
  return source.map((entry) => String(entry ?? '').trim()).filter((entry) => entry.length > 0);
@@ -50656,10 +51274,11 @@ class InlineColorLabelComponent extends SimpleBaseSelectComponent {
50656
51274
  <button
50657
51275
  type="button"
50658
51276
  class="pdx-inline-color-label-clear"
50659
- (mousedown)="onTriggerIconMouseDown($event)"
50660
- (click)="onQuickClear($event)"
50661
- [attr.aria-label]="clearActionAriaLabel()"
50662
- >
51277
+ (mousedown)="onTriggerIconMouseDown($event)"
51278
+ (click)="onQuickClear($event)"
51279
+ [attr.aria-label]="clearActionAriaLabel()"
51280
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
51281
+ >
50663
51282
  <mat-icon
50664
51283
  [color]="iconPalette(clearIconColor())"
50665
51284
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -50870,10 +51489,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
50870
51489
  <button
50871
51490
  type="button"
50872
51491
  class="pdx-inline-color-label-clear"
50873
- (mousedown)="onTriggerIconMouseDown($event)"
50874
- (click)="onQuickClear($event)"
50875
- [attr.aria-label]="clearActionAriaLabel()"
50876
- >
51492
+ (mousedown)="onTriggerIconMouseDown($event)"
51493
+ (click)="onQuickClear($event)"
51494
+ [attr.aria-label]="clearActionAriaLabel()"
51495
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
51496
+ >
50877
51497
  <mat-icon
50878
51498
  [color]="iconPalette(clearIconColor())"
50879
51499
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -59132,7 +59752,7 @@ const PDX_INLINE_DATE_RANGE_COMPONENT_METADATA = {
59132
59752
  selector: 'pdx-inline-date-range',
59133
59753
  component: InlineDateRangeComponent,
59134
59754
  friendlyName: 'Inline Date Range',
59135
- description: 'Intervalo de datas compacto para barras de filtro dinamico, com autosize e presets rápidos no overlay do calendário.',
59755
+ description: 'Intervalo de datas compacto para barras de filtro dinâmico, com autosize e presets rápidos no overlay do calendário.',
59136
59756
  icon: 'date_range',
59137
59757
  inputs: [
59138
59758
  { name: 'metadata', type: 'MaterialDateRangeMetadata', description: 'Configuração do campo' },
@@ -59150,10 +59770,10 @@ const PDX_INLINE_TIME_COMPONENT_METADATA = {
59150
59770
  selector: 'pdx-inline-time',
59151
59771
  component: InlineTimeComponent,
59152
59772
  friendlyName: 'Inline Time',
59153
- description: 'Timepicker compacto para barras de filtro dinamico, com largura por conteudo e selecao inline em lista ou colunas Hor/Min/Seg.',
59773
+ description: 'Timepicker compacto para barras de filtro dinâmico, com largura por conteúdo e seleção inline em lista ou colunas Hor/Min/Seg.',
59154
59774
  icon: 'schedule',
59155
59775
  inputs: [
59156
- { name: 'metadata', type: 'MaterialTimepickerMetadata', description: 'Configuracao do campo' },
59776
+ { name: 'metadata', type: 'MaterialTimepickerMetadata', description: 'Configuração do campo' },
59157
59777
  { name: 'readonlyMode', type: 'boolean', default: false, description: 'Define modo somente leitura' },
59158
59778
  { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilita o campo' },
59159
59779
  { name: 'visible', type: 'boolean', default: true, description: 'Controla a visibilidade' },
@@ -59171,7 +59791,7 @@ const PDX_INLINE_TIME_RANGE_COMPONENT_METADATA = {
59171
59791
  description: 'Intervalo de horário compacto para barras de filtro dinâmico, com pill responsiva, slider de faixa, atalhos rápidos e popover não-modal com foco de teclado tratado para uso corporativo.',
59172
59792
  icon: 'schedule',
59173
59793
  inputs: [
59174
- { name: 'metadata', type: 'MaterialTimeRangeMetadata', description: 'Configuracao do campo' },
59794
+ { name: 'metadata', type: 'MaterialTimeRangeMetadata', description: 'Configuração do campo' },
59175
59795
  { name: 'readonlyMode', type: 'boolean', default: false, description: 'Define modo somente leitura' },
59176
59796
  { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilita o campo' },
59177
59797
  { name: 'visible', type: 'boolean', default: true, description: 'Controla a visibilidade' },
@@ -59186,10 +59806,10 @@ const PDX_INLINE_TREE_SELECT_COMPONENT_METADATA = {
59186
59806
  selector: 'pdx-inline-tree-select',
59187
59807
  component: InlineTreeSelectComponent,
59188
59808
  friendlyName: 'Inline Tree Select',
59189
- description: 'Selecao hierarquica compacta para barras de filtro dinamico, com busca no popover e resumo em pill.',
59809
+ description: 'Seleção hierárquica compacta para barras de filtro dinâmico, com busca no popover e resumo em pill.',
59190
59810
  icon: 'account_tree',
59191
59811
  inputs: [
59192
- { name: 'metadata', type: 'MaterialTreeSelectMetadata', description: 'Configuracao do campo' },
59812
+ { name: 'metadata', type: 'MaterialTreeSelectMetadata', description: 'Configuração do campo' },
59193
59813
  { name: 'readonlyMode', type: 'boolean', default: false, description: 'Define modo somente leitura' },
59194
59814
  { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilita o campo' },
59195
59815
  { name: 'visible', type: 'boolean', default: true, description: 'Controla a visibilidade' },
@@ -59222,14 +59842,14 @@ const PDX_INLINE_DISTANCE_RADIUS_COMPONENT_METADATA = {
59222
59842
  selector: 'pdx-inline-distance-radius',
59223
59843
  component: InlineDistanceRadiusComponent,
59224
59844
  friendlyName: 'Inline Distance Radius',
59225
- description: 'Filtro inline de raio de distancia com visual radial, slider single/range, toggle de unidade (km/mi) e presets.',
59845
+ description: 'Filtro inline de raio de distância com visual radial, slider single/range, toggle de unidade (km/mi) e presets.',
59226
59846
  icon: 'place',
59227
59847
  inputs: [
59228
- { name: 'metadata', type: 'MaterialRangeSliderMetadata', description: 'Configuracao do campo' },
59848
+ { name: 'metadata', type: 'MaterialRangeSliderMetadata', description: 'Configuração do campo' },
59229
59849
  { name: 'readonlyMode', type: 'boolean', default: false, description: 'Define modo somente leitura' },
59230
59850
  { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilita o campo' },
59231
59851
  { name: 'visible', type: 'boolean', default: true, description: 'Controla a visibilidade' },
59232
- { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentacao' },
59852
+ { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentação' },
59233
59853
  ],
59234
59854
  tags: ['widget', 'field', 'distance', 'radius', 'filter', 'inline'],
59235
59855
  lib: '@praxisui/dynamic-fields',
@@ -59240,14 +59860,14 @@ const PDX_INLINE_PIPELINE_STATUS_COMPONENT_METADATA = {
59240
59860
  selector: 'pdx-inline-pipeline-status',
59241
59861
  component: InlinePipelineStatusComponent,
59242
59862
  friendlyName: 'Inline Pipeline Status',
59243
- description: 'Filtro inline de status/etapas com popover, barra segmentada e selecao single ou multipla totalmente configuravel por metadados.',
59863
+ description: 'Filtro inline de status/etapas com popover, barra segmentada e seleção single ou múltipla totalmente configurável por metadados.',
59244
59864
  icon: 'timeline',
59245
59865
  inputs: [
59246
- { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuracao do campo' },
59866
+ { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuração do campo' },
59247
59867
  { name: 'readonlyMode', type: 'boolean', default: false, description: 'Define modo somente leitura' },
59248
59868
  { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilita o campo' },
59249
59869
  { name: 'visible', type: 'boolean', default: true, description: 'Controla a visibilidade' },
59250
- { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentacao' },
59870
+ { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentação' },
59251
59871
  ],
59252
59872
  tags: ['widget', 'field', 'pipeline', 'status', 'filter', 'inline', 'multiselect'],
59253
59873
  lib: '@praxisui/dynamic-fields',
@@ -59261,7 +59881,7 @@ const PDX_INLINE_SCORE_PRIORITY_COMPONENT_METADATA = {
59261
59881
  description: 'Filtro inline de score/prioridade com faixa colorida, slider single/range, bandas configuráveis por metadados preservadas integralmente para semântica decisória, rótulos de escala com autoajuste de densidade e painel em popover não-modal.',
59262
59882
  icon: 'speed',
59263
59883
  inputs: [
59264
- { name: 'metadata', type: 'MaterialRangeSliderMetadata', description: 'Configuracao do campo' },
59884
+ { name: 'metadata', type: 'MaterialRangeSliderMetadata', description: 'Configuração do campo' },
59265
59885
  { name: 'readonlyMode', type: 'boolean', default: false, description: 'Define modo somente leitura' },
59266
59886
  { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilita o campo' },
59267
59887
  { name: 'visible', type: 'boolean', default: true, description: 'Controla a visibilidade' },
@@ -59276,14 +59896,14 @@ const PDX_INLINE_RELATIVE_PERIOD_COMPONENT_METADATA = {
59276
59896
  selector: 'pdx-inline-relative-period',
59277
59897
  component: InlineRelativePeriodComponent,
59278
59898
  friendlyName: 'Inline Relative Period',
59279
- description: 'Filtro inline de periodo relativo com presets configuraveis, cards e barra de progresso visual.',
59899
+ description: 'Filtro inline de período relativo com presets configuráveis, cards e barra de progresso visual.',
59280
59900
  icon: 'calendar_today',
59281
59901
  inputs: [
59282
- { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuracao do campo' },
59902
+ { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuração do campo' },
59283
59903
  { name: 'readonlyMode', type: 'boolean', default: false, description: 'Define modo somente leitura' },
59284
59904
  { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilita o campo' },
59285
59905
  { name: 'visible', type: 'boolean', default: true, description: 'Controla a visibilidade' },
59286
- { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentacao' },
59906
+ { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentação' },
59287
59907
  ],
59288
59908
  tags: ['widget', 'field', 'relative-period', 'date', 'filter', 'inline'],
59289
59909
  lib: '@praxisui/dynamic-fields',
@@ -59294,14 +59914,14 @@ const PDX_INLINE_SENTIMENT_COMPONENT_METADATA = {
59294
59914
  selector: 'pdx-inline-sentiment',
59295
59915
  component: InlineSentimentComponent,
59296
59916
  friendlyName: 'Inline Sentiment',
59297
- description: 'Filtro inline de sentimento com barra colorida e cards emoji configuraveis por metadados.',
59917
+ description: 'Filtro inline de sentimento com barra colorida e cards emoji configuráveis por metadados.',
59298
59918
  icon: 'mood',
59299
59919
  inputs: [
59300
- { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuracao do campo' },
59920
+ { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuração do campo' },
59301
59921
  { name: 'readonlyMode', type: 'boolean', default: false, description: 'Define modo somente leitura' },
59302
59922
  { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilita o campo' },
59303
59923
  { name: 'visible', type: 'boolean', default: true, description: 'Controla a visibilidade' },
59304
- { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentacao' },
59924
+ { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentação' },
59305
59925
  ],
59306
59926
  tags: ['widget', 'field', 'sentiment', 'emoji', 'filter', 'inline'],
59307
59927
  lib: '@praxisui/dynamic-fields',
@@ -59312,10 +59932,10 @@ const PDX_INLINE_COLOR_LABEL_COMPONENT_METADATA = {
59312
59932
  selector: 'pdx-inline-color-label',
59313
59933
  component: InlineColorLabelComponent,
59314
59934
  friendlyName: 'Inline Color Label',
59315
- description: 'Filtro inline de cor/label com grid de cores, selecao visual e badges removiveis.',
59935
+ description: 'Filtro inline de cor/label com grid de cores, seleção visual e badges removíveis.',
59316
59936
  icon: 'palette',
59317
59937
  inputs: [
59318
- { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuracao do campo' },
59938
+ { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuração do campo' },
59319
59939
  { name: 'readonlyMode', type: 'boolean', default: false, description: 'Define modo somente leitura' },
59320
59940
  { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilita o campo' },
59321
59941
  { name: 'visible', type: 'boolean', default: true, description: 'Controla a visibilidade' },
@@ -59839,6 +60459,42 @@ const PDX_MATERIAL_SEARCHABLE_SELECT_COMPONENT_METADATA = {
59839
60459
  lib: '@praxisui/dynamic-fields',
59840
60460
  };
59841
60461
 
60462
+ const PDX_MATERIAL_ASYNC_SELECT_COMPONENT_METADATA = {
60463
+ id: 'pdx-material-async-select',
60464
+ selector: 'pdx-material-async-select',
60465
+ component: MaterialAsyncSelectComponent,
60466
+ friendlyName: 'Async Select (Material)',
60467
+ description: 'Select com carregamento assíncrono de opções.',
60468
+ icon: 'cloud_download',
60469
+ inputs: [
60470
+ { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuração do campo' },
60471
+ { name: 'readonlyMode', type: 'boolean', default: false, description: 'Somente leitura' },
60472
+ { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilitado' },
60473
+ { name: 'visible', type: 'boolean', default: true, description: 'Visibilidade' },
60474
+ { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo apresentação' },
60475
+ ],
60476
+ tags: ['widget', 'field', 'select', 'async', 'material'],
60477
+ lib: '@praxisui/dynamic-fields',
60478
+ };
60479
+
60480
+ const PDX_MATERIAL_AUTOCOMPLETE_COMPONENT_METADATA = {
60481
+ id: 'pdx-material-autocomplete',
60482
+ selector: 'pdx-material-autocomplete',
60483
+ component: MaterialAutocompleteComponent,
60484
+ friendlyName: 'Autocomplete (Material)',
60485
+ description: 'Campo com sugestões e carregamento remoto de opções.',
60486
+ icon: 'search',
60487
+ inputs: [
60488
+ { name: 'metadata', type: 'MaterialAutocompleteMetadata', description: 'Configuração do campo' },
60489
+ { name: 'readonlyMode', type: 'boolean', default: false, description: 'Somente leitura' },
60490
+ { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilitado' },
60491
+ { name: 'visible', type: 'boolean', default: true, description: 'Visibilidade' },
60492
+ { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo apresentação' },
60493
+ ],
60494
+ tags: ['widget', 'field', 'autocomplete', 'material'],
60495
+ lib: '@praxisui/dynamic-fields',
60496
+ };
60497
+
59842
60498
  const PDX_MATERIAL_SELECTION_LIST_COMPONENT_METADATA = {
59843
60499
  id: 'pdx-material-selection-list',
59844
60500
  selector: 'pdx-material-selection-list',
@@ -59857,6 +60513,8 @@ const PDX_MATERIAL_SELECTION_LIST_COMPONENT_METADATA = {
59857
60513
  lib: '@praxisui/dynamic-fields',
59858
60514
  };
59859
60515
 
60516
+ const PDX_MATERIAL_SLIDE_TOGGLE_COMPONENT_METADATA = createMaterialSlideToggleComponentMetadata();
60517
+
59860
60518
  const PDX_MATERIAL_TRANSFER_LIST_COMPONENT_METADATA = {
59861
60519
  id: 'pdx-material-transfer-list',
59862
60520
  selector: 'pdx-material-transfer-list',
@@ -60945,7 +61603,7 @@ const INLINE_DISTANCE_RADIUS_PREVIEW_METADATA = {
60945
61603
  distanceUnit: 'km',
60946
61604
  distanceBaseUnit: 'km',
60947
61605
  distanceAllowUnitToggle: true,
60948
- distanceSubtitle: 'Visualizacao radial com controle de raio e unidade',
61606
+ distanceSubtitle: 'Visualização radial com controle de raio e unidade',
60949
61607
  distanceRadialRings: 5,
60950
61608
  distanceAccentColor: '#3f5be6',
60951
61609
  inlineAutoSize: {
@@ -62050,10 +62708,13 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62050
62708
  apiPath: jsonApiPath('material-file-upload/pdx-material-file-upload.json-api.md'),
62051
62709
  metadata: {
62052
62710
  accept: '.pdf,.png,.jpg',
62053
- hint: 'Current runtime is a lightweight placeholder based on native file input.',
62711
+ maxFileSize: 4194304,
62712
+ maxFiles: 1,
62713
+ imagePreview: true,
62714
+ hint: 'Select a file locally; image flows show a preview before the host persists the file.',
62054
62715
  },
62055
- snippet: `{ "name": "attachment", "controlType": "upload", "accept": ".pdf,.png,.jpg", "hint": "Current runtime is a lightweight placeholder based on native file input." }`,
62056
- snippetNote: 'This preview intentionally demonstrates the current placeholder runtime, not a full asset-management experience.',
62716
+ snippet: `{ "name": "attachment", "controlType": "upload", "accept": ".pdf,.png,.jpg", "maxFileSize": 4194304, "maxFiles": 1, "imagePreview": true, "hint": "Select a file locally; image flows show a preview before the host persists the file." }`,
62717
+ snippetNote: 'This preview demonstrates local selection, validation and image preview. Use @praxisui/files-upload for presign, progress and persisted storage.',
62057
62718
  }),
62058
62719
  createEntry({
62059
62720
  id: 'color-input',
@@ -62159,7 +62820,7 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62159
62820
  metadataPatch: {
62160
62821
  extra: {
62161
62822
  icon: 'person',
62162
- ariaLabel: 'Avatar com icone de pessoa',
62823
+ ariaLabel: 'Avatar com ícone de pessoa',
62163
62824
  size: 'medium',
62164
62825
  fillMode: 'outline',
62165
62826
  themeColor: 'primary',
@@ -62501,8 +63162,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62501
63162
  ],
62502
63163
  previewPresets: [
62503
63164
  {
62504
- id: 'confirm',
62505
- label: 'Confirm',
63165
+ id: 'explicit',
63166
+ label: 'Explicit apply',
62506
63167
  description: 'Keeps multi-selection changes as draft until the shared inlineOverlay Apply action.',
62507
63168
  metadataPatch: {
62508
63169
  inlineOverlay: {
@@ -62635,8 +63296,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62635
63296
  },
62636
63297
  },
62637
63298
  {
62638
- id: 'confirm',
62639
- label: 'Confirm',
63299
+ id: 'explicit',
63300
+ label: 'Explicit apply',
62640
63301
  description: 'Uses the shared inlineOverlay contract to author Apply, Cancel, and Clear actions with theme tokens.',
62641
63302
  metadataPatch: {
62642
63303
  inlineOverlay: {
@@ -62722,8 +63383,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62722
63383
  initialValue: { start: 30, end: 80 },
62723
63384
  },
62724
63385
  {
62725
- id: 'confirm',
62726
- label: 'Confirm',
63386
+ id: 'explicit',
63387
+ label: 'Explicit apply',
62727
63388
  description: 'Keeps slider, inputs, and presets as draft until the explicit Apply action.',
62728
63389
  metadataPatch: {
62729
63390
  inlineOverlay: {
@@ -62759,8 +63420,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62759
63420
  ],
62760
63421
  previewPresets: [
62761
63422
  {
62762
- id: 'confirm',
62763
- label: 'Confirm',
63423
+ id: 'explicit',
63424
+ label: 'Explicit apply',
62764
63425
  description: 'Keeps rating slider, inputs, and presets as draft until the shared inlineOverlay Apply action.',
62765
63426
  metadataPatch: {
62766
63427
  inlineOverlay: {
@@ -62798,8 +63459,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62798
63459
  ],
62799
63460
  previewPresets: [
62800
63461
  {
62801
- id: 'confirm',
62802
- label: 'Confirm',
63462
+ id: 'explicit',
63463
+ label: 'Explicit apply',
62803
63464
  description: 'Keeps distance slider and presets as draft until the shared inlineOverlay Apply action.',
62804
63465
  metadataPatch: {
62805
63466
  inlineOverlay: {
@@ -62838,8 +63499,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62838
63499
  ],
62839
63500
  previewPresets: [
62840
63501
  {
62841
- id: 'confirm',
62842
- label: 'Confirm',
63502
+ id: 'explicit',
63503
+ label: 'Explicit apply',
62843
63504
  description: 'Keeps score slider and band chips as draft until the shared inlineOverlay Apply action.',
62844
63505
  metadataPatch: {
62845
63506
  inlineOverlay: {
@@ -62875,8 +63536,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62875
63536
  ],
62876
63537
  previewPresets: [
62877
63538
  {
62878
- id: 'confirm',
62879
- label: 'Confirm',
63539
+ id: 'explicit',
63540
+ label: 'Explicit apply',
62880
63541
  description: 'Keeps calendar changes as draft until the shared inlineOverlay Apply action.',
62881
63542
  metadataPatch: {
62882
63543
  inlineOverlay: {
@@ -62911,8 +63572,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62911
63572
  ],
62912
63573
  previewPresets: [
62913
63574
  {
62914
- id: 'confirm',
62915
- label: 'Confirm',
63575
+ id: 'explicit',
63576
+ label: 'Explicit apply',
62916
63577
  description: 'Keeps date presets and calendar changes as draft until the shared inlineOverlay Apply action.',
62917
63578
  metadataPatch: {
62918
63579
  inlineOverlay: {
@@ -62968,8 +63629,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62968
63629
  ],
62969
63630
  previewPresets: [
62970
63631
  {
62971
- id: 'confirm',
62972
- label: 'Confirm',
63632
+ id: 'explicit',
63633
+ label: 'Explicit apply',
62973
63634
  description: 'Keeps time slider, inputs, and presets as draft until the shared inlineOverlay Apply action.',
62974
63635
  metadataPatch: {
62975
63636
  inlineOverlay: {
@@ -63052,8 +63713,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
63052
63713
  initialValue: ['QUALIFIED', 'INVESTIGATING', 'APPROVED'],
63053
63714
  },
63054
63715
  {
63055
- id: 'confirm',
63056
- label: 'Confirm',
63716
+ id: 'explicit',
63717
+ label: 'Explicit apply',
63057
63718
  description: 'Keeps pipeline card changes as draft until the shared inlineOverlay Apply action.',
63058
63719
  metadataPatch: {
63059
63720
  inlineOverlay: {
@@ -63100,8 +63761,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
63100
63761
  ],
63101
63762
  previewPresets: [
63102
63763
  {
63103
- id: 'confirm',
63104
- label: 'Confirm',
63764
+ id: 'explicit',
63765
+ label: 'Explicit apply',
63105
63766
  description: 'Keeps relative-period preset changes as draft until the shared inlineOverlay Apply action.',
63106
63767
  metadataPatch: {
63107
63768
  inlineOverlay: {
@@ -63139,8 +63800,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
63139
63800
  ],
63140
63801
  previewPresets: [
63141
63802
  {
63142
- id: 'confirm',
63143
- label: 'Confirm',
63803
+ id: 'explicit',
63804
+ label: 'Explicit apply',
63144
63805
  description: 'Keeps sentiment cards as draft until the shared inlineOverlay Apply action.',
63145
63806
  metadataPatch: {
63146
63807
  inlineOverlay: {
@@ -63212,8 +63873,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
63212
63873
  initialValue: ['stable', 'info'],
63213
63874
  },
63214
63875
  {
63215
- id: 'confirm',
63216
- label: 'Confirm',
63876
+ id: 'explicit',
63877
+ label: 'Explicit apply',
63217
63878
  description: 'Keeps color-label selection as draft until the shared inlineOverlay Apply action.',
63218
63879
  metadataPatch: {
63219
63880
  inlineOverlay: {
@@ -63748,7 +64409,7 @@ const DISPLAY_ACTION_AI_CAPABILITIES = {
63748
64409
  category: 'appearance',
63749
64410
  valueKind: 'enum',
63750
64411
  allowedValues: ['primary', 'secondary', 'tertiary', 'base', 'info', 'success', 'warning', 'error', 'dark', 'light', 'inverse', 'none'],
63751
- description: 'Cor semantica do avatar baseada nos tokens de tema Praxis.',
64412
+ description: 'Cor semântica do avatar baseada nos tokens de tema Praxis.',
63752
64413
  },
63753
64414
  {
63754
64415
  path: 'rounded',
@@ -63892,23 +64553,26 @@ const FILE_UPLOAD_AI_CAPABILITIES = {
63892
64553
  uploadMethod: ['POST', 'PUT', 'PATCH'],
63893
64554
  },
63894
64555
  notes: [
63895
- 'Capabilities for file upload controls.',
64556
+ 'Capabilities for file upload controls. The baseline pdx-material-file-upload runtime owns local selection, local validation and optional local image preview.',
63896
64557
  'Inherits basic capabilities from FieldMetadata (label, hint, validators).',
64558
+ 'Persistence capabilities such as uploadUrl, autoUpload, chunkSize, headers, credentials and method must be grounded by @praxisui/files-upload or a backend upload capability; they are not executed by the baseline local selector alone.',
63897
64559
  ],
63898
64560
  capabilities: [
63899
64561
  {
63900
64562
  path: 'uploadUrl',
63901
64563
  category: 'data',
63902
64564
  valueKind: 'string',
63903
- description: 'URL do endpoint para upload de arquivos.',
64565
+ description: 'URL do endpoint para upload de arquivos em fluxo persistente governado.',
63904
64566
  intentExamples: ['endpoint de upload de imagens', 'salvar arquivos em /api/docs'],
64567
+ safetyNotes: 'Requer runtime/capability de persistencia como @praxisui/files-upload; o seletor baseline nao executa upload HTTP.',
63905
64568
  },
63906
64569
  {
63907
64570
  path: 'autoUpload',
63908
64571
  category: 'behavior',
63909
64572
  valueKind: 'boolean',
63910
- description: 'Se true, inicia o upload automaticamente após a seleção do arquivo.',
64573
+ description: 'Se true, inicia o upload automaticamente após a seleção do arquivo em fluxo persistente governado.',
63911
64574
  intentExamples: ['upload automático', 'não iniciar upload imediatamente'],
64575
+ safetyNotes: 'Requer runtime/capability de persistencia; o seletor baseline apenas emite File/File[].',
63912
64576
  },
63913
64577
  {
63914
64578
  path: 'multiple',
@@ -63924,6 +64588,21 @@ const FILE_UPLOAD_AI_CAPABILITIES = {
63924
64588
  description: 'Tipos de arquivo aceitos (ex: "image/*", ".pdf").',
63925
64589
  intentExamples: ['aceitar apenas imagens', 'apenas PDF'],
63926
64590
  },
64591
+ {
64592
+ path: 'imagePreview',
64593
+ category: 'appearance',
64594
+ valueKind: 'boolean',
64595
+ description: 'Exibe preview local para imagens selecionadas antes da persistencia pelo host.',
64596
+ intentExamples: ['mostrar preview da foto escolhida', 'pré-visualizar avatar antes de salvar'],
64597
+ },
64598
+ {
64599
+ path: 'preview',
64600
+ category: 'appearance',
64601
+ valueKind: 'string',
64602
+ allowedValues: ['image'],
64603
+ description: 'Modo de preview local. Use "image" para fluxos de foto/avatar.',
64604
+ safetyNotes: 'Preview local não substitui upload, presign, crop persistido ou validação backend.',
64605
+ },
63927
64606
  {
63928
64607
  path: 'maxFileSize',
63929
64608
  category: 'validation',
@@ -63950,18 +64629,21 @@ const FILE_UPLOAD_AI_CAPABILITIES = {
63950
64629
  category: 'behavior',
63951
64630
  valueKind: 'number',
63952
64631
  description: 'Tamanho dos chunks em bytes para uploads grandes (file chunking).',
64632
+ safetyNotes: 'Aplicavel ao fluxo @praxisui/files-upload ou backend equivalente, nao ao seletor local baseline.',
63953
64633
  },
63954
64634
  {
63955
64635
  path: 'withCredentials',
63956
64636
  category: 'data',
63957
64637
  valueKind: 'boolean',
63958
64638
  description: 'Envia cookies e headers de autorização com a requisição de upload.',
64639
+ safetyNotes: 'Aplicavel ao fluxo @praxisui/files-upload ou backend equivalente, nao ao seletor local baseline.',
63959
64640
  },
63960
64641
  {
63961
64642
  path: 'headers',
63962
64643
  category: 'data',
63963
64644
  valueKind: 'object',
63964
64645
  description: 'Cabeçalhos HTTP personalizados para a requisição de upload.',
64646
+ safetyNotes: 'Aplicavel ao fluxo @praxisui/files-upload ou backend equivalente, nao ao seletor local baseline.',
63965
64647
  },
63966
64648
  {
63967
64649
  path: 'method',
@@ -63969,6 +64651,7 @@ const FILE_UPLOAD_AI_CAPABILITIES = {
63969
64651
  valueKind: 'enum',
63970
64652
  allowedValues: ['POST', 'PUT', 'PATCH'],
63971
64653
  description: 'Método HTTP para a requisição de upload.',
64654
+ safetyNotes: 'Aplicavel ao fluxo @praxisui/files-upload ou backend equivalente, nao ao seletor local baseline.',
63972
64655
  },
63973
64656
  {
63974
64657
  path: 'saveField',
@@ -64942,7 +65625,7 @@ const PRAXIS_DYNAMIC_FIELDS_AUTHORING_PROFILES = [
64942
65625
  ],
64943
65626
  operationValidators: ['entity-resource-binding-valid', 'option-source-valid', 'option-identity-valid'],
64944
65627
  affectedPaths: ['fieldMetadata.optionSource', 'fieldMetadata.resourcePath', 'fieldMetadata.valueField', 'fieldMetadata.displayField', 'fieldMetadata.searchable'],
64945
- example: { id: 'configure-entity-lookup', request: 'Bind the entity lookup to users and show the name while storing the id.', operationId: 'field.entityLookup.configure', params: { optionSource: { resourcePath: '/users' }, valueField: 'id', displayField: 'name', searchable: true }, isPositive: true },
65628
+ example: { id: 'configure-entity-lookup', request: 'Bind the entity lookup to users and show the name while storing the id.', operationId: 'field.entityLookup.configure', params: { optionSource: { key: 'user', type: 'RESOURCE_ENTITY', resourcePath: '/users', valuePropertyPath: 'id', labelPropertyPath: 'name', includeIds: false, capabilities: { filter: true, byIds: true }, dependsOn: ['companyId'], dependencyFilterMap: { companyId: 'companyId' } }, valueField: 'id', displayField: 'name', searchable: true }, isPositive: true },
64946
65629
  }),
64947
65630
  fieldMetadataProfile({
64948
65631
  profileId: 'tree-select',
@@ -65822,6 +66505,9 @@ function mapPropertyToFieldMetadata(fieldName, property, requiredFields = []) {
65822
66505
  if (valuePresentation) {
65823
66506
  fieldMetadata.valuePresentation = valuePresentation;
65824
66507
  }
66508
+ if (uiConfig.mask !== undefined) {
66509
+ fieldMetadata.mask = String(uiConfig.mask);
66510
+ }
65825
66511
  // Keep a lightweight trace for downstream editors/runtimes to distinguish
65826
66512
  // explicit schema text from convenience-generated labels.
65827
66513
  if (!uiConfig.label && !property.title) {
@@ -65846,7 +66532,7 @@ function mapValuePresentation(value) {
65846
66532
  const typeToken = String(value.type ?? '').trim();
65847
66533
  if (!typeToken || !VALUE_PRESENTATION_TYPES.has(typeToken)) {
65848
66534
  if (typeToken) {
65849
- logger.warn(`[JsonSchemaMapper] Ignorando x-ui.valuePresentation.type invalido: ${typeToken}`);
66535
+ logger.warn(`[JsonSchemaMapper] Ignorando x-ui.valuePresentation.type inválido: ${typeToken}`);
65850
66536
  }
65851
66537
  return undefined;
65852
66538
  }
@@ -65859,7 +66545,7 @@ function mapValuePresentation(value) {
65859
66545
  presentation.style = styleToken;
65860
66546
  }
65861
66547
  else {
65862
- logger.warn(`[JsonSchemaMapper] Ignorando x-ui.valuePresentation.style invalido: ${styleToken}`);
66548
+ logger.warn(`[JsonSchemaMapper] Ignorando x-ui.valuePresentation.style inválido: ${styleToken}`);
65863
66549
  }
65864
66550
  }
65865
66551
  const formatToken = String(value.format ?? '').trim();
@@ -66195,4 +66881,4 @@ function supportsClearButtonControlType(controlType) {
66195
66881
  * Generated bundle index. Do not edit.
66196
66882
  */
66197
66883
 
66198
- 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, 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, InlineAsyncSelectComponent, InlineAutocompleteComponent, InlineColorLabelComponent, InlineCurrencyComponent, InlineCurrencyRangeComponent, InlineDateComponent, InlineDateRangeComponent, InlineDistanceRadiusComponent, InlineEntityLookupComponent, InlineInputComponent, 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, 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_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_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, 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, bindDynamicFieldsLoggerBackendFromInjector, clearDynamicFieldsLoggerBackend, configureDynamicFieldsLogger, createDynamicFieldPreviewRecipe, createErrorStateMatcher, createPraxisDynamicFieldsI18nConfig, emitToDynamicFieldsLoggerBackend, enableDebugForComponent, getControlTypeCatalog, getErrorStateMatcherForField, inferErrorStateStrategy, initializeComponentSystem, initializeComponentSystemSync, isBaseDynamicFieldComponent, isLoadingCapableComponent, isValidJsonSchema, isValueBasedComponent, logger, mapJsonSchemaToFields, mapPropertyToFieldMetadata, normalizeFormMetadata, provideMaterialAvatarMetadata, providePraxisDynamicFields, providePraxisDynamicFieldsCore, providePraxisDynamicFieldsCoreNoDefaults, providePraxisDynamicFieldsI18n, providePraxisDynamicFieldsNoDefaults, providePraxisDynamicFieldsWave1EditorialRegistry, registerPraxisDynamicFieldsWave1EditorialDescriptors, resolvePraxisDynamicFieldsText, setDynamicFieldsLoggerBackend, silenceComponent, supportsClearButtonControlType };
66884
+ 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, 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, InlineAsyncSelectComponent, InlineAutocompleteComponent, InlineColorLabelComponent, InlineCurrencyComponent, InlineCurrencyRangeComponent, InlineDateComponent, InlineDateRangeComponent, InlineDistanceRadiusComponent, InlineEntityLookupComponent, InlineInputComponent, 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, 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, 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, bindDynamicFieldsLoggerBackendFromInjector, clearDynamicFieldsLoggerBackend, configureDynamicFieldsLogger, createDynamicFieldPreviewRecipe, createErrorStateMatcher, createPraxisDynamicFieldsI18nConfig, emitToDynamicFieldsLoggerBackend, enableDebugForComponent, getControlTypeCatalog, getErrorStateMatcherForField, inferErrorStateStrategy, initializeComponentSystem, initializeComponentSystemSync, isBaseDynamicFieldComponent, isLoadingCapableComponent, isValidJsonSchema, isValueBasedComponent, logger, mapJsonSchemaToFields, mapPropertyToFieldMetadata, normalizeFormMetadata, provideMaterialAvatarMetadata, providePraxisDynamicFields, providePraxisDynamicFieldsCore, providePraxisDynamicFieldsCoreNoDefaults, providePraxisDynamicFieldsI18n, providePraxisDynamicFieldsNoDefaults, providePraxisDynamicFieldsWave1EditorialRegistry, registerPraxisDynamicFieldsWave1EditorialDescriptors, resolvePraxisDynamicFieldsText, setDynamicFieldsLoggerBackend, silenceComponent, supportsClearButtonControlType };