@praxisui/dynamic-fields 9.0.0-beta.1 → 9.0.0-beta.10

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.
Files changed (14) hide show
  1. package/README.md +119 -562
  2. package/docs/dynamic-fields-inline-components-guide.md +21 -1
  3. package/docs/dynamic-fields-inline-filter-runtime-contract.md +11 -0
  4. package/fesm2022/praxisui-dynamic-fields.mjs +612 -344
  5. package/package.json +4 -11
  6. package/src/lib/components/inline-color-label/pdx-inline-color-label.json-api.md +1 -1
  7. package/src/lib/components/inline-currency-range/pdx-inline-currency-range.json-api.md +49 -17
  8. package/src/lib/components/inline-date/pdx-inline-date.json-api.md +1 -1
  9. package/src/lib/components/inline-number/pdx-inline-number.json-api.md +1 -0
  10. package/src/lib/components/inline-range-slider/pdx-inline-range-slider.json-api.md +52 -13
  11. package/src/lib/components/inline-relative-period/pdx-inline-relative-period.json-api.md +103 -103
  12. package/src/lib/components/inline-sentiment/pdx-inline-sentiment.json-api.md +84 -84
  13. package/src/lib/components/inline-time-range/pdx-inline-time-range.json-api.md +2 -2
  14. package/types/praxisui-dynamic-fields.d.ts +69 -1
package/fesm2022/praxisui-dynamic-fields.mjs CHANGED
@@ -182,6 +182,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
182
182
  'praxis.dynamicFields.inlineDistance.display.from': '>= {{value}}',
183
183
  'praxis.dynamicFields.inlineDistance.display.upto': '<= {{value}}',
184
184
  'praxis.dynamicFields.inlineDistance.preset.from': '{{value}}+ {{unit}}',
185
+ 'praxis.dynamicFields.dateRange.shortcutsAriaLabel': 'Date range shortcuts',
185
186
  'praxis.dynamicFields.inlineDateRange.placeholder': 'Period',
186
187
  'praxis.dynamicFields.inlineDateRange.startPlaceholder': 'Start',
187
188
  'praxis.dynamicFields.inlineDateRange.endPlaceholder': 'End',
@@ -218,6 +219,13 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
218
219
  'praxis.dynamicFields.inlineTimeRange.validation.maxDistance': 'The maximum distance between times was exceeded',
219
220
  'praxis.dynamicFields.inlineTimeRange.validation.invalid': 'Invalid time range',
220
221
  'praxis.dynamicFields.inlineRange.placeholder': 'Filter',
222
+ 'praxis.dynamicFields.inlineRange.minLabel': 'Min',
223
+ 'praxis.dynamicFields.inlineRange.maxLabel': 'Max',
224
+ 'praxis.dynamicFields.inlineRange.valueLabel': 'Value',
225
+ 'praxis.dynamicFields.inlineRange.quickPresetsLabel': 'Quick ranges',
226
+ 'praxis.dynamicFields.inlineRange.clearActionLabel': 'Clear',
227
+ 'praxis.dynamicFields.inlineRange.applyActionLabel': 'Apply',
228
+ 'praxis.dynamicFields.inlineRange.doneActionLabel': 'Done',
221
229
  'praxis.dynamicFields.inlineRange.cancelActionLabel': 'Cancel',
222
230
  'praxis.dynamicFields.inlineCurrencyRange.placeholder': 'Currency range',
223
231
  'praxis.dynamicFields.inlineCurrencyRange.ariaSelection': '{{label}}: {{value}}',
@@ -227,6 +235,11 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
227
235
  'praxis.dynamicFields.inlineCurrencyRange.actions.apply': 'Apply',
228
236
  'praxis.dynamicFields.inlineCurrencyRange.value.from': '>= {{value}}',
229
237
  'praxis.dynamicFields.inlineCurrencyRange.value.upto': '<= {{value}}',
238
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.required': 'Enter at least one value for the range.',
239
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeOrder': 'The minimum value must be less than or equal to the maximum.',
240
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeMin': 'The minimum allowed value is {{min}}.',
241
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeMax': 'The maximum allowed value is {{max}}.',
242
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.invalid': 'Invalid value.',
230
243
  'praxis.dynamicFields.inlineSelect.placeholder': 'Select',
231
244
  'praxis.dynamicFields.inlinePipelineStatus.placeholder': 'Pipeline',
232
245
  'praxis.dynamicFields.inlinePipelineStatus.panelSubtitle': 'Configurable panel for stages, statuses, or priorities',
@@ -253,6 +266,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
253
266
  'praxis.dynamicFields.inlineColorLabel.selectionTitle': 'Selected:',
254
267
  'praxis.dynamicFields.inlineColorLabel.selectionBadgesAriaLabel': 'Selected items',
255
268
  'praxis.dynamicFields.inlineColorLabel.removeSelectionAriaLabel': 'Remove {{label}}',
269
+ 'praxis.dynamicFields.inlineColorLabel.fallbackOptionLabel': 'Option {{index}}',
256
270
  'praxis.dynamicFields.inlineColorLabel.emptyStateText': 'No options found',
257
271
  'praxis.dynamicFields.inlineColorLabel.overlayActionsAriaLabel': '{{label}}: panel actions',
258
272
  'praxis.dynamicFields.inlineColorLabel.clearActionLabel': 'Clear',
@@ -271,14 +285,34 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
271
285
  'praxis.dynamicFields.inlinePipeline.emptyStateText': 'No options found',
272
286
  'praxis.dynamicFields.inlineRelativePeriod.placeholder': 'Relative period',
273
287
  'praxis.dynamicFields.inlineRelativePeriod.panelSubtitle': 'Configurable relative period presets for quick selection',
288
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.today': 'Today',
289
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.yesterday': 'Yesterday',
290
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.last7': 'Last 7 days',
291
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.last30': 'Last 30 days',
292
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisMonth': 'This month',
293
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.lastMonth': 'Last month',
294
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisQuarter': 'This quarter',
295
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisYear': 'This year',
274
296
  'praxis.dynamicFields.inlineRelativePeriod.progressEmptyLabel': 'No selection',
275
297
  'praxis.dynamicFields.inlineRelativePeriod.progressAriaLabel': '{{label}}: {{percent}}%',
276
298
  'praxis.dynamicFields.inlineRelativePeriod.optionsGroupAriaLabel': 'Relative period presets',
299
+ 'praxis.dynamicFields.inlineRelativePeriod.fallbackOptionLabel': 'Option {{index}}',
277
300
  'praxis.dynamicFields.inlineRelativePeriod.emptyStateText': 'No presets available',
278
301
  'praxis.dynamicFields.inlineRelativePeriod.overlayActionsAriaLabel': '{{label}}: panel actions',
279
302
  'praxis.dynamicFields.inlineRelativePeriod.clearActionLabel': 'Clear',
280
303
  'praxis.dynamicFields.inlineRelativePeriod.cancelActionLabel': 'Cancel',
281
304
  'praxis.dynamicFields.inlineRelativePeriod.applyActionLabel': 'Apply',
305
+ 'praxis.dynamicFields.inlinePeriodRange.minLabel': 'Start period',
306
+ 'praxis.dynamicFields.inlinePeriodRange.maxLabel': 'End period',
307
+ 'praxis.dynamicFields.inlinePeriodRange.quickPresetsLabel': 'Quick periods',
308
+ 'praxis.dynamicFields.inlineMonthRange.quickPresetsLabel': 'Quick periods',
309
+ 'praxis.dynamicFields.inlineMonthRange.presetFull': 'Full year',
310
+ 'praxis.dynamicFields.inlineMonthRange.presetFirstHalf': 'Jan-Jun',
311
+ 'praxis.dynamicFields.inlineMonthRange.presetSecondHalf': 'Jul-Dec',
312
+ 'praxis.dynamicFields.inlineYearRange.minLabel': 'Start year',
313
+ 'praxis.dynamicFields.inlineYearRange.maxLabel': 'End year',
314
+ 'praxis.dynamicFields.inlineYearRange.quickPresetsLabel': 'Quick years',
315
+ 'praxis.dynamicFields.inlineYearRange.presetFull': 'Full period',
282
316
  'praxis.dynamicFields.inlineTime.placeholder': 'Time',
283
317
  'praxis.dynamicFields.inlineTime.openPanelAriaLabel': 'Open time picker',
284
318
  'praxis.dynamicFields.inlineTime.closePanelAriaLabel': 'Close time picker',
@@ -288,10 +322,16 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
288
322
  'praxis.dynamicFields.inlineTime.emptyStateLabel': 'No time available',
289
323
  'praxis.dynamicFields.inlineSentiment.placeholder': 'Sentiment',
290
324
  'praxis.dynamicFields.inlineSentiment.panelSubtitle': 'Color-coded sentiment scale for quick classification',
325
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.terrible': 'Terrible',
326
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.bad': 'Bad',
327
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.neutral': 'Neutral',
328
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.good': 'Good',
329
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.great': 'Great',
291
330
  'praxis.dynamicFields.inlineSentiment.barAriaEmpty': '{{label}} with no selection',
292
331
  'praxis.dynamicFields.inlineSentiment.barAriaSelected': '{{label}} with selection: {{value}}',
293
332
  'praxis.dynamicFields.inlineSentiment.optionsGroupAriaLabel': 'Sentiment options',
294
333
  'praxis.dynamicFields.inlineSentiment.selectionPillsAriaLabel': 'Selected sentiments',
334
+ 'praxis.dynamicFields.inlineSentiment.fallbackOptionLabel': 'Option {{index}}',
295
335
  'praxis.dynamicFields.inlineSentiment.emptyStateText': 'No options found',
296
336
  'praxis.dynamicFields.inlineSentiment.overlayActionsAriaLabel': '{{label}}: panel actions',
297
337
  'praxis.dynamicFields.inlineSentiment.clearActionLabel': 'Clear',
@@ -521,6 +561,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
521
561
  'praxis.dynamicFields.inlineDistance.display.from': '>= {{value}}',
522
562
  'praxis.dynamicFields.inlineDistance.display.upto': '<= {{value}}',
523
563
  'praxis.dynamicFields.inlineDistance.preset.from': '{{value}}+ {{unit}}',
564
+ 'praxis.dynamicFields.dateRange.shortcutsAriaLabel': 'Atalhos de período de datas',
524
565
  'praxis.dynamicFields.inlineDateRange.placeholder': 'Período',
525
566
  'praxis.dynamicFields.inlineDateRange.startPlaceholder': 'Início',
526
567
  'praxis.dynamicFields.inlineDateRange.endPlaceholder': 'Fim',
@@ -557,6 +598,13 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
557
598
  'praxis.dynamicFields.inlineTimeRange.validation.maxDistance': 'A distância máxima entre horários foi excedida',
558
599
  'praxis.dynamicFields.inlineTimeRange.validation.invalid': 'Faixa de horário inválida',
559
600
  'praxis.dynamicFields.inlineRange.placeholder': 'Filtro',
601
+ 'praxis.dynamicFields.inlineRange.minLabel': 'Min',
602
+ 'praxis.dynamicFields.inlineRange.maxLabel': 'Max',
603
+ 'praxis.dynamicFields.inlineRange.valueLabel': 'Valor',
604
+ 'praxis.dynamicFields.inlineRange.quickPresetsLabel': 'Faixas rápidas',
605
+ 'praxis.dynamicFields.inlineRange.clearActionLabel': 'Limpar',
606
+ 'praxis.dynamicFields.inlineRange.applyActionLabel': 'Aplicar',
607
+ 'praxis.dynamicFields.inlineRange.doneActionLabel': 'Concluir',
560
608
  'praxis.dynamicFields.inlineRange.cancelActionLabel': 'Cancelar',
561
609
  'praxis.dynamicFields.inlineCurrencyRange.placeholder': 'Faixa monetária',
562
610
  'praxis.dynamicFields.inlineCurrencyRange.ariaSelection': '{{label}}: {{value}}',
@@ -566,6 +614,11 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
566
614
  'praxis.dynamicFields.inlineCurrencyRange.actions.apply': 'Aplicar',
567
615
  'praxis.dynamicFields.inlineCurrencyRange.value.from': '>= {{value}}',
568
616
  'praxis.dynamicFields.inlineCurrencyRange.value.upto': '<= {{value}}',
617
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.required': 'Informe ao menos um valor para o intervalo.',
618
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeOrder': 'O valor mínimo deve ser menor ou igual ao máximo.',
619
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeMin': 'O valor mínimo permitido é {{min}}.',
620
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.rangeMax': 'O valor máximo permitido é {{max}}.',
621
+ 'praxis.dynamicFields.inlineCurrencyRange.validation.invalid': 'Valor inválido.',
569
622
  'praxis.dynamicFields.inlineSelect.placeholder': 'Selecionar',
570
623
  'praxis.dynamicFields.inlinePipelineStatus.placeholder': 'Pipeline',
571
624
  'praxis.dynamicFields.inlinePipelineStatus.panelSubtitle': 'Painel de seleção configurável para estágios, status ou prioridades',
@@ -592,6 +645,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
592
645
  'praxis.dynamicFields.inlineColorLabel.selectionTitle': 'Selecionados:',
593
646
  'praxis.dynamicFields.inlineColorLabel.selectionBadgesAriaLabel': 'Itens selecionados',
594
647
  'praxis.dynamicFields.inlineColorLabel.removeSelectionAriaLabel': 'Remover {{label}}',
648
+ 'praxis.dynamicFields.inlineColorLabel.fallbackOptionLabel': 'Opção {{index}}',
595
649
  'praxis.dynamicFields.inlineColorLabel.emptyStateText': 'Nenhuma opção encontrada',
596
650
  'praxis.dynamicFields.inlineColorLabel.overlayActionsAriaLabel': '{{label}}: ações do painel',
597
651
  'praxis.dynamicFields.inlineColorLabel.clearActionLabel': 'Limpar',
@@ -610,14 +664,34 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
610
664
  'praxis.dynamicFields.inlinePipeline.emptyStateText': 'Nenhuma opção encontrada',
611
665
  'praxis.dynamicFields.inlineRelativePeriod.placeholder': 'Período relativo',
612
666
  'praxis.dynamicFields.inlineRelativePeriod.panelSubtitle': 'Presets de período configuráveis para seleção rápida',
667
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.today': 'Hoje',
668
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.yesterday': 'Ontem',
669
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.last7': 'Últimos 7 dias',
670
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.last30': 'Últimos 30 dias',
671
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisMonth': 'Este mês',
672
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.lastMonth': 'Mês passado',
673
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisQuarter': 'Este trimestre',
674
+ 'praxis.dynamicFields.inlineRelativePeriod.defaultOptions.thisYear': 'Este ano',
613
675
  'praxis.dynamicFields.inlineRelativePeriod.progressEmptyLabel': 'Sem seleção',
614
676
  'praxis.dynamicFields.inlineRelativePeriod.progressAriaLabel': '{{label}}: {{percent}}%',
615
677
  'praxis.dynamicFields.inlineRelativePeriod.optionsGroupAriaLabel': 'Presets de período relativo',
678
+ 'praxis.dynamicFields.inlineRelativePeriod.fallbackOptionLabel': 'Opção {{index}}',
616
679
  'praxis.dynamicFields.inlineRelativePeriod.emptyStateText': 'Nenhum preset disponível',
617
680
  'praxis.dynamicFields.inlineRelativePeriod.overlayActionsAriaLabel': '{{label}}: ações do painel',
618
681
  'praxis.dynamicFields.inlineRelativePeriod.clearActionLabel': 'Limpar',
619
682
  'praxis.dynamicFields.inlineRelativePeriod.cancelActionLabel': 'Cancelar',
620
683
  'praxis.dynamicFields.inlineRelativePeriod.applyActionLabel': 'Aplicar',
