@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.
- package/README.md +10 -4
- package/ai/component-registry.json +265364 -0
- package/docs/dynamic-fields-field-catalog.md +1 -2
- package/docs/dynamic-fields-inline-components-guide.md +21 -1
- package/docs/dynamic-fields-inline-filter-runtime-contract.md +11 -0
- package/fesm2022/praxisui-dynamic-fields.mjs +1111 -425
- package/package.json +9 -12
- package/src/lib/components/inline-color-label/pdx-inline-color-label.json-api.md +1 -1
- package/src/lib/components/inline-currency-range/pdx-inline-currency-range.json-api.md +49 -17
- package/src/lib/components/inline-date/pdx-inline-date.json-api.md +1 -1
- package/src/lib/components/inline-number/pdx-inline-number.json-api.md +1 -0
- package/src/lib/components/inline-range-slider/pdx-inline-range-slider.json-api.md +52 -13
- package/src/lib/components/inline-relative-period/pdx-inline-relative-period.json-api.md +103 -103
- package/src/lib/components/inline-sentiment/pdx-inline-sentiment.json-api.md +84 -84
- package/src/lib/components/inline-time-range/pdx-inline-time-range.json-api.md +2 -2
- package/src/lib/components/material-async-select/pdx-material-async-select.json-api.md +3 -2
- package/src/lib/components/material-file-upload/pdx-material-file-upload.json-api.md +58 -27
- package/types/praxisui-dynamic-fields.d.ts +127 -7
|
@@ -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': '
|
|
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}
|
|
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': '
|
|
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
|
|
2904
|
-
message: meta.confirmDialog.message || this.tDynamicFields('button.confirmMessage', 'Deseja continuar com esta
|
|
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="
|
|
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="
|
|
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 = '--
|
|
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(
|
|
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:
|
|
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', '
|
|
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
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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 && !
|
|
12315
|
+
if (term && !optionSource) {
|
|
12198
12316
|
filter[this.optionLabelKey()] = term;
|
|
12199
12317
|
}
|
|
12200
12318
|
const selected = this.getSelectedIds();
|
|
12201
|
-
const include = reset &&
|
|
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}
|
|
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
|
|
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
|
|
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', '
|
|
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
|
-
|
|
17383
|
-
|
|
17384
|
-
|
|
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
|
-
|
|
17465
|
-
|
|
17466
|
-
|
|
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
|
-
*
|
|
17660
|
+
* Baseline file upload field.
|
|
17533
17661
|
*
|
|
17534
|
-
*
|
|
17535
|
-
*
|
|
17536
|
-
*
|
|
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
|
|
17550
|
-
|
|
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.
|
|
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]="
|
|
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]="
|
|
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
|
-
|
|
25081
|
-
|
|
25082
|
-
|
|
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
|
-
|
|
25220
|
-
|
|
25221
|
-
|
|
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
|
-
|
|
26275
|
-
|
|
26276
|
-
|
|
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
|
-
|
|
26436
|
-
|
|
26437
|
-
|
|
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
|
-
|
|
26889
|
-
|
|
26890
|
-
|
|
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
|
-
|
|
27050
|
-
|
|
27051
|
-
|
|
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'
|
|
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
|
-
|
|
27680
|
-
|
|
27681
|
-
|
|
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
|
-
|
|
27913
|
-
|
|
27914
|
-
|
|
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
|
-
|
|
28938
|
-
|
|
28939
|
-
|
|
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
|
-
|
|
29056
|
-
|
|
29057
|
-
|
|
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]="
|
|
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]="
|
|
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
|
-
|
|
29917
|
-
|
|
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.
|
|
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]="
|
|
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]="
|
|
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
|
-
|
|
30752
|
-
|
|
30753
|
-
|
|
30754
|
-
|
|
30755
|
-
if (errors['
|
|
30756
|
-
return
|
|
30757
|
-
|
|
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 =
|
|
31647
|
-
if (
|
|
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()
|
|
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{
|
|
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{
|
|
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 ||
|
|
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()
|
|
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 =
|
|
33968
|
-
|
|
33969
|
-
|
|
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
|
|
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 ||
|
|
35408
|
-
|
|
35409
|
-
const
|
|
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'
|
|
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
|
-
|
|
35891
|
-
|
|
35892
|
-
|
|
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
|
-
|
|
36023
|
-
|
|
36024
|
-
|
|
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
|
-
|
|
37140
|
-
|
|
37141
|
-
|
|
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
|
-
|
|
37349
|
-
|
|
37350
|
-
|
|
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 =
|
|
38315
|
-
let baseMaxDesktop =
|
|
38316
|
-
let baseMinMobile =
|
|
38317
|
-
let baseMaxMobile =
|
|
38856
|
+
let baseMinDesktop = 104;
|
|
38857
|
+
let baseMaxDesktop = 240;
|
|
38858
|
+
let baseMinMobile = 100;
|
|
38859
|
+
let baseMaxMobile = 212;
|
|
38318
38860
|
if (density === 'compact') {
|
|
38319
|
-
baseMinDesktop =
|
|
38320
|
-
baseMaxDesktop =
|
|
38321
|
-
baseMinMobile =
|
|
38322
|
-
baseMaxMobile =
|
|
38861
|
+
baseMinDesktop = 96;
|
|
38862
|
+
baseMaxDesktop = 176;
|
|
38863
|
+
baseMinMobile = 92;
|
|
38864
|
+
baseMaxMobile = 172;
|
|
38323
38865
|
}
|
|
38324
38866
|
else if (density === 'dense') {
|
|
38325
|
-
baseMinDesktop =
|
|
38326
|
-
baseMaxDesktop =
|
|
38327
|
-
baseMinMobile =
|
|
38328
|
-
baseMaxMobile =
|
|
38867
|
+
baseMinDesktop = 88;
|
|
38868
|
+
baseMaxDesktop = 164;
|
|
38869
|
+
baseMinMobile = 84;
|
|
38870
|
+
baseMaxMobile = 156;
|
|
38329
38871
|
}
|
|
38330
|
-
const min = Math.max(
|
|
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
|
|
38341
|
-
|
|
38342
|
-
|
|
38343
|
-
|
|
38344
|
-
const
|
|
38345
|
-
|
|
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
|
-
|
|
38937
|
-
|
|
38938
|
-
|
|
38939
|
-
|
|
38940
|
-
|
|
38941
|
-
|
|
38942
|
-
|
|
38943
|
-
|
|
38944
|
-
|
|
38945
|
-
|
|
38946
|
-
|
|
38947
|
-
|
|
38948
|
-
|
|
38949
|
-
|
|
38950
|
-
|
|
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
|
-
|
|
39184
|
-
|
|
39185
|
-
|
|
39186
|
-
|
|
39187
|
-
|
|
39188
|
-
|
|
39189
|
-
|
|
39190
|
-
|
|
39191
|
-
|
|
39192
|
-
|
|
39193
|
-
|
|
39194
|
-
|
|
39195
|
-
|
|
39196
|
-
|
|
39197
|
-
|
|
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
|
|
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
|
|
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 =
|
|
40645
|
-
let baseMaxDesktop =
|
|
40646
|
-
let baseMinMobile =
|
|
40647
|
-
let baseMaxMobile =
|
|
41183
|
+
let baseMinDesktop = 168;
|
|
41184
|
+
let baseMaxDesktop = 336;
|
|
41185
|
+
let baseMinMobile = 160;
|
|
41186
|
+
let baseMaxMobile = 272;
|
|
40648
41187
|
if (density === 'compact') {
|
|
40649
|
-
baseMinDesktop =
|
|
40650
|
-
baseMaxDesktop =
|
|
40651
|
-
baseMinMobile =
|
|
40652
|
-
baseMaxMobile =
|
|
41188
|
+
baseMinDesktop = 156;
|
|
41189
|
+
baseMaxDesktop = 312;
|
|
41190
|
+
baseMinMobile = 148;
|
|
41191
|
+
baseMaxMobile = 252;
|
|
40653
41192
|
}
|
|
40654
41193
|
else if (density === 'dense') {
|
|
40655
|
-
baseMinDesktop =
|
|
40656
|
-
baseMaxDesktop =
|
|
40657
|
-
baseMinMobile =
|
|
40658
|
-
baseMaxMobile =
|
|
41194
|
+
baseMinDesktop = 148;
|
|
41195
|
+
baseMaxDesktop = 288;
|
|
41196
|
+
baseMinMobile = 140;
|
|
41197
|
+
baseMaxMobile = 232;
|
|
40659
41198
|
}
|
|
40660
|
-
const min = Math.max(
|
|
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'
|
|
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
|
-
|
|
40854
|
-
|
|
40855
|
-
|
|
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
|
-
|
|
41100
|
-
|
|
41101
|
-
|
|
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.
|
|
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 (
|
|
41483
|
-
|
|
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:.
|
|
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:.
|
|
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
|
-
|
|
42698
|
-
|
|
42699
|
-
|
|
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
|
-
|
|
42948
|
-
|
|
42949
|
-
|
|
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', '
|
|
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
|
-
|
|
44107
|
-
|
|
44108
|
-
|
|
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
|
-
|
|
44388
|
-
|
|
44389
|
-
|
|
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'
|
|
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
|
-
|
|
45614
|
-
|
|
45615
|
-
|
|
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
|
-
|
|
45878
|
-
|
|
45879
|
-
|
|
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
|
-
|
|
46849
|
-
|
|
46850
|
-
|
|
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
|
-
|
|
47112
|
-
|
|
47113
|
-
|
|
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
|
|
47337
|
-
{ id: 'today',
|
|
47338
|
-
{ id: 'yesterday',
|
|
47339
|
-
{ id: 'last7',
|
|
47340
|
-
{ id: 'last30',
|
|
47341
|
-
{ id: 'thisMonth',
|
|
47342
|
-
{ id: 'lastMonth',
|
|
47343
|
-
{ id: 'thisQuarter',
|
|
47344
|
-
{ id: 'thisYear',
|
|
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
|
-
|
|
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
|
-
|
|
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'
|
|
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
|
-
|
|
48181
|
-
|
|
48182
|
-
|
|
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
|
-
|
|
48398
|
-
|
|
48399
|
-
|
|
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
|
|
48586
|
-
{ id: 'terrible',
|
|
48587
|
-
{ id: 'bad',
|
|
48588
|
-
{ id: 'neutral',
|
|
48589
|
-
{ id: 'good',
|
|
48590
|
-
{ id: 'great',
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
49447
|
-
|
|
49448
|
-
|
|
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
|
-
|
|
49657
|
-
|
|
49658
|
-
|
|
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
|
-
|
|
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
|
-
|
|
50660
|
-
|
|
50661
|
-
|
|
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
|
-
|
|
50874
|
-
|
|
50875
|
-
|
|
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
|
|
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
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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
|
|
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: '
|
|
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
|
|
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
|
|
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: '
|
|
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
|
|
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: '
|
|
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
|
|
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: '
|
|
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
|
|
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
|
|
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: '
|
|
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
|
|
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,
|
|
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: '
|
|
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: '
|
|
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
|
-
|
|
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": "
|
|
62056
|
-
snippetNote: 'This preview
|
|
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
|
|
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: '
|
|
62505
|
-
label: '
|
|
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: '
|
|
62639
|
-
label: '
|
|
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: '
|
|
62726
|
-
label: '
|
|
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: '
|
|
62763
|
-
label: '
|
|
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: '
|
|
62802
|
-
label: '
|
|
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: '
|
|
62842
|
-
label: '
|
|
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: '
|
|
62879
|
-
label: '
|
|
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: '
|
|
62915
|
-
label: '
|
|
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: '
|
|
62972
|
-
label: '
|
|
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: '
|
|
63056
|
-
label: '
|
|
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: '
|
|
63104
|
-
label: '
|
|
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: '
|
|
63143
|
-
label: '
|
|
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: '
|
|
63216
|
-
label: '
|
|
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
|
|
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
|
|
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
|
|
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 };
|