684
+ 'praxis.dynamicFields.inlinePeriodRange.minLabel': 'Período inicial',
685
+ 'praxis.dynamicFields.inlinePeriodRange.maxLabel': 'Período final',
686
+ 'praxis.dynamicFields.inlinePeriodRange.quickPresetsLabel': 'Períodos rápidos',
687
+ 'praxis.dynamicFields.inlineMonthRange.quickPresetsLabel': 'Períodos rápidos',
688
+ 'praxis.dynamicFields.inlineMonthRange.presetFull': 'Ano todo',
689
+ 'praxis.dynamicFields.inlineMonthRange.presetFirstHalf': 'Jan-Jun',
690
+ 'praxis.dynamicFields.inlineMonthRange.presetSecondHalf': 'Jul-Dez',
691
+ 'praxis.dynamicFields.inlineYearRange.minLabel': 'Ano inicial',
692
+ 'praxis.dynamicFields.inlineYearRange.maxLabel': 'Ano final',
693
+ 'praxis.dynamicFields.inlineYearRange.quickPresetsLabel': 'Anos rápidos',
694
+ 'praxis.dynamicFields.inlineYearRange.presetFull': 'Todo o período',
621
695
  'praxis.dynamicFields.inlineTime.placeholder': 'Horário',
622
696
  'praxis.dynamicFields.inlineTime.openPanelAriaLabel': 'Abrir seletor de horário',
623
697
  'praxis.dynamicFields.inlineTime.closePanelAriaLabel': 'Fechar seletor de horário',
@@ -627,10 +701,16 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
627
701
  'praxis.dynamicFields.inlineTime.emptyStateLabel': 'Nenhum horário disponível',
628
702
  'praxis.dynamicFields.inlineSentiment.placeholder': 'Sentimento',
629
703
  'praxis.dynamicFields.inlineSentiment.panelSubtitle': 'Escala de sentimento colorida para classificação rápida',
704
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.terrible': 'Péssimo',
705
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.bad': 'Ruim',
706
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.neutral': 'Neutro',
707
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.good': 'Bom',
708
+ 'praxis.dynamicFields.inlineSentiment.defaultOptions.great': 'Ótimo',
630
709
  'praxis.dynamicFields.inlineSentiment.barAriaEmpty': '{{label}} sem seleção',
631
710
  'praxis.dynamicFields.inlineSentiment.barAriaSelected': '{{label}} com seleção: {{value}}',
632
711
  'praxis.dynamicFields.inlineSentiment.optionsGroupAriaLabel': 'Opções de sentimento',
633
712
  'praxis.dynamicFields.inlineSentiment.selectionPillsAriaLabel': 'Sentimentos selecionados',
713
+ 'praxis.dynamicFields.inlineSentiment.fallbackOptionLabel': 'Opção {{index}}',
634
714
  'praxis.dynamicFields.inlineSentiment.emptyStateText': 'Nenhuma opção encontrada',
635
715
  'praxis.dynamicFields.inlineSentiment.overlayActionsAriaLabel': '{{label}}: ações do painel',
636
716
  'praxis.dynamicFields.inlineSentiment.clearActionLabel': 'Limpar',
@@ -6669,14 +6749,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
6669
6749
  class PraxisDateRangeShortcutsOverlayComponent {
6670
6750
  items = [];
6671
6751
  activeId = null;
6752
+ ariaLabel = 'Date range shortcuts';
6672
6753
  selectPreset = new EventEmitter();
6673
6754
  onClick(s) {
6674
6755
  if (!s.disabled)
6675
6756
  this.selectPreset.emit(s.id);
6676
6757
  }
6677
6758
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisDateRangeShortcutsOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6678
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisDateRangeShortcutsOverlayComponent, isStandalone: true, selector: "pdx-date-range-shortcuts-overlay", inputs: { items: "items", activeId: "activeId" }, outputs: { selectPreset: "selectPreset" }, ngImport: i0, template: `
6679
- <div class="pdx-date-range-panel" role="listbox" aria-label="Date range shortcuts" [attr.aria-activedescendant]="activeId || null">
6759
+ 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: `
6760
+ <div class="pdx-date-range-panel" role="listbox" [attr.aria-label]="ariaLabel" [attr.aria-activedescendant]="activeId || null">
6680
6761
  <div class="pdx-shortcuts-list">
6681
6762
  @for (s of items; track s.id) {
6682
6763
  <button
@@ -6708,7 +6789,7 @@ class PraxisDateRangeShortcutsOverlayComponent {
6708
6789
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisDateRangeShortcutsOverlayComponent, decorators: [{
6709
6790
  type: Component,
6710
6791
  args: [{ selector: 'pdx-date-range-shortcuts-overlay', standalone: true, imports: [MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
6711
- <div class="pdx-date-range-panel" role="listbox" aria-label="Date range shortcuts" [attr.aria-activedescendant]="activeId || null">
6792
+ <div class="pdx-date-range-panel" role="listbox" [attr.aria-label]="ariaLabel" [attr.aria-activedescendant]="activeId || null">
6712
6793
  <div class="pdx-shortcuts-list">
6713
6794
  @for (s of items; track s.id) {
6714
6795
  <button
@@ -6740,6 +6821,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
6740
6821
  type: Input
6741
6822
  }], activeId: [{
6742
6823
  type: Input
6824
+ }], ariaLabel: [{
6825
+ type: Input
6743
6826
  }], selectPreset: [{
6744
6827
  type: Output
6745
6828
  }] } });
@@ -6786,6 +6869,7 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
6786
6869
  picker;
6787
6870
  endDateInput;
6788
6871
  shouldShowShortcuts = () => !!(this.metadata()?.showShortcuts);
6872
+ shortcutOverlayAriaLabel = computed(() => this.tDynamicFields('dateRange.shortcutsAriaLabel', 'Atalhos de período de datas'), ...(ngDevMode ? [{ debugName: "shortcutOverlayAriaLabel" }] : /* istanbul ignore next */ []));
6789
6873
  overlayPositions = () => {
6790
6874
  const preferredPosition = this.metadata()?.shortcutsPosition ?? 'auto';
6791
6875
  const below = this.shortcutOverlayBelowPositions();
@@ -7318,12 +7402,13 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
7318
7402
  <pdx-date-range-shortcuts-overlay
7319
7403
  [items]="shortcutItems()"
7320
7404
  [activeId]="activePresetId()"
7405
+ [ariaLabel]="shortcutOverlayAriaLabel()"
7321
7406
  (selectPreset)="onSelectPreset($event)"
7322
7407
  />
7323
7408
  </ng-template>
7324
7409
  }
7325
7410
  </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 });
7411
+ `, 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
7412
  }
7328
7413
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialDateRangeComponent, decorators: [{
7329
7414
  type: Component,
@@ -7463,6 +7548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
7463
7548
  <pdx-date-range-shortcuts-overlay
7464
7549
  [items]="shortcutItems()"
7465
7550
  [activeId]="activePresetId()"
7551
+ [ariaLabel]="shortcutOverlayAriaLabel()"
7466
7552
  (selectPreset)="onSelectPreset($event)"
7467
7553
  />
7468
7554
  </ng-template>
@@ -12354,10 +12440,10 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12354
12440
  this.preloadSelected(selected);
12355
12441
  }
12356
12442
  missingOptionLabel(id) {
12357
- return this.tDynamicFields('select.missingOptionLabel', '', { id });
12443
+ return this.tDynamicFields('select.missingOptionLabel', 'Opção indisponível (#{{id}})', { id });
12358
12444
  }
12359
12445
  loadOptionsErrorLabel() {
12360
- return this.tDynamicFields('select.loadOptionsError', '');
12446
+ return this.tDynamicFields('select.loadOptionsError', 'Erro ao carregar opções.');
12361
12447
  }
12362
12448
  mapRemoteOption(option) {
12363
12449
  return {
@@ -14544,7 +14630,8 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
14544
14630
  (mousedown)="onTriggerIconMouseDown($event)"
14545
14631
  (click)="onQuickClear($event)"
14546
14632
  [attr.aria-label]="clearActionAriaLabel()"
14547
- >
14633
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
14634
+ >
14548
14635
  {{ clearActionText() }}
14549
14636
  </button>
14550
14637
  </span>
@@ -14711,6 +14798,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
14711
14798
  <button
14712
14799
  type="button"
14713
14800
  class="pdx-chip-clear"
14801
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
14714
14802
  (mousedown)="onTriggerIconMouseDown($event)"
14715
14803
  (click)="onQuickClear($event)"
14716
14804
  [attr.aria-label]="clearActionAriaLabel()"
@@ -15140,7 +15228,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
15140
15228
  (mousedown)="onTriggerIconMouseDown($event)"
15141
15229
  (click)="onQuickClear($event)"
15142
15230
  [attr.aria-label]="clearActionAriaLabel()"
15143
- >
15231
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
15232
+ >
15144
15233
  {{ clearActionText() }}
15145
15234
  </button>
15146
15235
  </span>
@@ -15307,6 +15396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
15307
15396
  <button
15308
15397
  type="button"
15309
15398
  class="pdx-chip-clear"
15399
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
15310
15400
  (mousedown)="onTriggerIconMouseDown($event)"
15311
15401
  (click)="onQuickClear($event)"
15312
15402
  [attr.aria-label]="clearActionAriaLabel()"
@@ -17379,10 +17469,11 @@ class InlineInputComponent extends SimpleBaseInputComponent {
17379
17469
  matSuffix
17380
17470
  type="button"
17381
17471
  class="pdx-inline-clear"
17382
- (mousedown)="onTriggerIconMouseDown($event)"
17383
- (click)="onQuickClear($event)"
17384
- [attr.aria-label]="clearActionAriaLabel()"
17385
- >
17472
+ (mousedown)="onTriggerIconMouseDown($event)"
17473
+ (click)="onQuickClear($event)"
17474
+ [attr.aria-label]="clearActionAriaLabel()"
17475
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
17476
+ >
17386
17477
  <mat-icon
17387
17478
  [color]="iconPalette(clearIconColor())"
17388
17479
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -17461,10 +17552,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
17461
17552
  matSuffix
17462
17553
  type="button"
17463
17554
  class="pdx-inline-clear"
17464
- (mousedown)="onTriggerIconMouseDown($event)"
17465
- (click)="onQuickClear($event)"
17466
- [attr.aria-label]="clearActionAriaLabel()"
17467
- >
17555
+ (mousedown)="onTriggerIconMouseDown($event)"
17556
+ (click)="onQuickClear($event)"
17557
+ [attr.aria-label]="clearActionAriaLabel()"
17558
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
17559
+ >
17468
17560
  <mat-icon
17469
17561
  [color]="iconPalette(clearIconColor())"
17470
17562
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -21782,7 +21874,7 @@ class DatetimeLocalInputComponent extends SimpleBaseInputComponent {
21782
21874
  if (!errors)
21783
21875
  return '';
21784
21876
  if (errors['required'])
21785
- return 'Campo obrigatório';
21877
+ return this.tDynamicFields('validation.required', 'Campo obrigatório');
21786
21878
  if (errors['min']) {
21787
21879
  return validators.minMessage || `Data mínima: ${min}`;
21788
21880
  }
@@ -21790,7 +21882,7 @@ class DatetimeLocalInputComponent extends SimpleBaseInputComponent {
21790
21882
  return validators.maxMessage || `Data máxima: ${max}`;
21791
21883
  }
21792
21884
  if (errors['pattern']) {
21793
- return 'Formato inválido';
21885
+ return this.tDynamicFields('validation.pattern', 'Formato inválido');
21794
21886
  }
21795
21887
  return '';
21796
21888
  }, ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
@@ -25077,10 +25169,11 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
25077
25169
  <button
25078
25170
  type="button"
25079
25171
  class="pdx-chip-clear"
25080
- (mousedown)="onTriggerIconMouseDown($event)"
25081
- (click)="onQuickClear($event)"
25082
- [attr.aria-label]="clearActionAriaLabel()"
25083
- >
25172
+ (mousedown)="onTriggerIconMouseDown($event)"
25173
+ (click)="onQuickClear($event)"
25174
+ [attr.aria-label]="clearActionAriaLabel()"
25175
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
25176
+ >
25084
25177
  <span
25085
25178
  class="pdx-chip-clear-icon"
25086
25179
  aria-hidden="true"
@@ -25216,10 +25309,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
25216
25309
  <button
25217
25310
  type="button"
25218
25311
  class="pdx-chip-clear"
25219
- (mousedown)="onTriggerIconMouseDown($event)"
25220
- (click)="onQuickClear($event)"
25221
- [attr.aria-label]="clearActionAriaLabel()"
25222
- >
25312
+ (mousedown)="onTriggerIconMouseDown($event)"
25313
+ (click)="onQuickClear($event)"
25314
+ [attr.aria-label]="clearActionAriaLabel()"
25315
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
25316
+ >
25223
25317
  <span
25224
25318
  class="pdx-chip-clear-icon"
25225
25319
  aria-hidden="true"
@@ -26271,10 +26365,11 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
26271
26365
  <button
26272
26366
  type="button"
26273
26367
  class="pdx-chip-clear"
26274
- (mousedown)="onTriggerIconMouseDown($event)"
26275
- (click)="onQuickClear($event)"
26276
- [attr.aria-label]="clearActionAriaLabel()"
26277
- >
26368
+ (mousedown)="onTriggerIconMouseDown($event)"
26369
+ (click)="onQuickClear($event)"
26370
+ [attr.aria-label]="clearActionAriaLabel()"
26371
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
26372
+ >
26278
26373
  <span
26279
26374
  class="pdx-chip-clear-icon"
26280
26375
  aria-hidden="true"
@@ -26432,10 +26527,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
26432
26527
  <button
26433
26528
  type="button"
26434
26529
  class="pdx-chip-clear"
26435
- (mousedown)="onTriggerIconMouseDown($event)"
26436
- (click)="onQuickClear($event)"
26437
- [attr.aria-label]="clearActionAriaLabel()"
26438
- >
26530
+ (mousedown)="onTriggerIconMouseDown($event)"
26531
+ (click)="onQuickClear($event)"
26532
+ [attr.aria-label]="clearActionAriaLabel()"
26533
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
26534
+ >
26439
26535
  <span
26440
26536
  class="pdx-chip-clear-icon"
26441
26537
  aria-hidden="true"
@@ -26885,10 +26981,11 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
26885
26981
  <button
26886
26982
  type="button"
26887
26983
  class="pdx-chip-clear"
26888
- (mousedown)="onTriggerIconMouseDown($event)"
26889
- (click)="onQuickClear($event)"
26890
- [attr.aria-label]="clearActionAriaLabel()"
26891
- >
26984
+ (mousedown)="onTriggerIconMouseDown($event)"
26985
+ (click)="onQuickClear($event)"
26986
+ [attr.aria-label]="clearActionAriaLabel()"
26987
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
26988
+ >
26892
26989
  <mat-icon
26893
26990
  [color]="iconPalette(clearIconColor())"
26894
26991
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -27046,10 +27143,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27046
27143
  <button
27047
27144
  type="button"
27048
27145
  class="pdx-chip-clear"
27049
- (mousedown)="onTriggerIconMouseDown($event)"
27050
- (click)="onQuickClear($event)"
27051
- [attr.aria-label]="clearActionAriaLabel()"
27052
- >
27146
+ (mousedown)="onTriggerIconMouseDown($event)"
27147
+ (click)="onQuickClear($event)"
27148
+ [attr.aria-label]="clearActionAriaLabel()"
27149
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
27150
+ >
27053
27151
  <mat-icon
27054
27152
  [color]="iconPalette(clearIconColor())"
27055
27153
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -27453,7 +27551,7 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
27453
27551
  }
27454
27552
  usesExplicitApplyMode() {
27455
27553
  const mode = String((this.metadata()?.inlineOverlay?.applyMode) || '').trim().toLowerCase();
27456
- return mode === 'explicit' || mode === 'confirm';
27554
+ return mode === 'explicit';
27457
27555
  }
27458
27556
  inlineOverlayAction(name) {
27459
27557
  const action = this.metadata()?.inlineOverlay?.actions?.[name];
@@ -27676,10 +27774,11 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
27676
27774
  <button
27677
27775
  type="button"
27678
27776
  class="pdx-chip-clear"
27679
- (mousedown)="onTriggerIconMouseDown($event)"
27680
- (click)="onQuickClear($event)"
27681
- [attr.aria-label]="clearActionAriaLabel()"
27682
- >
27777
+ (mousedown)="onTriggerIconMouseDown($event)"
27778
+ (click)="onQuickClear($event)"
27779
+ [attr.aria-label]="clearActionAriaLabel()"
27780
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
27781
+ >
27683
27782
  <span
27684
27783
  class="pdx-chip-clear-icon"
27685
27784
  aria-hidden="true"
@@ -27909,10 +28008,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27909
28008
  <button
27910
28009
  type="button"
27911
28010
  class="pdx-chip-clear"
27912
- (mousedown)="onTriggerIconMouseDown($event)"
27913
- (click)="onQuickClear($event)"
27914
- [attr.aria-label]="clearActionAriaLabel()"
27915
- >
28011
+ (mousedown)="onTriggerIconMouseDown($event)"
28012
+ (click)="onQuickClear($event)"
28013
+ [attr.aria-label]="clearActionAriaLabel()"
28014
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
28015
+ >
27916
28016
  <span
27917
28017
  class="pdx-chip-clear-icon"
27918
28018
  aria-hidden="true"
@@ -28113,10 +28213,10 @@ class MaterialAutocompleteComponent extends SimpleBaseSelectComponent {
28113
28213
  if (typeof meta?.name === 'string' && meta.name.trim().length) {
28114
28214
  return meta.name.trim();
28115
28215
  }
28116
- return this.tDynamicFields('autocomplete.inputAriaLabel', '');
28216
+ return this.tDynamicFields('autocomplete.inputAriaLabel', 'Autocomplete');
28117
28217
  }
28118
28218
  noResultsLabel() {
28119
- return this.tDynamicFields('autocomplete.noResults', '');
28219
+ return this.tDynamicFields('autocomplete.noResults', 'Nenhum resultado');
28120
28220
  }
28121
28221
  onSearchInputEvent(event) {
28122
28222
  const term = event.target instanceof HTMLInputElement ? event.target.value : '';
@@ -28277,10 +28377,10 @@ class MaterialAutocompleteComponent extends SimpleBaseSelectComponent {
28277
28377
  return undefined;
28278
28378
  }
28279
28379
  missingOptionLabel(id) {
28280
- return this.tDynamicFields('select.missingOptionLabel', '', { id });
28380
+ return this.tDynamicFields('select.missingOptionLabel', 'Opção indisponível (#{{id}})', { id });
28281
28381
  }
28282
28382
  loadOptionsErrorLabel() {
28283
- return this.tDynamicFields('select.loadOptionsError', '');
28383
+ return this.tDynamicFields('select.loadOptionsError', 'Erro ao carregar opções.');
28284
28384
  }
28285
28385
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
28286
28386
  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 +29034,11 @@ class InlineAutocompleteComponent extends MaterialAutocompleteComponent {
28934
29034
  matSuffix
28935
29035
  type="button"
28936
29036
  class="pdx-inline-clear"
28937
- (mousedown)="onTriggerIconMouseDown($event)"
28938
- (click)="onQuickClear($event)"
28939
- [attr.aria-label]="clearActionAriaLabel()"
28940
- >
29037
+ (mousedown)="onTriggerIconMouseDown($event)"
29038
+ (click)="onQuickClear($event)"
29039
+ [attr.aria-label]="clearActionAriaLabel()"
29040
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
29041
+ >
28941
29042
  <mat-icon
28942
29043
  [color]="iconPalette(clearIconColor())"
28943
29044
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -29052,10 +29153,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29052
29153
  matSuffix
29053
29154
  type="button"
29054
29155
  class="pdx-inline-clear"
29055
- (mousedown)="onTriggerIconMouseDown($event)"
29056
- (click)="onQuickClear($event)"
29057
- [attr.aria-label]="clearActionAriaLabel()"
29058
- >
29156
+ (mousedown)="onTriggerIconMouseDown($event)"
29157
+ (click)="onQuickClear($event)"
29158
+ [attr.aria-label]="clearActionAriaLabel()"
29159
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
29160
+ >
29059
29161
  <mat-icon
29060
29162
  [color]="iconPalette(clearIconColor())"
29061
29163
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -29638,7 +29740,7 @@ class InlineNumberComponent extends SimpleBaseInputComponent {
29638
29740
  }
29639
29741
 
29640
29742
  <mat-form-field
29641
- [appearance]="'outline'"
29743
+ [appearance]="materialAppearance()"
29642
29744
  [color]="materialColor()"
29643
29745
  [class]="componentCssClasses()"
29644
29746
  [floatLabel]="'auto'"
@@ -29707,6 +29809,7 @@ class InlineNumberComponent extends SimpleBaseInputComponent {
29707
29809
  (mousedown)="onTriggerIconMouseDown($event)"
29708
29810
  (click)="onQuickClear($event)"
29709
29811
  [attr.aria-label]="clearActionAriaLabel()"
29812
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
29710
29813
  >
29711
29814
  <mat-icon
29712
29815
  [color]="iconPalette(clearIconColor())"
@@ -29724,7 +29827,7 @@ class InlineNumberComponent extends SimpleBaseInputComponent {
29724
29827
  </div>
29725
29828
  }
29726
29829
  </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"] }] });
29830
+ `, 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
29831
  }
29729
29832
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineNumberComponent, decorators: [{
29730
29833
  type: Component,
@@ -29754,7 +29857,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29754
29857
  }
29755
29858
 
29756
29859
  <mat-form-field
29757
- [appearance]="'outline'"
29860
+ [appearance]="materialAppearance()"
29758
29861
  [color]="materialColor()"
29759
29862
  [class]="componentCssClasses()"
29760
29863
  [floatLabel]="'auto'"
@@ -29823,6 +29926,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29823
29926
  (mousedown)="onTriggerIconMouseDown($event)"
29824
29927
  (click)="onQuickClear($event)"
29825
29928
  [attr.aria-label]="clearActionAriaLabel()"
29929
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
29826
29930
  >
29827
29931
  <mat-icon
29828
29932
  [color]="iconPalette(clearIconColor())"
@@ -29856,7 +29960,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29856
29960
  '[attr.data-field-type]': '"inlineNumber"',
29857
29961
  '[attr.data-field-name]': 'metadata()?.name',
29858
29962
  '[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"] }]
29963
+ }, 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
29964
  }], propDecorators: { inputEl: [{
29861
29965
  type: ViewChild,
29862
29966
  args: ['inputEl', { read: ElementRef }]
@@ -29886,6 +29990,7 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
29886
29990
  inlineWidthPx = 0;
29887
29991
  inlineMaxWidthPx = 300;
29888
29992
  resizeRafId = null;
29993
+ displayFormatRafId = null;
29889
29994
  fieldLabelText = 'Moeda';
29890
29995
  minValidator;
29891
29996
  maxValidator;
@@ -29913,8 +30018,9 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
29913
30018
  currencyPosition = computed(() => this.metadata()?.currencyPosition || 'before', ...(ngDevMode ? [{ debugName: "currencyPosition" }] : /* istanbul ignore next */ []));
29914
30019
  decimalPlaces = computed(() => {
29915
30020
  const md = this.metadata();
29916
- if (md?.decimalPlaces !== undefined && md?.decimalPlaces !== null) {
29917
- return md.decimalPlaces;
30021
+ const explicitPlaces = this.normalizeDecimalPlaces(md?.decimalPlaces);
30022
+ if (explicitPlaces !== null) {
30023
+ return explicitPlaces;
29918
30024
  }
29919
30025
  try {
29920
30026
  return new Intl.NumberFormat(this.locale(), {
@@ -29939,7 +30045,7 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
29939
30045
  super.setMetadata(metadata);
29940
30046
  this.fieldLabelText = this.resolveFieldLabelFromMetadata(metadata);
29941
30047
  this.syncCurrencyValidators(metadata);
29942
- this.formatDisplayValue();
30048
+ this.scheduleDisplayFormat();
29943
30049
  this.scheduleInlineResize();
29944
30050
  }
29945
30051
  onComponentInit() {
@@ -29964,6 +30070,10 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
29964
30070
  window.cancelAnimationFrame(this.resizeRafId);
29965
30071
  this.resizeRafId = null;
29966
30072
  }
30073
+ if (this.displayFormatRafId !== null && typeof window !== 'undefined') {
30074
+ window.cancelAnimationFrame(this.displayFormatRafId);
30075
+ this.displayFormatRafId = null;
30076
+ }
29967
30077
  }
29968
30078
  writeValue(value) {
29969
30079
  if (value !== null && value !== undefined && value !== '' && typeof value !== 'number') {
@@ -30325,6 +30435,16 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
30325
30435
  const numeric = Number(digits || '0') / factor;
30326
30436
  return negative ? -numeric : numeric;
30327
30437
  }
30438
+ normalizeDecimalPlaces(value) {
30439
+ if (value === null || value === undefined || value === '') {
30440
+ return null;
30441
+ }
30442
+ const numeric = typeof value === 'number' ? value : Number(value);
30443
+ if (!Number.isFinite(numeric)) {
30444
+ return null;
30445
+ }
30446
+ return Math.max(0, Math.min(20, Math.trunc(numeric)));
30447
+ }
30328
30448
  syncDigitsFromValue(value) {
30329
30449
  const places = this.decimalPlaces() ?? 2;
30330
30450
  const factor = Math.pow(10, places);
@@ -30352,6 +30472,20 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
30352
30472
  this.inputEl.nativeElement.value = this.formatDecimalValue(numeric);
30353
30473
  }
30354
30474
  }
30475
+ scheduleDisplayFormat() {
30476
+ this.formatDisplayValue();
30477
+ if (typeof window === 'undefined') {
30478
+ return;
30479
+ }
30480
+ if (this.displayFormatRafId !== null) {
30481
+ window.cancelAnimationFrame(this.displayFormatRafId);
30482
+ }
30483
+ this.displayFormatRafId = window.requestAnimationFrame(() => {
30484
+ this.displayFormatRafId = null;
30485
+ this.formatDisplayValue();
30486
+ this.scheduleInlineResize();
30487
+ });
30488
+ }
30355
30489
  formatDecimalValue(value) {
30356
30490
  try {
30357
30491
  return this.getDecimalFormatter().format(value);
@@ -30503,7 +30637,7 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
30503
30637
  },
30504
30638
  ], 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
30639
  <mat-form-field
30506
- [appearance]="'outline'"
30640
+ [appearance]="materialAppearance()"
30507
30641
  [color]="materialColor()"
30508
30642
  [class]="componentCssClasses()"
30509
30643
  [class.pdx-has-value]="hasInlineValue()"
@@ -30579,6 +30713,7 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
30579
30713
  (mousedown)="onTriggerIconMouseDown($event)"
30580
30714
  (click)="onQuickClear($event)"
30581
30715
  [attr.aria-label]="clearActionAriaLabel()"
30716
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
30582
30717
  >
30583
30718
  <mat-icon
30584
30719
  [color]="iconPalette(clearIconColor())"
@@ -30587,7 +30722,7 @@ class InlineCurrencyComponent extends SimpleBaseInputComponent {
30587
30722
  </button>
30588
30723
  }
30589
30724
  </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"] }] });
30725
+ `, 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
30726
  }
30592
30727
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineCurrencyComponent, decorators: [{
30593
30728
  type: Component,
@@ -30599,7 +30734,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30599
30734
  MatTooltipModule
30600
30735
  ], template: `
30601
30736
  <mat-form-field
30602
- [appearance]="'outline'"
30737
+ [appearance]="materialAppearance()"
30603
30738
  [color]="materialColor()"
30604
30739
  [class]="componentCssClasses()"
30605
30740
  [class.pdx-has-value]="hasInlineValue()"
@@ -30675,6 +30810,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30675
30810
  (mousedown)="onTriggerIconMouseDown($event)"
30676
30811
  (click)="onQuickClear($event)"
30677
30812
  [attr.aria-label]="clearActionAriaLabel()"
30813
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
30678
30814
  >
30679
30815
  <mat-icon
30680
30816
  [color]="iconPalette(clearIconColor())"
@@ -30699,7 +30835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30699
30835
  '[attr.data-field-type]': '"inlineCurrency"',
30700
30836
  '[attr.data-field-name]': 'metadata()?.name',
30701
30837
  '[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"] }]
30838
+ }, 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
30839
  }], propDecorators: { inputEl: [{
30704
30840
  type: ViewChild,
30705
30841
  args: ['inputEl', { read: ElementRef }]
@@ -30746,15 +30882,19 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
30746
30882
  const errors = this.control().errors;
30747
30883
  if (!errors)
30748
30884
  return '';
30749
- if (errors['required'])
30750
- return 'Informe ao menos um valor para o intervalo.';
30751
- if (errors['rangeOrder'])
30752
- return 'O valor mínimo deve ser menor ou igual ao máximo.';
30753
- if (errors['rangeMin'])
30754
- return `O valor mínimo permitido é ${this.formatCurrency(this.minValue())}.`;
30755
- if (errors['rangeMax'])
30756
- return `O valor máximo permitido é ${this.formatCurrency(this.maxValue())}.`;
30757
- return 'Valor inválido.';
30885
+ if (errors['required']) {
30886
+ return this.tDynamicFields('inlineCurrencyRange.validation.required', 'Informe ao menos um valor para o intervalo.');
30887
+ }
30888
+ if (errors['rangeOrder']) {
30889
+ return this.tDynamicFields('inlineCurrencyRange.validation.rangeOrder', 'O valor mínimo deve ser menor ou igual ao máximo.');
30890
+ }
30891
+ if (errors['rangeMin']) {
30892
+ return this.tDynamicFields('inlineCurrencyRange.validation.rangeMin', 'O valor mínimo permitido é {{min}}.', { min: this.formatCurrency(this.minValue()) });
30893
+ }
30894
+ if (errors['rangeMax']) {
30895
+ return this.tDynamicFields('inlineCurrencyRange.validation.rangeMax', 'O valor máximo permitido é {{max}}.', { max: this.formatCurrency(this.maxValue()) });
30896
+ }
30897
+ return this.tDynamicFields('inlineCurrencyRange.validation.invalid', 'Valor inválido.');
30758
30898
  }, ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
30759
30899
  fieldLabelText = '';
30760
30900
  validatorCache = [];
@@ -31643,8 +31783,8 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
31643
31783
  return this.formatterCache;
31644
31784
  }
31645
31785
  resolveDecimalPlaces(currency, locale, metadata) {
31646
- const configured = Number(metadata?.decimalPlaces);
31647
- if (Number.isFinite(configured) && configured >= 0) {
31786
+ const configured = this.normalizeDecimalPlaces(metadata?.decimalPlaces);
31787
+ if (configured !== null) {
31648
31788
  return configured;
31649
31789
  }
31650
31790
  try {
@@ -31658,6 +31798,16 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
31658
31798
  return 2;
31659
31799
  }
31660
31800
  }
31801
+ normalizeDecimalPlaces(value) {
31802
+ if (value === null || value === undefined || value === '') {
31803
+ return null;
31804
+ }
31805
+ const numeric = typeof value === 'number' ? value : Number(value);
31806
+ if (!Number.isFinite(numeric)) {
31807
+ return null;
31808
+ }
31809
+ return Math.max(0, Math.min(20, Math.trunc(numeric)));
31810
+ }
31661
31811
  allowNegative() {
31662
31812
  const md = this.metadata();
31663
31813
  return md?.allowNegative ?? false;
@@ -31861,6 +32011,7 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
31861
32011
  (mousedown)="onTriggerIconMouseDown($event)"
31862
32012
  (click)="onQuickClear($event)"
31863
32013
  [attr.aria-label]="clearActionAriaLabel()"
32014
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
31864
32015
  >
31865
32016
  <mat-icon
31866
32017
  [color]="iconPalette(clearIconColor())"
@@ -32043,7 +32194,7 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
32043
32194
  </div>
32044
32195
  </ng-template>
32045
32196
  </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"] }] });
32197
+ `, 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
32198
  }
32048
32199
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineCurrencyRangeComponent, decorators: [{
32049
32200
  type: Component,
@@ -32113,6 +32264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
32113
32264
  (mousedown)="onTriggerIconMouseDown($event)"
32114
32265
  (click)="onQuickClear($event)"
32115
32266
  [attr.aria-label]="clearActionAriaLabel()"
32267
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
32116
32268
  >
32117
32269
  <mat-icon
32118
32270
  [color]="iconPalette(clearIconColor())"
@@ -32311,7 +32463,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
32311
32463
  '[attr.data-field-type]': '"inlineCurrencyRange"',
32312
32464
  '[attr.data-field-name]': 'metadata()?.name',
32313
32465
  '[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"] }]
32466
+ }, 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
32467
  }], propDecorators: { readonlyMode: [{
32316
32468
  type: Input
32317
32469
  }], disabledMode: [{
@@ -32407,7 +32559,9 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
32407
32559
  const label = this.placeholderText();
32408
32560
  if (!this.hasSelection())
32409
32561
  return label;
32410
- return `${label}: ${this.isTrue() ? 'Sim' : 'Não'}`;
32562
+ return `${label}: ${this.isTrue()
32563
+ ? this.tDynamicFields('boolean.true', 'Sim')
32564
+ : this.tDynamicFields('boolean.false', 'Não')}`;
32411
32565
  }
32412
32566
  isReadonlyEffective() {
32413
32567
  const st = computeEffectiveState(this.metadata(), {
@@ -32480,6 +32634,10 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
32480
32634
  >
32481
32635
  </mat-slide-toggle>
32482
32636
 
32637
+ @if (isTrue()) {
32638
+ <mat-icon class="pdx-inline-toggle-state-icon" aria-hidden="true">check_circle</mat-icon>
32639
+ }
32640
+
32483
32641
  @if (showTextLabel()) {
32484
32642
  <span class="pdx-inline-toggle-label">{{ toggleLabelText() }}</span>
32485
32643
  }
@@ -32491,6 +32649,7 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
32491
32649
  (mousedown)="onTriggerIconMouseDown($event)"
32492
32650
  (click)="onQuickClear($event)"
32493
32651
  [attr.aria-label]="clearActionAriaLabel()"
32652
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
32494
32653
  >
32495
32654
  <mat-icon
32496
32655
  [color]="iconPalette(clearIconColor())"
@@ -32499,7 +32658,7 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
32499
32658
  </button>
32500
32659
  }
32501
32660
  </div>
32502
- `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-toggle-pill{display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-toggle-min-w, 108px);max-width:min(var(--pdx-inline-toggle-max-w, 320px),calc(100vw - 48px));padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-toggle-pill.no-text{min-inline-size:76px;gap:6px;padding-right:10px}.pdx-inline-toggle-pill:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-toggle-pill.is-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 52%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-pill.is-true{background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-pill.is-false{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 78%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent);color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
32661
+ `, 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
32662
  }
32504
32663
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineToggleComponent, decorators: [{
32505
32664
  type: Component,
@@ -32530,6 +32689,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
32530
32689
  >
32531
32690
  </mat-slide-toggle>
32532
32691
 
32692
+ @if (isTrue()) {
32693
+ <mat-icon class="pdx-inline-toggle-state-icon" aria-hidden="true">check_circle</mat-icon>
32694
+ }
32695
+
32533
32696
  @if (showTextLabel()) {
32534
32697
  <span class="pdx-inline-toggle-label">{{ toggleLabelText() }}</span>
32535
32698
  }
@@ -32541,6 +32704,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
32541
32704
  (mousedown)="onTriggerIconMouseDown($event)"
32542
32705
  (click)="onQuickClear($event)"
32543
32706
  [attr.aria-label]="clearActionAriaLabel()"
32707
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
32544
32708
  >
32545
32709
  <mat-icon
32546
32710
  [color]="iconPalette(clearIconColor())"
@@ -32565,7 +32729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
32565
32729
  '[attr.data-field-type]': '"inlineToggle"',
32566
32730
  '[attr.data-field-name]': 'metadata()?.name',
32567
32731
  '[attr.data-component-id]': 'componentId()',
32568
- }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-toggle-pill{display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-toggle-min-w, 108px);max-width:min(var(--pdx-inline-toggle-max-w, 320px),calc(100vw - 48px));padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-toggle-pill.no-text{min-inline-size:76px;gap:6px;padding-right:10px}.pdx-inline-toggle-pill:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-toggle-pill.is-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 52%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-pill.is-true{background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-pill.is-false{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 78%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent);color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\n"] }]
32732
+ }, 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
32733
  }], propDecorators: { readonlyMode: [{
32570
32734
  type: Input
32571
32735
  }], disabledMode: [{
@@ -32825,27 +32989,31 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
32825
32989
  }
32826
32990
  inputMinLabel() {
32827
32991
  const texts = this.inlineTexts();
32828
- return texts.minLabel || 'Min';
32992
+ return texts.minLabel || this.tDynamicFields('inlineRange.minLabel', 'Min');
32829
32993
  }
32830
32994
  inputMaxLabel() {
32831
32995
  const texts = this.inlineTexts();
32832
- return texts.maxLabel || 'Max';
32996
+ return texts.maxLabel || this.tDynamicFields('inlineRange.maxLabel', 'Max');
32833
32997
  }
32834
32998
  inputValueLabel() {
32835
32999
  const texts = this.inlineTexts();
32836
- return texts.valueLabel || 'Valor';
33000
+ return texts.valueLabel || this.tDynamicFields('inlineRange.valueLabel', 'Valor');
32837
33001
  }
32838
33002
  quickPresetsGroupLabel() {
32839
33003
  const texts = this.inlineTexts();
32840
- return texts.quickPresetsLabel || 'Faixas rápidas';
33004
+ return texts.quickPresetsLabel || this.tDynamicFields('inlineRange.quickPresetsLabel', 'Faixas rápidas');
32841
33005
  }
32842
33006
  clearPanelActionLabel() {
32843
- return this.inlineOverlayAction('clear')?.label || this.inlineTexts().clearActionLabel || 'Limpar';
33007
+ return (this.inlineOverlayAction('clear')?.label ||
33008
+ this.inlineTexts().clearActionLabel ||
33009
+ this.tDynamicFields('inlineRange.clearActionLabel', 'Limpar'));
32844
33010
  }
32845
33011
  donePanelActionLabel() {
32846
33012
  return (this.inlineOverlayAction('apply')?.label ||
32847
33013
  this.inlineTexts().doneActionLabel ||
32848
- (this.usesExplicitApplyMode() ? 'Aplicar' : 'Concluir'));
33014
+ (this.usesExplicitApplyMode()
33015
+ ? this.tDynamicFields('inlineRange.applyActionLabel', 'Aplicar')
33016
+ : this.tDynamicFields('inlineRange.doneActionLabel', 'Concluir')));
32849
33017
  }
32850
33018
  cancelPanelActionLabel() {
32851
33019
  return this.inlineOverlayAction('cancel')?.label || this.tDynamicFields('inlineRange.cancelActionLabel', 'Cancelar');
@@ -33964,11 +34132,9 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
33964
34132
  !Array.isArray(md.numberFormat)
33965
34133
  ? md.numberFormat
33966
34134
  : null;
33967
- const decimalPlaces = Number.isFinite(Number(md.decimalPlaces))
33968
- ? Number(md.decimalPlaces)
33969
- : Number.isFinite(Number(numberFormatSource?.decimalPlaces))
33970
- ? Number(numberFormatSource?.decimalPlaces)
33971
- : undefined;
34135
+ const decimalPlaces = this.normalizeDecimalPlaces(md.decimalPlaces) ??
34136
+ this.normalizeDecimalPlaces(numberFormatSource?.decimalPlaces) ??
34137
+ undefined;
33972
34138
  const locale = String(md.locale || numberFormatSource?.locale || 'pt-BR');
33973
34139
  const usePercent = this.usesPercentFormatting();
33974
34140
  const useCurrency = !usePercent && (currency.length > 0 || format === 'currency');
@@ -34013,6 +34179,16 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
34013
34179
  this.formatterKey = '';
34014
34180
  this.formatterCache = null;
34015
34181
  }
34182
+ normalizeDecimalPlaces(value) {
34183
+ if (value === null || value === undefined || value === '') {
34184
+ return null;
34185
+ }
34186
+ const numeric = typeof value === 'number' ? value : Number(value);
34187
+ if (!Number.isFinite(numeric)) {
34188
+ return null;
34189
+ }
34190
+ return Math.max(0, Math.min(20, Math.trunc(numeric)));
34191
+ }
34016
34192
  resetQuickPresetsCache() {
34017
34193
  this.quickPresetsKey = '';
34018
34194
  this.quickPresetsCache = [];
@@ -34195,6 +34371,7 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
34195
34371
  (mousedown)="onTriggerIconMouseDown($event)"
34196
34372
  (click)="onQuickClear($event)"
34197
34373
  [attr.aria-label]="clearActionAriaLabel()"
34374
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
34198
34375
  >
34199
34376
  <mat-icon
34200
34377
  [color]="iconPalette(clearIconColor())"
@@ -34473,7 +34650,7 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
34473
34650
  </div>
34474
34651
  </ng-template>
34475
34652
  </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"] }] });
34653
+ `, 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
34654
  }
34478
34655
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineRangeSliderComponent, decorators: [{
34479
34656
  type: Component,
@@ -34543,6 +34720,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
34543
34720
  (mousedown)="onTriggerIconMouseDown($event)"
34544
34721
  (click)="onQuickClear($event)"
34545
34722
  [attr.aria-label]="clearActionAriaLabel()"
34723
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
34546
34724
  >
34547
34725
  <mat-icon
34548
34726
  [color]="iconPalette(clearIconColor())"
@@ -34837,7 +35015,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
34837
35015
  '[attr.data-field-type]': '"inlineRange"',
34838
35016
  '[attr.data-field-name]': 'metadata()?.name',
34839
35017
  '[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"] }]
35018
+ }, 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
35019
  }], propDecorators: { readonlyMode: [{
34842
35020
  type: Input
34843
35021
  }], disabledMode: [{
@@ -34892,12 +35070,12 @@ class InlinePeriodRangeComponent extends SimpleBaseInputComponent {
34892
35070
  const maxIndex = Math.max(periodState.values.length - 1, 0);
34893
35071
  const defaultInlineTexts = metadata.granularity === 'year'
34894
35072
  ? {
34895
- minLabel: 'Período inicial',
34896
- maxLabel: 'Período final',
34897
- quickPresetsLabel: 'Períodos rápidos',
35073
+ minLabel: this.tDynamicFields('inlinePeriodRange.minLabel', 'Período inicial'),
35074
+ maxLabel: this.tDynamicFields('inlinePeriodRange.maxLabel', 'Período final'),
35075
+ quickPresetsLabel: this.tDynamicFields('inlinePeriodRange.quickPresetsLabel', 'Períodos rápidos'),
34898
35076
  }
34899
35077
  : {
34900
- quickPresetsLabel: 'Períodos rápidos',
35078
+ quickPresetsLabel: this.tDynamicFields('inlinePeriodRange.quickPresetsLabel', 'Períodos rápidos'),
34901
35079
  };
34902
35080
  return {
34903
35081
  ...metadata,
@@ -35245,7 +35423,9 @@ class InlineYearRangeComponent extends SimpleBaseInputComponent {
35245
35423
  const boundedMin = Math.min(minYear, maxYear);
35246
35424
  const boundedMax = Math.max(maxYear, minYear);
35247
35425
  const fullLabel = metadata.quickPresetsLabels?.full ||
35248
- (boundedMin === boundedMax ? String(boundedMax) : 'Todo o período');
35426
+ (boundedMin === boundedMax
35427
+ ? String(boundedMax)
35428
+ : this.tDynamicFields('inlineYearRange.presetFull', 'Todo o período'));
35249
35429
  const currentLabel = metadata.quickPresetsLabels?.current || String(boundedMax);
35250
35430
  const previousYear = Math.max(boundedMin, boundedMax - 1);
35251
35431
  const previousLabel = metadata.quickPresetsLabels?.previous || String(previousYear);
@@ -35299,9 +35479,9 @@ class InlineYearRangeComponent extends SimpleBaseInputComponent {
35299
35479
  showInputs: metadata.showInputs ?? true,
35300
35480
  prefixIcon: metadata.prefixIcon || 'calendar_today',
35301
35481
  inlineTexts: metadata.inlineTexts ?? {
35302
- minLabel: 'Ano inicial',
35303
- maxLabel: 'Ano final',
35304
- quickPresetsLabel: 'Anos rápidos',
35482
+ minLabel: this.tDynamicFields('inlineYearRange.minLabel', 'Ano inicial'),
35483
+ maxLabel: this.tDynamicFields('inlineYearRange.maxLabel', 'Ano final'),
35484
+ quickPresetsLabel: this.tDynamicFields('inlineYearRange.quickPresetsLabel', 'Anos rápidos'),
35305
35485
  },
35306
35486
  displayWith: metadata.displayWith ??
35307
35487
  ((value) => {
@@ -35404,9 +35584,12 @@ class InlineMonthRangeComponent extends SimpleBaseInputComponent {
35404
35584
  if (!metadata)
35405
35585
  return null;
35406
35586
  const labels = this.resolveMonthLabels(metadata);
35407
- const fullLabel = metadata.quickPresetsLabels?.full || 'Ano todo';
35408
- const firstHalfLabel = metadata.quickPresetsLabels?.firstHalf || 'Jan-Jun';
35409
- const secondHalfLabel = metadata.quickPresetsLabels?.secondHalf || 'Jul-Dez';
35587
+ const fullLabel = metadata.quickPresetsLabels?.full ||
35588
+ this.tDynamicFields('inlineMonthRange.presetFull', 'Ano todo');
35589
+ const firstHalfLabel = metadata.quickPresetsLabels?.firstHalf ||
35590
+ this.tDynamicFields('inlineMonthRange.presetFirstHalf', 'Jan-Jun');
35591
+ const secondHalfLabel = metadata.quickPresetsLabels?.secondHalf ||
35592
+ this.tDynamicFields('inlineMonthRange.presetSecondHalf', 'Jul-Dez');
35410
35593
  return {
35411
35594
  ...metadata,
35412
35595
  controlType: FieldControlType.RANGE_SLIDER,
@@ -35419,7 +35602,7 @@ class InlineMonthRangeComponent extends SimpleBaseInputComponent {
35419
35602
  showInputs: metadata.showInputs ?? false,
35420
35603
  prefixIcon: metadata.prefixIcon || 'calendar_view_month',
35421
35604
  inlineTexts: metadata.inlineTexts ?? {
35422
- quickPresetsLabel: 'Períodos rápidos',
35605
+ quickPresetsLabel: this.tDynamicFields('inlineMonthRange.quickPresetsLabel', 'Períodos rápidos'),
35423
35606
  },
35424
35607
  displayWith: metadata.displayWith ??
35425
35608
  ((value) => {
@@ -35658,7 +35841,7 @@ class InlineDateComponent extends MaterialDatepickerComponent {
35658
35841
  const mode = String(this.currentMetadata().inlineOverlay?.applyMode || '')
35659
35842
  .trim()
35660
35843
  .toLowerCase();
35661
- return mode === 'explicit' || mode === 'confirm';
35844
+ return mode === 'explicit';
35662
35845
  }
35663
35846
  overlayCancelLabel() {
35664
35847
  return this.inlineOverlayAction('cancel')?.label || this.tDynamicFields('inlineDate.overlayCancelLabel', 'Cancelar');
@@ -35887,10 +36070,11 @@ class InlineDateComponent extends MaterialDatepickerComponent {
35887
36070
  matSuffix
35888
36071
  type="button"
35889
36072
  class="pdx-inline-clear"
35890
- (mousedown)="onTriggerIconMouseDown($event)"
35891
- (click)="onQuickClear($event)"
35892
- [attr.aria-label]="clearActionAriaLabel()"
35893
- >
36073
+ (mousedown)="onTriggerIconMouseDown($event)"
36074
+ (click)="onQuickClear($event)"
36075
+ [attr.aria-label]="clearActionAriaLabel()"
36076
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
36077
+ >
35894
36078
  <mat-icon
35895
36079
  [color]="iconPalette(clearIconColor())"
35896
36080
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -36019,10 +36203,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
36019
36203
  matSuffix
36020
36204
  type="button"
36021
36205
  class="pdx-inline-clear"
36022
- (mousedown)="onTriggerIconMouseDown($event)"
36023
- (click)="onQuickClear($event)"
36024
- [attr.aria-label]="clearActionAriaLabel()"
36025
- >
36206
+ (mousedown)="onTriggerIconMouseDown($event)"
36207
+ (click)="onQuickClear($event)"
36208
+ [attr.aria-label]="clearActionAriaLabel()"
36209
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
36210
+ >
36026
36211
  <mat-icon
36027
36212
  [color]="iconPalette(clearIconColor())"
36028
36213
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -37136,10 +37321,11 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
37136
37321
  matSuffix
37137
37322
  type="button"
37138
37323
  class="pdx-inline-clear"
37139
- (mousedown)="onTriggerIconMouseDown($event)"
37140
- (click)="onQuickClear($event)"
37141
- [attr.aria-label]="quickClearAriaLabel()"
37142
- >
37324
+ (mousedown)="onTriggerIconMouseDown($event)"
37325
+ (click)="onQuickClear($event)"
37326
+ [attr.aria-label]="quickClearAriaLabel()"
37327
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
37328
+ >
37143
37329
  <mat-icon
37144
37330
  [color]="iconPalette(clearIconColor())"
37145
37331
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -37345,10 +37531,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
37345
37531
  matSuffix
37346
37532
  type="button"
37347
37533
  class="pdx-inline-clear"
37348
- (mousedown)="onTriggerIconMouseDown($event)"
37349
- (click)="onQuickClear($event)"
37350
- [attr.aria-label]="quickClearAriaLabel()"
37351
- >
37534
+ (mousedown)="onTriggerIconMouseDown($event)"
37535
+ (click)="onQuickClear($event)"
37536
+ [attr.aria-label]="quickClearAriaLabel()"
37537
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
37538
+ >
37352
37539
  <mat-icon
37353
37540
  [color]="iconPalette(clearIconColor())"
37354
37541
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -37895,6 +38082,9 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
37895
38082
  }
37896
38083
  return this.showClear() && !this.control().disabled;
37897
38084
  }
38085
+ showPanelToggle() {
38086
+ return !this.showQuickClear();
38087
+ }
37898
38088
  hasInlineValue() {
37899
38089
  return this.hasValue();
37900
38090
  }
@@ -38311,23 +38501,23 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
38311
38501
  const meta = this.currentMetadata();
38312
38502
  const density = String(meta?.materialDesign?.density || meta?.density || 'compact').toLowerCase();
38313
38503
  const cfg = meta.inlineAutoSize || {};
38314
- let baseMinDesktop = 124;
38315
- let baseMaxDesktop = 300;
38316
- let baseMinMobile = 112;
38317
- let baseMaxMobile = 244;
38504
+ let baseMinDesktop = 104;
38505
+ let baseMaxDesktop = 240;
38506
+ let baseMinMobile = 100;
38507
+ let baseMaxMobile = 212;
38318
38508
  if (density === 'compact') {
38319
- baseMinDesktop = 112;
38320
- baseMaxDesktop = 272;
38321
- baseMinMobile = 104;
38322
- baseMaxMobile = 230;
38509
+ baseMinDesktop = 96;
38510
+ baseMaxDesktop = 176;
38511
+ baseMinMobile = 92;
38512
+ baseMaxMobile = 172;
38323
38513
  }
38324
38514
  else if (density === 'dense') {
38325
- baseMinDesktop = 102;
38326
- baseMaxDesktop = 248;
38327
- baseMinMobile = 96;
38328
- baseMaxMobile = 212;
38515
+ baseMinDesktop = 88;
38516
+ baseMaxDesktop = 164;
38517
+ baseMinMobile = 84;
38518
+ baseMaxMobile = 156;
38329
38519
  }
38330
- const min = Math.max(96, Math.round(isMobile
38520
+ const min = Math.max(84, Math.round(isMobile
38331
38521
  ? (cfg.minWidthMobile ?? baseMinMobile)
38332
38522
  : (cfg.minWidth ?? baseMinDesktop)));
38333
38523
  let max = Math.max(min, Math.round(isMobile
@@ -38337,29 +38527,12 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
38337
38527
  return { min, max };
38338
38528
  }
38339
38529
  resolveChromeWidth() {
38340
- const host = this.elementRef.nativeElement;
38341
- if (!host || typeof window === 'undefined') {
38342
- return this.showQuickClear() ? 124 : 96;
38343
- }
38344
- const wrapper = host.querySelector('.pdx-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined');
38345
- const prefix = host.querySelector('.pdx-inline-time .mat-mdc-form-field-icon-prefix');
38346
- const suffix = host.querySelector('.pdx-inline-time .mat-mdc-form-field-icon-suffix');
38347
- const wrapperStyle = wrapper ? window.getComputedStyle(wrapper) : null;
38348
- const padLeft = this.parsePx(wrapperStyle?.paddingLeft);
38349
- const padRight = this.parsePx(wrapperStyle?.paddingRight);
38350
- const prefixWidth = prefix
38351
- ? Math.ceil(prefix.getBoundingClientRect().width)
38352
- : 0;
38353
- const suffixWidth = suffix
38354
- ? Math.ceil(suffix.getBoundingClientRect().width)
38355
- : 0;
38356
- const breathingRoom = 10;
38357
- const measured = padLeft + padRight + prefixWidth + suffixWidth + breathingRoom;
38358
- return Math.max(64, measured || 0);
38359
- }
38360
- parsePx(value) {
38361
- const parsed = Number.parseFloat(String(value ?? '0'));
38362
- return Number.isFinite(parsed) ? parsed : 0;
38530
+ const prefix = 24;
38531
+ const toggle = this.showPanelToggle() ? 24 : 0;
38532
+ const clear = this.showQuickClear() ? 25 : 0;
38533
+ const suffix = this.suffixIconName() ? 22 : 0;
38534
+ const paddingAndGap = 30;
38535
+ return prefix + toggle + clear + suffix + paddingAndGap;
38363
38536
  }
38364
38537
  resolveFieldLabelFromMetadata(meta) {
38365
38538
  const candidates = [
@@ -38863,6 +39036,7 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
38863
39036
  [subscriptSizing]="'dynamic'"
38864
39037
  [hideRequiredMarker]="true"
38865
39038
  [style.width.px]="inlineWidthPx || null"
39039
+ [style.--pdx-inline-time-field-w.px]="inlineWidthPx || null"
38866
39040
  [style.--pdx-inline-time-max-w.px]="inlineMaxWidthPx || null"
38867
39041
  >
38868
39042
  <mat-icon
@@ -38924,6 +39098,7 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
38924
39098
  (mousedown)="onTriggerIconMouseDown($event)"
38925
39099
  (click)="onQuickClear($event)"
38926
39100
  [attr.aria-label]="clearActionAriaLabel()"
39101
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
38927
39102
  >
38928
39103
  <mat-icon
38929
39104
  aria-hidden="true"
@@ -38933,21 +39108,23 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
38933
39108
  </button>
38934
39109
  }
38935
39110
 
38936
- <button
38937
- matSuffix
38938
- type="button"
38939
- class="pdx-inline-toggle"
38940
- (mousedown)="onTriggerIconMouseDown($event)"
38941
- (click)="togglePanel($event)"
38942
- [disabled]="isInteractionBlocked()"
38943
- [attr.aria-label]="panelToggleAriaLabel()"
38944
- >
38945
- <mat-icon
38946
- aria-hidden="true"
38947
- [color]="iconPalette(panelToggleIconColor())"
38948
- [style.color]="iconResolvedColor(panelToggleIconColor())"
38949
- >{{ panelOpen ? panelToggleOpenIconName() : panelToggleClosedIconName() }}</mat-icon>
38950
- </button>
39111
+ @if (showPanelToggle()) {
39112
+ <button
39113
+ matSuffix
39114
+ type="button"
39115
+ class="pdx-inline-toggle"
39116
+ (mousedown)="onTriggerIconMouseDown($event)"
39117
+ (click)="togglePanel($event)"
39118
+ [disabled]="isInteractionBlocked()"
39119
+ [attr.aria-label]="panelToggleAriaLabel()"
39120
+ >
39121
+ <mat-icon
39122
+ aria-hidden="true"
39123
+ [color]="iconPalette(panelToggleIconColor())"
39124
+ [style.color]="iconResolvedColor(panelToggleIconColor())"
39125
+ >{{ panelOpen ? panelToggleOpenIconName() : panelToggleClosedIconName() }}</mat-icon>
39126
+ </button>
39127
+ }
38951
39128
  </mat-form-field>
38952
39129
 
38953
39130
  <ng-template
@@ -39088,7 +39265,7 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
39088
39265
  </div>
39089
39266
  </ng-template>
39090
39267
  </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"] }] });
39268
+ `, 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
39269
  }
39093
39270
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineTimeComponent, decorators: [{
39094
39271
  type: Component,
@@ -39110,6 +39287,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
39110
39287
  [subscriptSizing]="'dynamic'"
39111
39288
  [hideRequiredMarker]="true"
39112
39289
  [style.width.px]="inlineWidthPx || null"
39290
+ [style.--pdx-inline-time-field-w.px]="inlineWidthPx || null"
39113
39291
  [style.--pdx-inline-time-max-w.px]="inlineMaxWidthPx || null"
39114
39292
  >
39115
39293
  <mat-icon
@@ -39171,6 +39349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
39171
39349
  (mousedown)="onTriggerIconMouseDown($event)"
39172
39350
  (click)="onQuickClear($event)"
39173
39351
  [attr.aria-label]="clearActionAriaLabel()"
39352
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
39174
39353
  >
39175
39354
  <mat-icon
39176
39355
  aria-hidden="true"
@@ -39180,21 +39359,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
39180
39359
  </button>
39181
39360
  }
39182
39361
 
39183
- <button
39184
- matSuffix
39185
- type="button"
39186
- class="pdx-inline-toggle"
39187
- (mousedown)="onTriggerIconMouseDown($event)"
39188
- (click)="togglePanel($event)"
39189
- [disabled]="isInteractionBlocked()"
39190
- [attr.aria-label]="panelToggleAriaLabel()"
39191
- >
39192
- <mat-icon
39193
- aria-hidden="true"
39194
- [color]="iconPalette(panelToggleIconColor())"
39195
- [style.color]="iconResolvedColor(panelToggleIconColor())"
39196
- >{{ panelOpen ? panelToggleOpenIconName() : panelToggleClosedIconName() }}</mat-icon>
39197
- </button>
39362
+ @if (showPanelToggle()) {
39363
+ <button
39364
+ matSuffix
39365
+ type="button"
39366
+ class="pdx-inline-toggle"
39367
+ (mousedown)="onTriggerIconMouseDown($event)"
39368
+ (click)="togglePanel($event)"
39369
+ [disabled]="isInteractionBlocked()"
39370
+ [attr.aria-label]="panelToggleAriaLabel()"
39371
+ >
39372
+ <mat-icon
39373
+ aria-hidden="true"
39374
+ [color]="iconPalette(panelToggleIconColor())"
39375
+ [style.color]="iconResolvedColor(panelToggleIconColor())"
39376
+ >{{ panelOpen ? panelToggleOpenIconName() : panelToggleClosedIconName() }}</mat-icon>
39377
+ </button>
39378
+ }
39198
39379
  </mat-form-field>
39199
39380
 
39200
39381
  <ng-template
@@ -39351,7 +39532,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
39351
39532
  '[attr.data-field-type]': '"inlineTime"',
39352
39533
  '[attr.data-field-name]': 'metadata()?.name',
39353
39534
  '[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"] }]
39535
+ }, 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
39536
  }], propDecorators: { inputEl: [{
39356
39537
  type: ViewChild,
39357
39538
  args: ['inputEl', { read: ElementRef }]
@@ -39882,13 +40063,19 @@ class InlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
39882
40063
  return this.isInteractionBlockedByState();
39883
40064
  }
39884
40065
  hasValue() {
39885
- const value = this.timeRangeForm.value;
40066
+ const formValue = this.timeRangeForm.value;
40067
+ const formHasValue = this.resolveDisplayTime(formValue?.start).length > 0 ||
40068
+ this.resolveDisplayTime(formValue?.end).length > 0;
40069
+ const value = formHasValue ? formValue : this.cloneTimeRangeValue(this.control().value);
39886
40070
  const start = this.resolveDisplayTime(value?.start);
39887
40071
  const end = this.resolveDisplayTime(value?.end);
39888
40072
  return start.length > 0 || end.length > 0;
39889
40073
  }
39890
40074
  hasBothValues() {
39891
- const value = this.timeRangeForm.value;
40075
+ const formValue = this.timeRangeForm.value;
40076
+ const formHasValue = this.resolveDisplayTime(formValue?.start).length > 0 ||
40077
+ this.resolveDisplayTime(formValue?.end).length > 0;
40078
+ const value = formHasValue ? formValue : this.cloneTimeRangeValue(this.control().value);
39892
40079
  const start = this.resolveDisplayTime(value?.start);
39893
40080
  const end = this.resolveDisplayTime(value?.end);
39894
40081
  return start.length > 0 && end.length > 0;
@@ -40641,23 +40828,23 @@ class InlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
40641
40828
  const meta = this.currentMetadata();
40642
40829
  const density = String(meta?.materialDesign?.density || meta?.density || 'compact').toLowerCase();
40643
40830
  const cfg = meta.inlineAutoSize || {};
40644
- let baseMinDesktop = 184;
40645
- let baseMaxDesktop = 360;
40646
- let baseMinMobile = 172;
40647
- let baseMaxMobile = 286;
40831
+ let baseMinDesktop = 168;
40832
+ let baseMaxDesktop = 336;
40833
+ let baseMinMobile = 160;
40834
+ let baseMaxMobile = 272;
40648
40835
  if (density === 'compact') {
40649
- baseMinDesktop = 172;
40650
- baseMaxDesktop = 336;
40651
- baseMinMobile = 164;
40652
- baseMaxMobile = 272;
40836
+ baseMinDesktop = 156;
40837
+ baseMaxDesktop = 312;
40838
+ baseMinMobile = 148;
40839
+ baseMaxMobile = 252;
40653
40840
  }
40654
40841
  else if (density === 'dense') {
40655
- baseMinDesktop = 164;
40656
- baseMaxDesktop = 312;
40657
- baseMinMobile = 156;
40658
- baseMaxMobile = 248;
40842
+ baseMinDesktop = 148;
40843
+ baseMaxDesktop = 288;
40844
+ baseMinMobile = 140;
40845
+ baseMaxMobile = 232;
40659
40846
  }
40660
- const min = Math.max(152, Math.round(isMobile ? (cfg.minWidthMobile ?? baseMinMobile) : (cfg.minWidth ?? baseMinDesktop)));
40847
+ const min = Math.max(140, Math.round(isMobile ? (cfg.minWidthMobile ?? baseMinMobile) : (cfg.minWidth ?? baseMinDesktop)));
40661
40848
  let max = Math.max(min, Math.round(isMobile ? (cfg.maxWidthMobile ?? baseMaxMobile) : (cfg.maxWidth ?? baseMaxDesktop)));
40662
40849
  max = Math.min(max, Math.max(min, viewportWidth - 48));
40663
40850
  return { min, max };
@@ -40761,7 +40948,7 @@ class InlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
40761
40948
  }
40762
40949
  usesExplicitTimeRangeOverlay() {
40763
40950
  const mode = String(this.currentMetadata().inlineOverlay?.applyMode || '').toLowerCase();
40764
- return mode === 'explicit' || mode === 'confirm';
40951
+ return mode === 'explicit';
40765
40952
  }
40766
40953
  inlineOverlayAction(name) {
40767
40954
  const action = this.currentMetadata().inlineOverlay?.actions?.[name];
@@ -40850,10 +41037,11 @@ class InlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
40850
41037
  <button
40851
41038
  type="button"
40852
41039
  class="pdx-inline-time-range-clear"
40853
- (mousedown)="onTriggerIconMouseDown($event)"
40854
- (click)="onQuickClear($event)"
40855
- [attr.aria-label]="clearActionAriaLabel()"
40856
- >
41040
+ (mousedown)="onTriggerIconMouseDown($event)"
41041
+ (click)="onQuickClear($event)"
41042
+ [attr.aria-label]="clearActionAriaLabel()"
41043
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
41044
+ >
40857
41045
  <mat-icon
40858
41046
  [color]="iconPalette(clearIconColor())"
40859
41047
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -41027,7 +41215,7 @@ class InlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
41027
41215
  </div>
41028
41216
  </ng-template>
41029
41217
  </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"] }] });
41218
+ `, 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
41219
  }
41032
41220
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineTimeRangeComponent, decorators: [{
41033
41221
  type: Component,
@@ -41096,10 +41284,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
41096
41284
  <button
41097
41285
  type="button"
41098
41286
  class="pdx-inline-time-range-clear"
41099
- (mousedown)="onTriggerIconMouseDown($event)"
41100
- (click)="onQuickClear($event)"
41101
- [attr.aria-label]="clearActionAriaLabel()"
41102
- >
41287
+ (mousedown)="onTriggerIconMouseDown($event)"
41288
+ (click)="onQuickClear($event)"
41289
+ [attr.aria-label]="clearActionAriaLabel()"
41290
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
41291
+ >
41103
41292
  <mat-icon
41104
41293
  [color]="iconPalette(clearIconColor())"
41105
41294
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -41289,7 +41478,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
41289
41478
  '[attr.data-field-type]': '"inlineTimeRange"',
41290
41479
  '[attr.data-field-name]': 'metadata()?.name',
41291
41480
  '[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"] }]
41481
+ }, 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
41482
  }], propDecorators: { measureEl: [{
41294
41483
  type: ViewChild,
41295
41484
  args: ['measureEl', { read: ElementRef }]
@@ -41446,10 +41635,14 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41446
41635
  onNodeClick(node, event) {
41447
41636
  event.preventDefault();
41448
41637
  event.stopPropagation();
41638
+ if (this.isNodeSelectionOnlyDisabled(node)) {
41639
+ this.toggleNode(node, event);
41640
+ return;
41641
+ }
41449
41642
  this.selectNode(node);
41450
41643
  }
41451
41644
  selectNode(node) {
41452
- if (!node || this.isNodeDisabled(node)) {
41645
+ if (!node || this.isNodeSelectionBlocked(node)) {
41453
41646
  return;
41454
41647
  }
41455
41648
  const value = this.resolveValue(node);
@@ -41476,17 +41669,34 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41476
41669
  return this.areValuesEqual(node.value, current);
41477
41670
  }
41478
41671
  isNodeDisabled(node) {
41672
+ return !!node?.disabled;
41673
+ }
41674
+ isNodeSelectionOnlyDisabled(node) {
41479
41675
  if (!node) {
41480
41676
  return false;
41481
41677
  }
41482
- return (!!node.disabled ||
41483
- (this.leafOnly() && !!node.children && node.children.length > 0));
41678
+ return (!this.isNodeDisabled(node) &&
41679
+ this.leafOnly() &&
41680
+ !!node.children &&
41681
+ node.children.length > 0);
41682
+ }
41683
+ isNodeSelectionBlocked(node) {
41684
+ return this.isNodeDisabled(node) || this.isNodeSelectionOnlyDisabled(node);
41484
41685
  }
41485
41686
  handleKeydown(event, node) {
41486
41687
  switch (event.key) {
41487
41688
  case 'Enter':
41488
41689
  case ' ': {
41489
41690
  event.preventDefault();
41691
+ if (this.isNodeSelectionOnlyDisabled(node)) {
41692
+ if (this.treeControl.isExpanded(node)) {
41693
+ this.treeControl.collapse(node);
41694
+ }
41695
+ else {
41696
+ this.treeControl.expand(node);
41697
+ }
41698
+ break;
41699
+ }
41490
41700
  this.selectNode(node);
41491
41701
  break;
41492
41702
  }
@@ -41810,6 +42020,7 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41810
42020
  <div
41811
42021
  class="pdx-chip-trigger"
41812
42022
  [class.is-active]="hasSelection()"
42023
+ [class.has-clear]="showQuickClear()"
41813
42024
  [class.is-disabled]="disabledMode || control().disabled || isReadonlyEffective() || presentationMode"
41814
42025
  >
41815
42026
  <button
@@ -41860,6 +42071,7 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41860
42071
  (mousedown)="onTriggerIconMouseDown($event)"
41861
42072
  (click)="onQuickClear($event)"
41862
42073
  [attr.aria-label]="clearActionAriaLabel()"
42074
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
41863
42075
  >
41864
42076
  <mat-icon
41865
42077
  [color]="iconPalette(clearIconColor())"
@@ -41915,6 +42127,8 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41915
42127
  class="pdx-tree-node"
41916
42128
  [class.pdx-selected]="isSelected(node)"
41917
42129
  [class.pdx-node-disabled]="isNodeDisabled(node)"
42130
+ [class.pdx-node-selection-disabled]="isNodeSelectionOnlyDisabled(node)"
42131
+ [attr.aria-disabled]="isNodeDisabled(node) ? 'true' : null"
41918
42132
  [attr.tabindex]="isNodeDisabled(node) ? -1 : 0"
41919
42133
  [attr.data-node-key]="nodeDomKey(node)"
41920
42134
  (keydown)="handleKeydown($event, node)"
@@ -41958,6 +42172,8 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41958
42172
  class="pdx-tree-node"
41959
42173
  [class.pdx-selected]="isSelected(node)"
41960
42174
  [class.pdx-node-disabled]="isNodeDisabled(node)"
42175
+ [class.pdx-node-selection-disabled]="isNodeSelectionOnlyDisabled(node)"
42176
+ [attr.aria-disabled]="isNodeDisabled(node) ? 'true' : null"
41961
42177
  [attr.tabindex]="isNodeDisabled(node) ? -1 : 0"
41962
42178
  [attr.data-node-key]="nodeDomKey(node)"
41963
42179
  (keydown)="handleKeydown($event, node)"
@@ -41974,7 +42190,7 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
41974
42190
  </div>
41975
42191
  </mat-menu>
41976
42192
  </div>
41977
- `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-tree-select-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{position:relative;display:inline-flex;align-items:center;min-width:0;border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 999px))}.pdx-chip-main{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-tree-select-min-w, 148px);max-width:min(var(--pdx-inline-tree-select-max-w, 420px),calc(100vw - 48px));border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 999px));border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;padding:0 14px;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-main:hover{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 84%,var(--md-sys-color-surface-container-highest))}.pdx-chip-main:focus-visible{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-main{border-color:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary));background:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary));color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-chip-main .mdc-button__label{width:100%;display:inline-flex;align-items:center;min-width:0}.pdx-chip-icon{width:20px;height:20px;font-size:20px;margin-right:8px;color:var(--md-sys-color-primary)}.pdx-chip-trigger.is-active .pdx-chip-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-chip-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;text-align:left}.pdx-chip-spacer{flex:1 1 auto}.pdx-chip-loading{margin-left:8px}.pdx-chip-arrow{margin-left:8px;width:18px;height:18px;font-size:18px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);position:absolute;right:10px;width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary));background:color-mix(in srgb,var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary)) 22%,transparent);color:var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary))}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-trigger.is-disabled .pdx-chip-main{cursor:not-allowed;opacity:.72}::ng-deep .pdx-inline-tree-select-panel{width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-tree-select-panel .mat-mdc-menu-content{padding:0}.pdx-tree-panel-shell{width:min(380px,calc(100vw - 24px));max-height:min(62vh,460px);overflow:auto;border-radius:18px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-tree-search-row{position:sticky;top:0;z-index:var(--praxis-layer-sticky-local, 100);display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-tree-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-tree-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}.pdx-tree-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}.pdx-inline-tree{display:block;padding:6px 0}.pdx-tree-node{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);padding-right:10px;cursor:pointer;color:var(--md-sys-color-on-surface);-webkit-user-select:none;user-select:none}.pdx-tree-node:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-highest))}.pdx-tree-node:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.pdx-tree-node.pdx-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-high));font-weight:600}.pdx-tree-node.pdx-node-disabled{opacity:.52;cursor:not-allowed}.pdx-tree-toggle{margin-left:6px;margin-right:2px}.pdx-tree-node-spacer{width:42px;flex:0 0 42px}.pdx-tree-node-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.2}.pdx-tree-children{margin-left:18px}.pdx-tree-hidden{display:none}.pdx-tree-empty{padding:20px 16px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem}@media(max-width:768px){.pdx-chip-main{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}.pdx-chip-label{font-size:.95rem}.pdx-tree-panel-shell{width:min(92vw,360px)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1$4.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "component", type: i1$4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$4.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }] });
42193
+ `, 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
42194
  }
41979
42195
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineTreeSelectComponent, decorators: [{
41980
42196
  type: Component,
@@ -41997,6 +42213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
41997
42213
  <div
41998
42214
  class="pdx-chip-trigger"
41999
42215
  [class.is-active]="hasSelection()"
42216
+ [class.has-clear]="showQuickClear()"
42000
42217
  [class.is-disabled]="disabledMode || control().disabled || isReadonlyEffective() || presentationMode"
42001
42218
  >
42002
42219
  <button
@@ -42047,6 +42264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
42047
42264
  (mousedown)="onTriggerIconMouseDown($event)"
42048
42265
  (click)="onQuickClear($event)"
42049
42266
  [attr.aria-label]="clearActionAriaLabel()"
42267
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
42050
42268
  >
42051
42269
  <mat-icon
42052
42270
  [color]="iconPalette(clearIconColor())"
@@ -42102,6 +42320,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
42102
42320
  class="pdx-tree-node"
42103
42321
  [class.pdx-selected]="isSelected(node)"
42104
42322
  [class.pdx-node-disabled]="isNodeDisabled(node)"
42323
+ [class.pdx-node-selection-disabled]="isNodeSelectionOnlyDisabled(node)"
42324
+ [attr.aria-disabled]="isNodeDisabled(node) ? 'true' : null"
42105
42325
  [attr.tabindex]="isNodeDisabled(node) ? -1 : 0"
42106
42326
  [attr.data-node-key]="nodeDomKey(node)"
42107
42327
  (keydown)="handleKeydown($event, node)"
@@ -42145,6 +42365,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
42145
42365
  class="pdx-tree-node"
42146
42366
  [class.pdx-selected]="isSelected(node)"
42147
42367
  [class.pdx-node-disabled]="isNodeDisabled(node)"
42368
+ [class.pdx-node-selection-disabled]="isNodeSelectionOnlyDisabled(node)"
42369
+ [attr.aria-disabled]="isNodeDisabled(node) ? 'true' : null"
42148
42370
  [attr.tabindex]="isNodeDisabled(node) ? -1 : 0"
42149
42371
  [attr.data-node-key]="nodeDomKey(node)"
42150
42372
  (keydown)="handleKeydown($event, node)"
@@ -42177,7 +42399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
42177
42399
  '[attr.data-field-type]': '"inlineTreeSelect"',
42178
42400
  '[attr.data-field-name]': 'metadata()?.name',
42179
42401
  '[attr.data-component-id]': 'componentId()',
42180
- }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-tree-select-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{position:relative;display:inline-flex;align-items:center;min-width:0;border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 999px))}.pdx-chip-main{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-tree-select-min-w, 148px);max-width:min(var(--pdx-inline-tree-select-max-w, 420px),calc(100vw - 48px));border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 999px));border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;padding:0 14px;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-main:hover{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 84%,var(--md-sys-color-surface-container-highest))}.pdx-chip-main:focus-visible{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-main{border-color:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary));background:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary));color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-chip-main .mdc-button__label{width:100%;display:inline-flex;align-items:center;min-width:0}.pdx-chip-icon{width:20px;height:20px;font-size:20px;margin-right:8px;color:var(--md-sys-color-primary)}.pdx-chip-trigger.is-active .pdx-chip-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-chip-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;text-align:left}.pdx-chip-spacer{flex:1 1 auto}.pdx-chip-loading{margin-left:8px}.pdx-chip-arrow{margin-left:8px;width:18px;height:18px;font-size:18px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);position:absolute;right:10px;width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary));background:color-mix(in srgb,var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary)) 22%,transparent);color:var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary))}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-trigger.is-disabled .pdx-chip-main{cursor:not-allowed;opacity:.72}::ng-deep .pdx-inline-tree-select-panel{width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-tree-select-panel .mat-mdc-menu-content{padding:0}.pdx-tree-panel-shell{width:min(380px,calc(100vw - 24px));max-height:min(62vh,460px);overflow:auto;border-radius:18px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-tree-search-row{position:sticky;top:0;z-index:var(--praxis-layer-sticky-local, 100);display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-tree-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-tree-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}.pdx-tree-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}.pdx-inline-tree{display:block;padding:6px 0}.pdx-tree-node{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);padding-right:10px;cursor:pointer;color:var(--md-sys-color-on-surface);-webkit-user-select:none;user-select:none}.pdx-tree-node:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-highest))}.pdx-tree-node:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.pdx-tree-node.pdx-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-high));font-weight:600}.pdx-tree-node.pdx-node-disabled{opacity:.52;cursor:not-allowed}.pdx-tree-toggle{margin-left:6px;margin-right:2px}.pdx-tree-node-spacer{width:42px;flex:0 0 42px}.pdx-tree-node-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.2}.pdx-tree-children{margin-left:18px}.pdx-tree-hidden{display:none}.pdx-tree-empty{padding:20px 16px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem}@media(max-width:768px){.pdx-chip-main{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}.pdx-chip-label{font-size:.95rem}.pdx-tree-panel-shell{width:min(92vw,360px)}}\n"] }]
42402
+ }, 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
42403
  }], propDecorators: { readonlyMode: [{
42182
42404
  type: Input
42183
42405
  }], disabledMode: [{
@@ -42694,10 +42916,11 @@ class InlineRatingComponent extends InlineRangeSliderComponent {
42694
42916
  <button
42695
42917
  type="button"
42696
42918
  class="pdx-inline-rating-clear"
42697
- (mousedown)="onTriggerIconMouseDown($event)"
42698
- (click)="onQuickClear($event)"
42699
- [attr.aria-label]="clearActionAriaLabel()"
42700
- >
42919
+ (mousedown)="onTriggerIconMouseDown($event)"
42920
+ (click)="onQuickClear($event)"
42921
+ [attr.aria-label]="clearActionAriaLabel()"
42922
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
42923
+ >
42701
42924
  <mat-icon
42702
42925
  [color]="iconPalette(clearIconColor())"
42703
42926
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -42944,10 +43167,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
42944
43167
  <button
42945
43168
  type="button"
42946
43169
  class="pdx-inline-rating-clear"
42947
- (mousedown)="onTriggerIconMouseDown($event)"
42948
- (click)="onQuickClear($event)"
42949
- [attr.aria-label]="clearActionAriaLabel()"
42950
- >
43170
+ (mousedown)="onTriggerIconMouseDown($event)"
43171
+ (click)="onQuickClear($event)"
43172
+ [attr.aria-label]="clearActionAriaLabel()"
43173
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
43174
+ >
42951
43175
  <mat-icon
42952
43176
  [color]="iconPalette(clearIconColor())"
42953
43177
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -44103,10 +44327,11 @@ class InlineDistanceRadiusComponent extends InlineRangeSliderComponent {
44103
44327
  <button
44104
44328
  type="button"
44105
44329
  class="pdx-inline-distance-clear"
44106
- (mousedown)="onTriggerIconMouseDown($event)"
44107
- (click)="onQuickClear($event)"
44108
- [attr.aria-label]="clearActionAriaLabel()"
44109
- >
44330
+ (mousedown)="onTriggerIconMouseDown($event)"
44331
+ (click)="onQuickClear($event)"
44332
+ [attr.aria-label]="clearActionAriaLabel()"
44333
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
44334
+ >
44110
44335
  <mat-icon
44111
44336
  [color]="iconPalette(clearIconColor())"
44112
44337
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -44384,10 +44609,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
44384
44609
  <button
44385
44610
  type="button"
44386
44611
  class="pdx-inline-distance-clear"
44387
- (mousedown)="onTriggerIconMouseDown($event)"
44388
- (click)="onQuickClear($event)"
44389
- [attr.aria-label]="clearActionAriaLabel()"
44390
- >
44612
+ (mousedown)="onTriggerIconMouseDown($event)"
44613
+ (click)="onQuickClear($event)"
44614
+ [attr.aria-label]="clearActionAriaLabel()"
44615
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
44616
+ >
44391
44617
  <mat-icon
44392
44618
  [color]="iconPalette(clearIconColor())"
44393
44619
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -45540,7 +45766,7 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
45540
45766
  }
45541
45767
  usesExplicitPipelineOverlay() {
45542
45768
  const mode = String(this.currentMetadata().inlineOverlay?.applyMode || '').toLowerCase();
45543
- return mode === 'explicit' || mode === 'confirm';
45769
+ return mode === 'explicit';
45544
45770
  }
45545
45771
  inlineOverlayAction(name) {
45546
45772
  const action = this.currentMetadata().inlineOverlay?.actions?.[name];
@@ -45610,10 +45836,11 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
45610
45836
  <button
45611
45837
  type="button"
45612
45838
  class="pdx-inline-pipeline-clear"
45613
- (mousedown)="onTriggerIconMouseDown($event)"
45614
- (click)="onQuickClear($event)"
45615
- [attr.aria-label]="clearActionAriaLabel()"
45616
- >
45839
+ (mousedown)="onTriggerIconMouseDown($event)"
45840
+ (click)="onQuickClear($event)"
45841
+ [attr.aria-label]="clearActionAriaLabel()"
45842
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
45843
+ >
45617
45844
  <mat-icon
45618
45845
  [color]="iconPalette(clearIconColor())"
45619
45846
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -45812,7 +46039,7 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
45812
46039
  </div>
45813
46040
  </ng-template>
45814
46041
  </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"] }] });
46042
+ `, 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
46043
  }
45817
46044
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlinePipelineStatusComponent, decorators: [{
45818
46045
  type: Component,
@@ -45874,10 +46101,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
45874
46101
  <button
45875
46102
  type="button"
45876
46103
  class="pdx-inline-pipeline-clear"
45877
- (mousedown)="onTriggerIconMouseDown($event)"
45878
- (click)="onQuickClear($event)"
45879
- [attr.aria-label]="clearActionAriaLabel()"
45880
- >
46104
+ (mousedown)="onTriggerIconMouseDown($event)"
46105
+ (click)="onQuickClear($event)"
46106
+ [attr.aria-label]="clearActionAriaLabel()"
46107
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
46108
+ >
45881
46109
  <mat-icon
45882
46110
  [color]="iconPalette(clearIconColor())"
45883
46111
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -46094,7 +46322,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
46094
46322
  '[attr.data-component-id]': 'componentId()',
46095
46323
  '(window:resize)': 'onViewportResize()',
46096
46324
  '(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"] }]
46325
+ }, 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
46326
  }], propDecorators: { readonlyMode: [{
46099
46327
  type: Input
46100
46328
  }], disabledMode: [{
@@ -46845,10 +47073,11 @@ class InlineScorePriorityComponent extends InlineRangeSliderComponent {
46845
47073
  <button
46846
47074
  type="button"
46847
47075
  class="pdx-inline-score-clear"
46848
- (mousedown)="onTriggerIconMouseDown($event)"
46849
- (click)="onQuickClear($event)"
46850
- [attr.aria-label]="clearActionAriaLabel()"
46851
- >
47076
+ (mousedown)="onTriggerIconMouseDown($event)"
47077
+ (click)="onQuickClear($event)"
47078
+ [attr.aria-label]="clearActionAriaLabel()"
47079
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
47080
+ >
46852
47081
  <mat-icon
46853
47082
  [color]="iconPalette(clearIconColor())"
46854
47083
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -47108,10 +47337,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
47108
47337
  <button
47109
47338
  type="button"
47110
47339
  class="pdx-inline-score-clear"
47111
- (mousedown)="onTriggerIconMouseDown($event)"
47112
- (click)="onQuickClear($event)"
47113
- [attr.aria-label]="clearActionAriaLabel()"
47114
- >
47340
+ (mousedown)="onTriggerIconMouseDown($event)"
47341
+ (click)="onQuickClear($event)"
47342
+ [attr.aria-label]="clearActionAriaLabel()"
47343
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
47344
+ >
47115
47345
  <mat-icon
47116
47346
  [color]="iconPalette(clearIconColor())"
47117
47347
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -47333,15 +47563,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
47333
47563
  }, 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
47564
  }] });
47335
47565
 
47336
- const DEFAULT_RELATIVE_PERIOD_OPTIONS = [
47337
- { id: 'today', label: 'Hoje', value: 'today', icon: 'calendar_today' },
47338
- { id: 'yesterday', label: 'Ontem', value: 'yesterday', icon: 'keyboard_double_arrow_left' },
47339
- { id: 'last7', label: 'Ultimos 7 dias', value: 'last7', icon: 'date_range' },
47340
- { id: 'last30', label: 'Ultimos 30 dias', value: 'last30', icon: 'date_range' },
47341
- { id: 'thisMonth', label: 'Este mes', value: 'thisMonth', icon: 'event' },
47342
- { id: 'lastMonth', label: 'Mes passado', value: 'lastMonth', icon: 'event' },
47343
- { id: 'thisQuarter', label: 'Este trimestre', value: 'thisQuarter', icon: 'bar_chart' },
47344
- { id: 'thisYear', label: 'Este ano', value: 'thisYear', icon: 'ads_click' },
47566
+ const DEFAULT_RELATIVE_PERIOD_OPTION_DEFS = [
47567
+ { id: 'today', labelKey: 'today', fallbackLabel: 'Hoje', value: 'today', icon: 'calendar_today' },
47568
+ { id: 'yesterday', labelKey: 'yesterday', fallbackLabel: 'Ontem', value: 'yesterday', icon: 'keyboard_double_arrow_left' },
47569
+ { id: 'last7', labelKey: 'last7', fallbackLabel: 'Últimos 7 dias', value: 'last7', icon: 'date_range' },
47570
+ { id: 'last30', labelKey: 'last30', fallbackLabel: 'Últimos 30 dias', value: 'last30', icon: 'date_range' },
47571
+ { id: 'thisMonth', labelKey: 'thisMonth', fallbackLabel: 'Este mês', value: 'thisMonth', icon: 'event' },
47572
+ { id: 'lastMonth', labelKey: 'lastMonth', fallbackLabel: 'Mês passado', value: 'lastMonth', icon: 'event' },
47573
+ { id: 'thisQuarter', labelKey: 'thisQuarter', fallbackLabel: 'Este trimestre', value: 'thisQuarter', icon: 'bar_chart' },
47574
+ { id: 'thisYear', labelKey: 'thisYear', fallbackLabel: 'Este ano', value: 'thisYear', icon: 'ads_click' },
47345
47575
  ];
47346
47576
  class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
47347
47577
  readonlyMode = false;
@@ -47384,7 +47614,7 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
47384
47614
  this.parseOptionsSource(matMetadata.relativePeriodPresets) ??
47385
47615
  this.parseOptionsSource(matMetadata.selectOptions) ??
47386
47616
  this.parseOptionsSource(matMetadata.options) ??
47387
- DEFAULT_RELATIVE_PERIOD_OPTIONS;
47617
+ this.defaultRelativePeriodOptions();
47388
47618
  const options = source.map((entry, index) => this.mapRawOption(entry, index));
47389
47619
  super.setSelectMetadata({
47390
47620
  ...matMetadata,
@@ -47819,6 +48049,14 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
47819
48049
  return null;
47820
48050
  }
47821
48051
  }
48052
+ defaultRelativePeriodOptions() {
48053
+ return DEFAULT_RELATIVE_PERIOD_OPTION_DEFS.map((option) => ({
48054
+ id: option.id,
48055
+ label: this.tDynamicFields(`inlineRelativePeriod.defaultOptions.${option.labelKey}`, option.fallbackLabel),
48056
+ value: option.value,
48057
+ icon: option.icon,
48058
+ }));
48059
+ }
47822
48060
  selectedOptions() {
47823
48061
  return this.relativeOptions().filter((option) => option.selected);
47824
48062
  }
@@ -47828,7 +48066,7 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
47828
48066
  return {
47829
48067
  id: String(raw.id ?? raw.key ?? `relative-period-option-${index}`),
47830
48068
  label: String(option.label ?? raw.text ?? raw.name ?? raw.title ?? option.value ?? '').trim() ||
47831
- `Opcao ${index + 1}`,
48069
+ this.fallbackOptionLabel(index),
47832
48070
  subtitle,
47833
48071
  icon: this.resolveOptionIcon(raw),
47834
48072
  value: option.value,
@@ -47848,6 +48086,11 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
47848
48086
  const fallback = String(raw.subtitle ?? raw.description ?? '').trim();
47849
48087
  return fallback;
47850
48088
  }
48089
+ fallbackOptionLabel(index) {
48090
+ return this.tDynamicFields('inlineRelativePeriod.fallbackOptionLabel', 'Opção {{index}}', {
48091
+ index: String(index + 1),
48092
+ });
48093
+ }
47851
48094
  resolveOptionIcon(raw) {
47852
48095
  const md = this.currentMetadata();
47853
48096
  const customKey = this.resolveMetadataKey(md.relativePeriodIconKey, md.optionIconKey);
@@ -48110,7 +48353,7 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
48110
48353
  }
48111
48354
  usesExplicitRelativeOverlay() {
48112
48355
  const mode = String(this.currentMetadata().inlineOverlay?.applyMode || '').toLowerCase();
48113
- return mode === 'explicit' || mode === 'confirm';
48356
+ return mode === 'explicit';
48114
48357
  }
48115
48358
  inlineOverlayAction(name) {
48116
48359
  const action = this.currentMetadata().inlineOverlay?.actions?.[name];
@@ -48177,10 +48420,11 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
48177
48420
  <button
48178
48421
  type="button"
48179
48422
  class="pdx-inline-relative-clear"
48180
- (mousedown)="onTriggerIconMouseDown($event)"
48181
- (click)="onQuickClear($event)"
48182
- [attr.aria-label]="clearActionAriaLabel()"
48183
- >
48423
+ (mousedown)="onTriggerIconMouseDown($event)"
48424
+ (click)="onQuickClear($event)"
48425
+ [attr.aria-label]="clearActionAriaLabel()"
48426
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
48427
+ >
48184
48428
  <mat-icon
48185
48429
  [color]="iconPalette(clearIconColor())"
48186
48430
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -48394,10 +48638,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
48394
48638
  <button
48395
48639
  type="button"
48396
48640
  class="pdx-inline-relative-clear"
48397
- (mousedown)="onTriggerIconMouseDown($event)"
48398
- (click)="onQuickClear($event)"
48399
- [attr.aria-label]="clearActionAriaLabel()"
48400
- >
48641
+ (mousedown)="onTriggerIconMouseDown($event)"
48642
+ (click)="onQuickClear($event)"
48643
+ [attr.aria-label]="clearActionAriaLabel()"
48644
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
48645
+ >
48401
48646
  <mat-icon
48402
48647
  [color]="iconPalette(clearIconColor())"
48403
48648
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -48582,12 +48827,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
48582
48827
  args: ['searchInput', { read: ElementRef }]
48583
48828
  }] } });
48584
48829
 
48585
- const DEFAULT_SENTIMENT_OPTIONS = [
48586
- { id: 'terrible', label: 'Pessimo', value: 'terrible', emoji: '😡', color: '#d32f2f' },
48587
- { id: 'bad', label: 'Ruim', value: 'bad', emoji: '😞', color: '#f59e0b' },
48588
- { id: 'neutral', label: 'Neutro', value: 'neutral', emoji: '😐', color: '#9ca3af' },
48589
- { id: 'good', label: 'Bom', value: 'good', emoji: '🙂', color: '#34d399' },
48590
- { id: 'great', label: 'Otimo', value: 'great', emoji: '🤩', color: '#14b8a6' },
48830
+ const DEFAULT_SENTIMENT_OPTION_DEFS = [
48831
+ { id: 'terrible', labelKey: 'terrible', fallbackLabel: 'Péssimo', value: 'terrible', emoji: '😡', color: '#d32f2f' },
48832
+ { id: 'bad', labelKey: 'bad', fallbackLabel: 'Ruim', value: 'bad', emoji: '😞', color: '#f59e0b' },
48833
+ { id: 'neutral', labelKey: 'neutral', fallbackLabel: 'Neutro', value: 'neutral', emoji: '😐', color: '#9ca3af' },
48834
+ { id: 'good', labelKey: 'good', fallbackLabel: 'Bom', value: 'good', emoji: '🙂', color: '#34d399' },
48835
+ { id: 'great', labelKey: 'great', fallbackLabel: 'Ótimo', value: 'great', emoji: '🤩', color: '#14b8a6' },
48591
48836
  ];
48592
48837
  class InlineSentimentComponent extends SimpleBaseSelectComponent {
48593
48838
  readonlyMode = false;
@@ -48627,7 +48872,7 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
48627
48872
  this.fieldLabelText = this.resolveFieldLabelFromMetadata(matMetadata);
48628
48873
  const source = this.parseOptionsSource(matMetadata.sentimentOptions) ??
48629
48874
  this.parseOptionsSource(matMetadata.options) ??
48630
- DEFAULT_SENTIMENT_OPTIONS;
48875
+ this.defaultSentimentOptions();
48631
48876
  const options = source.map((entry, index) => this.mapRawOption(entry, index));
48632
48877
  super.setSelectMetadata({
48633
48878
  ...matMetadata,
@@ -48986,12 +49231,21 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
48986
49231
  return null;
48987
49232
  }
48988
49233
  }
49234
+ defaultSentimentOptions() {
49235
+ return DEFAULT_SENTIMENT_OPTION_DEFS.map((option) => ({
49236
+ id: option.id,
49237
+ label: this.tDynamicFields(`inlineSentiment.defaultOptions.${option.labelKey}`, option.fallbackLabel),
49238
+ value: option.value,
49239
+ emoji: option.emoji,
49240
+ color: option.color,
49241
+ }));
49242
+ }
48989
49243
  toVisualOption(option, index, totalOptions = 0) {
48990
49244
  const raw = this.asRecord(option) ?? {};
48991
49245
  return {
48992
49246
  id: String(raw.id ?? raw.key ?? `sentiment-option-${index}`),
48993
49247
  label: String(option.label ?? raw.text ?? raw.name ?? raw.title ?? option.value ?? '').trim() ||
48994
- `Opcao ${index + 1}`,
49248
+ this.fallbackOptionLabel(index),
48995
49249
  subtitle: String(raw.subtitle ?? raw.description ?? '').trim(),
48996
49250
  emoji: this.resolveOptionEmoji(raw),
48997
49251
  color: this.resolveOptionColor(raw, index, totalOptions),
@@ -49012,6 +49266,11 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
49012
49266
  const fallback = String(raw.emoji ?? raw.iconText ?? '').trim();
49013
49267
  return fallback || '🙂';
49014
49268
  }
49269
+ fallbackOptionLabel(index) {
49270
+ return this.tDynamicFields('inlineSentiment.fallbackOptionLabel', 'Opção {{index}}', {
49271
+ index: String(index + 1),
49272
+ });
49273
+ }
49015
49274
  resolveOptionColor(raw, index, totalOptions = 0) {
49016
49275
  const md = this.currentMetadata();
49017
49276
  const customKey = this.resolveMetadataKey(md.sentimentColorKey, md.optionColorKey);
@@ -49146,7 +49405,7 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
49146
49405
  fallbackVisualFromValue(value, index) {
49147
49406
  const rawOptions = this.parseOptionsSource(this.currentMetadata().sentimentOptions) ??
49148
49407
  this.parseOptionsSource(this.currentMetadata().options) ??
49149
- DEFAULT_SENTIMENT_OPTIONS;
49408
+ this.defaultSentimentOptions();
49150
49409
  const optionRecord = rawOptions
49151
49410
  .map((entry) => this.asRecord(entry))
49152
49411
  .find((entry) => entry && this.equalsOptionValue(entry.value ?? entry.id ?? entry.key ?? entry.code, value));
@@ -49443,10 +49702,11 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
49443
49702
  <button
49444
49703
  type="button"
49445
49704
  class="pdx-inline-sentiment-clear"
49446
- (mousedown)="onTriggerIconMouseDown($event)"
49447
- (click)="onQuickClear($event)"
49448
- [attr.aria-label]="clearActionAriaLabel()"
49449
- >
49705
+ (mousedown)="onTriggerIconMouseDown($event)"
49706
+ (click)="onQuickClear($event)"
49707
+ [attr.aria-label]="clearActionAriaLabel()"
49708
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
49709
+ >
49450
49710
  <mat-icon
49451
49711
  [color]="iconPalette(clearIconColor())"
49452
49712
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -49653,10 +49913,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
49653
49913
  <button
49654
49914
  type="button"
49655
49915
  class="pdx-inline-sentiment-clear"
49656
- (mousedown)="onTriggerIconMouseDown($event)"
49657
- (click)="onQuickClear($event)"
49658
- [attr.aria-label]="clearActionAriaLabel()"
49659
- >
49916
+ (mousedown)="onTriggerIconMouseDown($event)"
49917
+ (click)="onQuickClear($event)"
49918
+ [attr.aria-label]="clearActionAriaLabel()"
49919
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
49920
+ >
49660
49921
  <mat-icon
49661
49922
  [color]="iconPalette(clearIconColor())"
49662
49923
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -50301,7 +50562,7 @@ class InlineColorLabelComponent extends SimpleBaseSelectComponent {
50301
50562
  return {
50302
50563
  id: String(raw.id ?? raw.key ?? `color-label-option-${index}`),
50303
50564
  label: String(option.label ?? raw.text ?? raw.name ?? raw.title ?? option.value ?? '').trim() ||
50304
- `Opcao ${index + 1}`,
50565
+ this.fallbackOptionLabel(index),
50305
50566
  subtitle: String(raw.subtitle ?? raw.description ?? '').trim(),
50306
50567
  color: this.resolveOptionColor(raw, index),
50307
50568
  value: option.value,
@@ -50329,6 +50590,11 @@ class InlineColorLabelComponent extends SimpleBaseSelectComponent {
50329
50590
  const defaults = ['#ef4444', '#f97316', '#eab308', '#22a45d', '#0ea5e9', '#3f5be6', '#7c3aed', '#db2777'];
50330
50591
  return defaults[index % defaults.length];
50331
50592
  }
50593
+ fallbackOptionLabel(index) {
50594
+ return this.tDynamicFields('inlineColorLabel.fallbackOptionLabel', 'Opção {{index}}', {
50595
+ index: String(index + 1),
50596
+ });
50597
+ }
50332
50598
  parseColorList(source) {
50333
50599
  if (Array.isArray(source)) {
50334
50600
  return source.map((entry) => String(entry ?? '').trim()).filter((entry) => entry.length > 0);
@@ -50656,10 +50922,11 @@ class InlineColorLabelComponent extends SimpleBaseSelectComponent {
50656
50922
  <button
50657
50923
  type="button"
50658
50924
  class="pdx-inline-color-label-clear"
50659
- (mousedown)="onTriggerIconMouseDown($event)"
50660
- (click)="onQuickClear($event)"
50661
- [attr.aria-label]="clearActionAriaLabel()"
50662
- >
50925
+ (mousedown)="onTriggerIconMouseDown($event)"
50926
+ (click)="onQuickClear($event)"
50927
+ [attr.aria-label]="clearActionAriaLabel()"
50928
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
50929
+ >
50663
50930
  <mat-icon
50664
50931
  [color]="iconPalette(clearIconColor())"
50665
50932
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -50870,10 +51137,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
50870
51137
  <button
50871
51138
  type="button"
50872
51139
  class="pdx-inline-color-label-clear"
50873
- (mousedown)="onTriggerIconMouseDown($event)"
50874
- (click)="onQuickClear($event)"
50875
- [attr.aria-label]="clearActionAriaLabel()"
50876
- >
51140
+ (mousedown)="onTriggerIconMouseDown($event)"
51141
+ (click)="onQuickClear($event)"
51142
+ [attr.aria-label]="clearActionAriaLabel()"
51143
+ [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
51144
+ >
50877
51145
  <mat-icon
50878
51146
  [color]="iconPalette(clearIconColor())"
50879
51147
  [style.color]="iconResolvedColor(clearIconColor())"
@@ -59276,14 +59544,14 @@ const PDX_INLINE_RELATIVE_PERIOD_COMPONENT_METADATA = {
59276
59544
  selector: 'pdx-inline-relative-period',
59277
59545
  component: InlineRelativePeriodComponent,
59278
59546
  friendlyName: 'Inline Relative Period',
59279
- description: 'Filtro inline de periodo relativo com presets configuraveis, cards e barra de progresso visual.',
59547
+ description: 'Filtro inline de período relativo com presets configuráveis, cards e barra de progresso visual.',
59280
59548
  icon: 'calendar_today',
59281
59549
  inputs: [
59282
- { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuracao do campo' },
59550
+ { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuração do campo' },
59283
59551
  { name: 'readonlyMode', type: 'boolean', default: false, description: 'Define modo somente leitura' },
59284
59552
  { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilita o campo' },
59285
59553
  { name: 'visible', type: 'boolean', default: true, description: 'Controla a visibilidade' },
59286
- { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentacao' },
59554
+ { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentação' },
59287
59555
  ],
59288
59556
  tags: ['widget', 'field', 'relative-period', 'date', 'filter', 'inline'],
59289
59557
  lib: '@praxisui/dynamic-fields',
@@ -59294,14 +59562,14 @@ const PDX_INLINE_SENTIMENT_COMPONENT_METADATA = {
59294
59562
  selector: 'pdx-inline-sentiment',
59295
59563
  component: InlineSentimentComponent,
59296
59564
  friendlyName: 'Inline Sentiment',
59297
- description: 'Filtro inline de sentimento com barra colorida e cards emoji configuraveis por metadados.',
59565
+ description: 'Filtro inline de sentimento com barra colorida e cards emoji configuráveis por metadados.',
59298
59566
  icon: 'mood',
59299
59567
  inputs: [
59300
- { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuracao do campo' },
59568
+ { name: 'metadata', type: 'MaterialSelectMetadata', description: 'Configuração do campo' },
59301
59569
  { name: 'readonlyMode', type: 'boolean', default: false, description: 'Define modo somente leitura' },
59302
59570
  { name: 'disabledMode', type: 'boolean', default: false, description: 'Desabilita o campo' },
59303
59571
  { name: 'visible', type: 'boolean', default: true, description: 'Controla a visibilidade' },
59304
- { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentacao' },
59572
+ { name: 'presentationMode', type: 'boolean', default: false, description: 'Modo de apresentação' },
59305
59573
  ],
59306
59574
  tags: ['widget', 'field', 'sentiment', 'emoji', 'filter', 'inline'],
59307
59575
  lib: '@praxisui/dynamic-fields',
@@ -62501,8 +62769,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62501
62769
  ],
62502
62770
  previewPresets: [
62503
62771
  {
62504
- id: 'confirm',
62505
- label: 'Confirm',
62772
+ id: 'explicit',
62773
+ label: 'Explicit apply',
62506
62774
  description: 'Keeps multi-selection changes as draft until the shared inlineOverlay Apply action.',
62507
62775
  metadataPatch: {
62508
62776
  inlineOverlay: {
@@ -62635,8 +62903,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62635
62903
  },
62636
62904
  },
62637
62905
  {
62638
- id: 'confirm',
62639
- label: 'Confirm',
62906
+ id: 'explicit',
62907
+ label: 'Explicit apply',
62640
62908
  description: 'Uses the shared inlineOverlay contract to author Apply, Cancel, and Clear actions with theme tokens.',
62641
62909
  metadataPatch: {
62642
62910
  inlineOverlay: {
@@ -62722,8 +62990,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62722
62990
  initialValue: { start: 30, end: 80 },
62723
62991
  },
62724
62992
  {
62725
- id: 'confirm',
62726
- label: 'Confirm',
62993
+ id: 'explicit',
62994
+ label: 'Explicit apply',
62727
62995
  description: 'Keeps slider, inputs, and presets as draft until the explicit Apply action.',
62728
62996
  metadataPatch: {
62729
62997
  inlineOverlay: {
@@ -62759,8 +63027,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62759
63027
  ],
62760
63028
  previewPresets: [
62761
63029
  {
62762
- id: 'confirm',
62763
- label: 'Confirm',
63030
+ id: 'explicit',
63031
+ label: 'Explicit apply',
62764
63032
  description: 'Keeps rating slider, inputs, and presets as draft until the shared inlineOverlay Apply action.',
62765
63033
  metadataPatch: {
62766
63034
  inlineOverlay: {
@@ -62798,8 +63066,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62798
63066
  ],
62799
63067
  previewPresets: [
62800
63068
  {
62801
- id: 'confirm',
62802
- label: 'Confirm',
63069
+ id: 'explicit',
63070
+ label: 'Explicit apply',
62803
63071
  description: 'Keeps distance slider and presets as draft until the shared inlineOverlay Apply action.',
62804
63072
  metadataPatch: {
62805
63073
  inlineOverlay: {
@@ -62838,8 +63106,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62838
63106
  ],
62839
63107
  previewPresets: [
62840
63108
  {
62841
- id: 'confirm',
62842
- label: 'Confirm',
63109
+ id: 'explicit',
63110
+ label: 'Explicit apply',
62843
63111
  description: 'Keeps score slider and band chips as draft until the shared inlineOverlay Apply action.',
62844
63112
  metadataPatch: {
62845
63113
  inlineOverlay: {
@@ -62875,8 +63143,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62875
63143
  ],
62876
63144
  previewPresets: [
62877
63145
  {
62878
- id: 'confirm',
62879
- label: 'Confirm',
63146
+ id: 'explicit',
63147
+ label: 'Explicit apply',
62880
63148
  description: 'Keeps calendar changes as draft until the shared inlineOverlay Apply action.',
62881
63149
  metadataPatch: {
62882
63150
  inlineOverlay: {
@@ -62911,8 +63179,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62911
63179
  ],
62912
63180
  previewPresets: [
62913
63181
  {
62914
- id: 'confirm',
62915
- label: 'Confirm',
63182
+ id: 'explicit',
63183
+ label: 'Explicit apply',
62916
63184
  description: 'Keeps date presets and calendar changes as draft until the shared inlineOverlay Apply action.',
62917
63185
  metadataPatch: {
62918
63186
  inlineOverlay: {
@@ -62968,8 +63236,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
62968
63236
  ],
62969
63237
  previewPresets: [
62970
63238
  {
62971
- id: 'confirm',
62972
- label: 'Confirm',
63239
+ id: 'explicit',
63240
+ label: 'Explicit apply',
62973
63241
  description: 'Keeps time slider, inputs, and presets as draft until the shared inlineOverlay Apply action.',
62974
63242
  metadataPatch: {
62975
63243
  inlineOverlay: {
@@ -63052,8 +63320,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
63052
63320
  initialValue: ['QUALIFIED', 'INVESTIGATING', 'APPROVED'],
63053
63321
  },
63054
63322
  {
63055
- id: 'confirm',
63056
- label: 'Confirm',
63323
+ id: 'explicit',
63324
+ label: 'Explicit apply',
63057
63325
  description: 'Keeps pipeline card changes as draft until the shared inlineOverlay Apply action.',
63058
63326
  metadataPatch: {
63059
63327
  inlineOverlay: {
@@ -63100,8 +63368,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
63100
63368
  ],
63101
63369
  previewPresets: [
63102
63370
  {
63103
- id: 'confirm',
63104
- label: 'Confirm',
63371
+ id: 'explicit',
63372
+ label: 'Explicit apply',
63105
63373
  description: 'Keeps relative-period preset changes as draft until the shared inlineOverlay Apply action.',
63106
63374
  metadataPatch: {
63107
63375
  inlineOverlay: {
@@ -63139,8 +63407,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
63139
63407
  ],
63140
63408
  previewPresets: [
63141
63409
  {
63142
- id: 'confirm',
63143
- label: 'Confirm',
63410
+ id: 'explicit',
63411
+ label: 'Explicit apply',
63144
63412
  description: 'Keeps sentiment cards as draft until the shared inlineOverlay Apply action.',
63145
63413
  metadataPatch: {
63146
63414
  inlineOverlay: {
@@ -63212,8 +63480,8 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
63212
63480
  initialValue: ['stable', 'info'],
63213
63481
  },
63214
63482
  {
63215
- id: 'confirm',
63216
- label: 'Confirm',
63483
+ id: 'explicit',
63484
+ label: 'Explicit apply',
63217
63485
  description: 'Keeps color-label selection as draft until the shared inlineOverlay Apply action.',
63218
63486
  metadataPatch: {
63219
63487
  inlineOverlay: {