@praxisui/dynamic-fields 9.0.14 → 9.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ai/component-registry.json +2352 -90
- package/docs/dynamic-fields-inline-components-guide.md +19 -9
- package/docs/dynamic-fields-inline-filter-catalog.md +12 -1
- package/docs/dynamic-fields-inline-filter-runtime-contract.md +12 -0
- package/fesm2022/praxisui-dynamic-fields.mjs +147 -115
- package/package.json +3 -3
- package/src/lib/components/inline-entity-lookup/pdx-inline-entity-lookup.json-api.md +3 -1
- package/types/praxisui-dynamic-fields.d.ts +3 -2
|
@@ -462,7 +462,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
|
|
|
462
462
|
'praxis.dynamicFields.select.searchStrategyDocumentFormat': 'Use only numbers, spaces, periods, or hyphens.',
|
|
463
463
|
'praxis.dynamicFields.select.searchStrategyMinimum': 'Enter at least {{minimum}} characters.',
|
|
464
464
|
'praxis.dynamicFields.entityLookup.dialog.context.filtered': 'Use quick search and active filters to reach the right entity.',
|
|
465
|
-
'praxis.dynamicFields.entityLookup.dialog.currentSelection': 'Current selection: {value}',
|
|
465
|
+
'praxis.dynamicFields.entityLookup.dialog.currentSelection': 'Current selection: {{value}}',
|
|
466
466
|
'praxis.dynamicFields.entityLookup.dialog.filters.show': 'Show filters',
|
|
467
467
|
'praxis.dynamicFields.entityLookup.dialog.filters.hide': 'Hide filters',
|
|
468
468
|
'praxis.dynamicFields.entityLookup.dialog.filters.ariaLabel': 'Entity search filters',
|
|
@@ -474,9 +474,9 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
|
|
|
474
474
|
'praxis.dynamicFields.entityLookup.dialog.filters.placeholder.between': 'Use start value, end value',
|
|
475
475
|
'praxis.dynamicFields.entityLookup.dialog.filters.placeholder.date': 'YYYY-MM-DD',
|
|
476
476
|
'praxis.dynamicFields.entityLookup.dialog.filters.placeholder.default': 'Enter a value',
|
|
477
|
-
'praxis.dynamicFields.entityLookup.dialog.filters.selectEmpty': 'Select {label}',
|
|
478
|
-
'praxis.dynamicFields.entityLookup.dialog.filters.startAriaLabel': '{label} start',
|
|
479
|
-
'praxis.dynamicFields.entityLookup.dialog.filters.endAriaLabel': '{label} end',
|
|
477
|
+
'praxis.dynamicFields.entityLookup.dialog.filters.selectEmpty': 'Select {{label}}',
|
|
478
|
+
'praxis.dynamicFields.entityLookup.dialog.filters.startAriaLabel': '{{label}} start',
|
|
479
|
+
'praxis.dynamicFields.entityLookup.dialog.filters.endAriaLabel': '{{label}} end',
|
|
480
480
|
'praxis.dynamicFields.entityLookup.dialog.filters.operator.contains': 'Operator: contains',
|
|
481
481
|
'praxis.dynamicFields.entityLookup.dialog.filters.operator.startsWith': 'Operator: starts with',
|
|
482
482
|
'praxis.dynamicFields.entityLookup.dialog.filters.operator.equals': 'Operator: equals',
|
|
@@ -493,15 +493,15 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
|
|
|
493
493
|
'praxis.dynamicFields.entityLookup.dialog.preview.legacy': 'Legacy value',
|
|
494
494
|
'praxis.dynamicFields.entityLookup.dialog.preview.blocked': 'Blocked',
|
|
495
495
|
'praxis.dynamicFields.entityLookup.dialog.preview.selectable': 'Selectable',
|
|
496
|
-
'praxis.dynamicFields.entityLookup.selectionLimitReached': 'Selection limit of {max} reached.',
|
|
497
|
-
'praxis.dynamicFields.entityLookup.action.removeSelection': 'Remove {label}',
|
|
496
|
+
'praxis.dynamicFields.entityLookup.selectionLimitReached': 'Selection limit of {{max}} reached.',
|
|
497
|
+
'praxis.dynamicFields.entityLookup.action.removeSelection': 'Remove {{label}}',
|
|
498
498
|
'praxis.dynamicFields.entityLookup.noResults': 'No entity matched the current filters.',
|
|
499
499
|
'praxis.dynamicFields.entityLookup.unmetDependencies': 'Fill the dependent fields before searching.',
|
|
500
|
-
'praxis.dynamicFields.entityLookup.unmetDependencies.withFields': 'Select {fields} before searching.',
|
|
500
|
+
'praxis.dynamicFields.entityLookup.unmetDependencies.withFields': 'Select {{fields}} before searching.',
|
|
501
501
|
'praxis.dynamicFields.entityLookup.empty.support.dependency': 'Select the upstream context to unlock this lookup.',
|
|
502
502
|
'praxis.dynamicFields.entityLookup.empty.support.dialog': 'Open advanced search to find the entity.',
|
|
503
503
|
'praxis.dynamicFields.entityLookup.empty.support.search': 'Type to search by name, code, or document.',
|
|
504
|
-
'praxis.dynamicFields.entityLookup.empty.context.dependencies': 'Depends on: {fields}',
|
|
504
|
+
'praxis.dynamicFields.entityLookup.empty.context.dependencies': 'Depends on: {{fields}}',
|
|
505
505
|
'praxis.dynamicFields.entityLookup.empty.context.scoped': 'Contextual search is applied to the current flow.',
|
|
506
506
|
'praxis.dynamicFields.entityLookup.empty.context.entity': 'Select a real domain entity.',
|
|
507
507
|
'praxis.dynamicFields.entityLookup.readonly': 'Read-only',
|
|
@@ -901,7 +901,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
|
|
|
901
901
|
'praxis.dynamicFields.select.searchStrategyDocumentFormat': 'Use apenas números, espaços, pontos ou hífens.',
|
|
902
902
|
'praxis.dynamicFields.select.searchStrategyMinimum': 'Digite pelo menos {{minimum}} caracteres.',
|
|
903
903
|
'praxis.dynamicFields.entityLookup.dialog.context.filtered': 'Use a busca rápida e os filtros ativos para chegar à entidade correta.',
|
|
904
|
-
'praxis.dynamicFields.entityLookup.dialog.currentSelection': 'Seleção atual: {value}',
|
|
904
|
+
'praxis.dynamicFields.entityLookup.dialog.currentSelection': 'Seleção atual: {{value}}',
|
|
905
905
|
'praxis.dynamicFields.entityLookup.dialog.filters.show': 'Mostrar filtros',
|
|
906
906
|
'praxis.dynamicFields.entityLookup.dialog.filters.hide': 'Ocultar filtros',
|
|
907
907
|
'praxis.dynamicFields.entityLookup.dialog.filters.ariaLabel': 'Filtros da busca de entidades',
|
|
@@ -913,9 +913,9 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
|
|
|
913
913
|
'praxis.dynamicFields.entityLookup.dialog.filters.placeholder.between': 'Use valor inicial, valor final',
|
|
914
914
|
'praxis.dynamicFields.entityLookup.dialog.filters.placeholder.date': 'AAAA-MM-DD',
|
|
915
915
|
'praxis.dynamicFields.entityLookup.dialog.filters.placeholder.default': 'Digite um valor',
|
|
916
|
-
'praxis.dynamicFields.entityLookup.dialog.filters.selectEmpty': 'Selecione {label}',
|
|
917
|
-
'praxis.dynamicFields.entityLookup.dialog.filters.startAriaLabel': '{label} inicial',
|
|
918
|
-
'praxis.dynamicFields.entityLookup.dialog.filters.endAriaLabel': '{label} final',
|
|
916
|
+
'praxis.dynamicFields.entityLookup.dialog.filters.selectEmpty': 'Selecione {{label}}',
|
|
917
|
+
'praxis.dynamicFields.entityLookup.dialog.filters.startAriaLabel': '{{label}} inicial',
|
|
918
|
+
'praxis.dynamicFields.entityLookup.dialog.filters.endAriaLabel': '{{label}} final',
|
|
919
919
|
'praxis.dynamicFields.entityLookup.dialog.filters.operator.contains': 'Operador: contém',
|
|
920
920
|
'praxis.dynamicFields.entityLookup.dialog.filters.operator.startsWith': 'Operador: começa com',
|
|
921
921
|
'praxis.dynamicFields.entityLookup.dialog.filters.operator.equals': 'Operador: igual a',
|
|
@@ -932,15 +932,15 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
|
|
|
932
932
|
'praxis.dynamicFields.entityLookup.dialog.preview.legacy': 'Valor legado',
|
|
933
933
|
'praxis.dynamicFields.entityLookup.dialog.preview.blocked': 'Bloqueado',
|
|
934
934
|
'praxis.dynamicFields.entityLookup.dialog.preview.selectable': 'Selecionável',
|
|
935
|
-
'praxis.dynamicFields.entityLookup.selectionLimitReached': 'Limite de {max} seleções atingido.',
|
|
936
|
-
'praxis.dynamicFields.entityLookup.action.removeSelection': 'Remover {label}',
|
|
935
|
+
'praxis.dynamicFields.entityLookup.selectionLimitReached': 'Limite de {{max}} seleções atingido.',
|
|
936
|
+
'praxis.dynamicFields.entityLookup.action.removeSelection': 'Remover {{label}}',
|
|
937
937
|
'praxis.dynamicFields.entityLookup.noResults': 'Nenhuma entidade encontrada para os filtros atuais.',
|
|
938
938
|
'praxis.dynamicFields.entityLookup.unmetDependencies': 'Preencha os campos dependentes antes de buscar.',
|
|
939
|
-
'praxis.dynamicFields.entityLookup.unmetDependencies.withFields': 'Selecione {fields} antes de buscar.',
|
|
939
|
+
'praxis.dynamicFields.entityLookup.unmetDependencies.withFields': 'Selecione {{fields}} antes de buscar.',
|
|
940
940
|
'praxis.dynamicFields.entityLookup.empty.support.dependency': 'Selecione o contexto anterior para liberar esta busca.',
|
|
941
941
|
'praxis.dynamicFields.entityLookup.empty.support.dialog': 'Abra a busca avançada para localizar a entidade.',
|
|
942
942
|
'praxis.dynamicFields.entityLookup.empty.support.search': 'Digite para buscar por nome, código ou documento.',
|
|
943
|
-
'praxis.dynamicFields.entityLookup.empty.context.dependencies': 'Depende de: {fields}',
|
|
943
|
+
'praxis.dynamicFields.entityLookup.empty.context.dependencies': 'Depende de: {{fields}}',
|
|
944
944
|
'praxis.dynamicFields.entityLookup.empty.context.scoped': 'Busca contextual aplicada ao fluxo atual.',
|
|
945
945
|
'praxis.dynamicFields.entityLookup.empty.context.entity': 'Selecione uma entidade real do domínio.',
|
|
946
946
|
'praxis.dynamicFields.entityLookup.readonly': 'Somente leitura',
|
|
@@ -15078,6 +15078,11 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
15078
15078
|
? this.fullFieldSelectPanelClasses
|
|
15079
15079
|
: this.inlineSelectPanelClasses;
|
|
15080
15080
|
}
|
|
15081
|
+
selectPanelWidth() {
|
|
15082
|
+
return this.fullFieldLayout()
|
|
15083
|
+
? 'auto'
|
|
15084
|
+
: 'min(420px, calc(100vw - 24px))';
|
|
15085
|
+
}
|
|
15081
15086
|
hasSelection() {
|
|
15082
15087
|
return this.selectedCount() > 0;
|
|
15083
15088
|
}
|
|
@@ -15180,7 +15185,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
15180
15185
|
emptyTriggerContextText() {
|
|
15181
15186
|
const dependencyLabels = this.missingDependencyLabels();
|
|
15182
15187
|
if (dependencyLabels.length) {
|
|
15183
|
-
return this.
|
|
15188
|
+
return this.tDynamicFields('entityLookup.empty.context.dependencies', 'Depende de: {{fields}}', { fields: dependencyLabels.join(', ') });
|
|
15184
15189
|
}
|
|
15185
15190
|
if (this.lookupDependencyLabels().length) {
|
|
15186
15191
|
return this.tDynamicFields('entityLookup.empty.context.scoped', 'Busca contextual aplicada ao fluxo atual.');
|
|
@@ -15252,7 +15257,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
15252
15257
|
return this.multiple() && !this.interactionDisabled();
|
|
15253
15258
|
}
|
|
15254
15259
|
selectedTokenRemoveAriaLabel(text) {
|
|
15255
|
-
return this.tDynamicFields('entityLookup.action.removeSelection', 'Remover {label}', {
|
|
15260
|
+
return this.tDynamicFields('entityLookup.action.removeSelection', 'Remover {{label}}', {
|
|
15256
15261
|
label: text,
|
|
15257
15262
|
});
|
|
15258
15263
|
}
|
|
@@ -15373,7 +15378,20 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
15373
15378
|
if (this.selectedCompactLayout()) {
|
|
15374
15379
|
return false;
|
|
15375
15380
|
}
|
|
15376
|
-
|
|
15381
|
+
const configured = this.currentMetadata().actions?.showChange;
|
|
15382
|
+
if (!this.fullFieldLayout() && configured === undefined) {
|
|
15383
|
+
return false;
|
|
15384
|
+
}
|
|
15385
|
+
return configured !== false;
|
|
15386
|
+
}
|
|
15387
|
+
hasExternalSelectionActions(item) {
|
|
15388
|
+
return (this.showDetailAction(item) ||
|
|
15389
|
+
this.showChangeAction() ||
|
|
15390
|
+
this.showCopyCodeAction(item) ||
|
|
15391
|
+
(this.multiple() &&
|
|
15392
|
+
this.showSelectedTokenRemove() &&
|
|
15393
|
+
this.visibleSelectedLookupTokens().length > 0) ||
|
|
15394
|
+
this.showQuickClear());
|
|
15377
15395
|
}
|
|
15378
15396
|
showCopyCodeAction(item) {
|
|
15379
15397
|
const actions = this.currentMetadata().actions;
|
|
@@ -15426,8 +15444,8 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
15426
15444
|
}
|
|
15427
15445
|
selectionLimitReachedText(maxSelections) {
|
|
15428
15446
|
const max = Number(maxSelections ?? 0);
|
|
15429
|
-
const template = this.tDynamicFields('entityLookup.selectionLimitReached', 'Limite de {max} seleções atingido.', { max: Number.isFinite(max) && max > 0 ? max : 0 });
|
|
15430
|
-
return template
|
|
15447
|
+
const template = this.tDynamicFields('entityLookup.selectionLimitReached', 'Limite de {{max}} seleções atingido.', { max: Number.isFinite(max) && max > 0 ? max : 0 });
|
|
15448
|
+
return template;
|
|
15431
15449
|
}
|
|
15432
15450
|
onDetailAction(event, item) {
|
|
15433
15451
|
event.preventDefault();
|
|
@@ -15776,7 +15794,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
15776
15794
|
dependencyStateLabel() {
|
|
15777
15795
|
const dependencyLabels = this.missingDependencyLabels();
|
|
15778
15796
|
if (dependencyLabels.length) {
|
|
15779
|
-
return this.
|
|
15797
|
+
return this.tDynamicFields('entityLookup.unmetDependencies.withFields', 'Selecione {{fields}} antes de buscar.', { fields: dependencyLabels.join(', ') });
|
|
15780
15798
|
}
|
|
15781
15799
|
return this.tDynamicFields('entityLookup.unmetDependencies', 'Preencha os campos dependentes antes de buscar.');
|
|
15782
15800
|
}
|
|
@@ -15901,7 +15919,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
15901
15919
|
return (custom || this.tDynamicFields('entityLookup.dialog.apply', 'Selecionar'));
|
|
15902
15920
|
}
|
|
15903
15921
|
dialogCurrentSelectionText(value) {
|
|
15904
|
-
return this.tDynamicFields('entityLookup.dialog.currentSelection', 'Seleção atual: {value}', { value });
|
|
15922
|
+
return this.tDynamicFields('entityLookup.dialog.currentSelection', 'Seleção atual: {{value}}', { value });
|
|
15905
15923
|
}
|
|
15906
15924
|
dialogFilterPanelToggleText(open) {
|
|
15907
15925
|
return open
|
|
@@ -15930,13 +15948,13 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
15930
15948
|
return this.tDynamicFields('entityLookup.dialog.filters.clear', 'Limpar filtros');
|
|
15931
15949
|
}
|
|
15932
15950
|
dialogFilterSelectEmptyText(label) {
|
|
15933
|
-
return this.tDynamicFields('entityLookup.dialog.filters.selectEmpty', 'Selecione {label}', { label: label.toLowerCase() });
|
|
15951
|
+
return this.tDynamicFields('entityLookup.dialog.filters.selectEmpty', 'Selecione {{label}}', { label: label.toLowerCase() });
|
|
15934
15952
|
}
|
|
15935
15953
|
dialogFilterStartAriaLabelText(label) {
|
|
15936
|
-
return this.tDynamicFields('entityLookup.dialog.filters.startAriaLabel', '{label} inicial', { label });
|
|
15954
|
+
return this.tDynamicFields('entityLookup.dialog.filters.startAriaLabel', '{{label}} inicial', { label });
|
|
15937
15955
|
}
|
|
15938
15956
|
dialogFilterEndAriaLabelText(label) {
|
|
15939
|
-
return this.tDynamicFields('entityLookup.dialog.filters.endAriaLabel', '{label} final', { label });
|
|
15957
|
+
return this.tDynamicFields('entityLookup.dialog.filters.endAriaLabel', '{{label}} final', { label });
|
|
15940
15958
|
}
|
|
15941
15959
|
dialogPreviewSelectionStateLabelText() {
|
|
15942
15960
|
return this.tDynamicFields('entityLookup.dialog.preview.selectionState', 'Estado');
|
|
@@ -16130,9 +16148,6 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
16130
16148
|
.replace(/[._-]+/g, ' ')
|
|
16131
16149
|
.trim();
|
|
16132
16150
|
}
|
|
16133
|
-
interpolateLookupText(template, values) {
|
|
16134
|
-
return Object.entries(values).reduce((resolved, [key, value]) => resolved.split(`{${key}}`).join(value), template);
|
|
16135
|
-
}
|
|
16136
16151
|
lookupDependencyLabels() {
|
|
16137
16152
|
const dependsOn = this.optionSource()?.dependsOn ?? [];
|
|
16138
16153
|
return dependsOn
|
|
@@ -16990,7 +17005,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
16990
17005
|
return { min, max };
|
|
16991
17006
|
}
|
|
16992
17007
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineEntityLookupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
16993
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: InlineEntityLookupComponent, isStandalone: true, selector: "pdx-inline-entity-lookup", inputs: { initialMetadata: "initialMetadata" }, host: { listeners: { "click": "onLookupHostClick($event)", "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.pdx-entity-lookup-host-block": "fullFieldLayout()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? (fullFieldLayout() ? \"block\" : \"inline-
|
|
17008
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: InlineEntityLookupComponent, isStandalone: true, selector: "pdx-inline-entity-lookup", inputs: { initialMetadata: "initialMetadata" }, host: { listeners: { "click": "onLookupHostClick($event)", "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.pdx-entity-lookup-host-block": "fullFieldLayout()", "class.pdx-entity-lookup-host-inline": "!fullFieldLayout()", "class.pdx-entity-lookup-host-selected": "hasSelection()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? (fullFieldLayout() ? \"block\" : \"inline-flex\") : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "fullFieldLayout() ? \"100%\" : \"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "fullFieldLayout() ? \"entityLookup\" : \"inlineEntityLookup\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
16994
17009
|
GenericCrudService,
|
|
16995
17010
|
{
|
|
16996
17011
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -17019,6 +17034,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
17019
17034
|
<mat-select
|
|
17020
17035
|
class="pdx-inline-entity-lookup-control"
|
|
17021
17036
|
[panelClass]="selectPanelClasses()"
|
|
17037
|
+
[panelWidth]="selectPanelWidth()"
|
|
17022
17038
|
[placeholder]="placeholderText()"
|
|
17023
17039
|
[errorStateMatcher]="errorStateMatcher()"
|
|
17024
17040
|
[formControl]="control()"
|
|
@@ -17448,9 +17464,9 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
17448
17464
|
}
|
|
17449
17465
|
</mat-form-field>
|
|
17450
17466
|
|
|
17451
|
-
@if (
|
|
17452
|
-
|
|
17453
|
-
|
|
17467
|
+
@if (selectedLookupView(); as selected) {
|
|
17468
|
+
@if (hasExternalSelectionActions(selected)) {
|
|
17469
|
+
<span class="pdx-lookup-external-actions" role="group" [attr.aria-label]="panelActionsAriaLabel()">
|
|
17454
17470
|
@if (showDetailAction(selected)) {
|
|
17455
17471
|
<button type="button" class="pdx-lookup-icon-action"
|
|
17456
17472
|
(click)="onDetailAction($event, selected)" [attr.aria-label]="detailActionText()"
|
|
@@ -17472,26 +17488,26 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
17472
17488
|
<mat-icon aria-hidden="true">content_copy</mat-icon>
|
|
17473
17489
|
</button>
|
|
17474
17490
|
}
|
|
17475
|
-
|
|
17476
|
-
|
|
17477
|
-
|
|
17478
|
-
|
|
17479
|
-
|
|
17480
|
-
|
|
17491
|
+
@if (multiple() && showSelectedTokenRemove()) {
|
|
17492
|
+
@for (token of visibleSelectedLookupTokens(); track trackSelectedLookupToken($index, token)) {
|
|
17493
|
+
<button type="button" class="pdx-lookup-token-remove-action"
|
|
17494
|
+
(click)="onRemoveSelectedToken($event, token.identity)"
|
|
17495
|
+
[attr.aria-label]="selectedTokenRemoveAriaLabel(token.text)">
|
|
17496
|
+
<mat-icon aria-hidden="true">close</mat-icon>
|
|
17497
|
+
</button>
|
|
17498
|
+
}
|
|
17499
|
+
}
|
|
17500
|
+
@if (showQuickClear()) {
|
|
17501
|
+
<button type="button" class="pdx-lookup-icon-action is-clear"
|
|
17502
|
+
(click)="onQuickClear($event)" [attr.aria-label]="clearActionText()"
|
|
17503
|
+
[matTooltip]="clearActionText()">
|
|
17481
17504
|
<mat-icon aria-hidden="true">close</mat-icon>
|
|
17482
17505
|
</button>
|
|
17483
17506
|
}
|
|
17484
|
-
|
|
17485
|
-
|
|
17486
|
-
<button type="button" class="pdx-lookup-icon-action is-danger"
|
|
17487
|
-
(click)="onQuickClear($event)" [attr.aria-label]="clearActionText()"
|
|
17488
|
-
[matTooltip]="clearActionText()">
|
|
17489
|
-
<mat-icon aria-hidden="true">close</mat-icon>
|
|
17490
|
-
</button>
|
|
17491
|
-
}
|
|
17492
|
-
</span>
|
|
17507
|
+
</span>
|
|
17508
|
+
}
|
|
17493
17509
|
}
|
|
17494
|
-
`, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;max-width:100%;box-sizing:border-box}.pdx-lookup-external-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.pdx-lookup-token-remove-action{display:inline-grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.pdx-lookup-token-remove-action:focus-visible,.pdx-lookup-external-actions .pdx-lookup-icon-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}:host(.pdx-entity-lookup-host-block){display:block;width:100%;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;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-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-entity-lookup-dialog-action{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;flex:0 0 36px;border:0;border-radius:50%;background:transparent;color:var(--md-sys-color-primary);cursor:pointer}.pdx-entity-lookup-dialog-action:hover{background:var(--md-sys-color-primary-container)}.pdx-entity-lookup-dialog-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-rich-field.is-info{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-lookup-rich-field.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-rich-field.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:var(--pdx-entity-lookup-avatar-size, 44px);height:var(--pdx-entity-lookup-avatar-size, 44px);min-width:var(--pdx-entity-lookup-avatar-size, 44px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);background:var( --pdx-entity-lookup-avatar-surface, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent) );color:var( --pdx-entity-lookup-avatar-text, var(--md-sys-color-primary) );font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:var(--pdx-entity-lookup-avatar-large-size, 54px);height:var(--pdx-entity-lookup-avatar-large-size, 54px);min-width:var(--pdx-entity-lookup-avatar-large-size, 54px);margin:var(--pdx-entity-lookup-avatar-large-margin, 14px 0 0 14px)}.pdx-lookup-avatar-compact{width:var(--pdx-entity-lookup-avatar-compact-size, 32px);height:var(--pdx-entity-lookup-avatar-compact-size, 32px);min-width:var(--pdx-entity-lookup-avatar-compact-size, 32px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:var(--pdx-entity-lookup-selected-compact-padding, 6px 0);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:4px;min-width:max-content;margin-inline-start:2px;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:32px;height:32px;min-width:32px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}.pdx-lookup-icon-action.is-danger:hover{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-badge.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-warning-outline, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 42%, transparent ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-selected-note.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-danger-outline, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 34%, transparent ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 36px;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px;min-width:0;max-width:100%;gap:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;flex:0 0 42px;min-width:42px;padding:0 6px 0 0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__trailing{border-color:var(--md-sys-color-outline)}:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__trailing{border-color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{border-top-color:transparent!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-width:0;max-width:100%;min-height:56px;padding:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-trigger{padding-inline-start:var( --pdx-entity-lookup-selected-compact-inline-start, 14px );max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-actions{opacity:1}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;align-self:stretch;align-items:center;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);min-height:56px;margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant))!important;background:var( --pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest) )!important;color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:min(420px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );opacity:.9}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:4px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{display:-webkit-box;overflow:hidden;font-size:.98rem;line-height:1.22;font-weight:760;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: MatFormFieldModule }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
17510
|
+
`, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host(.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected){gap:0;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary)}.pdx-lookup-external-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;min-height:42px;padding-inline-end:5px;border-radius:0 999px 999px 0}:host(.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected) .pdx-lookup-external-actions{padding-inline-start:4px;border-inline-start:1px solid color-mix(in srgb,currentColor 24%,transparent);color:inherit}.pdx-lookup-token-remove-action{display:inline-grid;width:36px;height:36px;min-width:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.pdx-lookup-token-remove-action:focus-visible,.pdx-lookup-external-actions .pdx-lookup-icon-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}:host(.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected) .pdx-lookup-external-actions :where(.pdx-lookup-token-remove-action,.pdx-lookup-icon-action):focus-visible{outline-color:var(--md-sys-color-on-primary)}:host(.pdx-entity-lookup-host-block){display:block;width:100%;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;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-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-entity-lookup-dialog-action{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;flex:0 0 36px;border:0;border-radius:50%;background:transparent;color:var(--md-sys-color-primary);cursor:pointer}.pdx-entity-lookup-dialog-action:hover{background:var(--md-sys-color-primary-container)}.pdx-entity-lookup-dialog-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-rich-field.is-info{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-lookup-rich-field.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-rich-field.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:var(--pdx-entity-lookup-avatar-size, 44px);height:var(--pdx-entity-lookup-avatar-size, 44px);min-width:var(--pdx-entity-lookup-avatar-size, 44px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);background:var( --pdx-entity-lookup-avatar-surface, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent) );color:var( --pdx-entity-lookup-avatar-text, var(--md-sys-color-primary) );font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:var(--pdx-entity-lookup-avatar-large-size, 54px);height:var(--pdx-entity-lookup-avatar-large-size, 54px);min-width:var(--pdx-entity-lookup-avatar-large-size, 54px);margin:var(--pdx-entity-lookup-avatar-large-margin, 14px 0 0 14px)}.pdx-lookup-avatar-compact{width:var(--pdx-entity-lookup-avatar-compact-size, 32px);height:var(--pdx-entity-lookup-avatar-compact-size, 32px);min-width:var(--pdx-entity-lookup-avatar-compact-size, 32px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:var(--pdx-entity-lookup-selected-compact-padding, 6px 0);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:4px;min-width:max-content;margin-inline-start:2px;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}:host(.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected) .pdx-lookup-icon-action{color:inherit}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}:host(.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected) .pdx-lookup-icon-action:hover{background:color-mix(in srgb,currentColor 14%,transparent);color:inherit}.pdx-lookup-icon-action.is-danger:hover{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}@media(max-width:768px){:host{--pdx-inline-entity-lookup-suffix-width: 50px}.pdx-entity-lookup-dialog-action,.pdx-lookup-token-remove-action,.pdx-lookup-icon-action{width:44px;height:44px;min-width:44px}}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-badge.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-warning-outline, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 42%, transparent ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-selected-note.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-danger-outline, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 34%, transparent ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 36px;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px;min-width:0;max-width:100%;gap:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;flex:0 0 var(--pdx-inline-entity-lookup-suffix-width, 42px);min-width:var(--pdx-inline-entity-lookup-suffix-width, 42px);padding:0 6px 0 0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__trailing{border-color:var(--md-sys-color-outline)}:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__trailing{border-color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{border-top-color:transparent!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-width:0;max-width:100%;min-height:56px;padding:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-trigger{padding-inline-start:var( --pdx-entity-lookup-selected-compact-inline-start, 14px );max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-actions{opacity:1}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;align-self:stretch;align-items:center;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);min-height:56px;margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant))!important;background:var( --pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest) )!important;color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );opacity:.9}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:4px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{display:-webkit-box;overflow:hidden;font-size:.98rem;line-height:1.22;font-weight:760;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: MatFormFieldModule }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
17495
17511
|
}
|
|
17496
17512
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineEntityLookupComponent, decorators: [{
|
|
17497
17513
|
type: Component,
|
|
@@ -17526,6 +17542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
17526
17542
|
<mat-select
|
|
17527
17543
|
class="pdx-inline-entity-lookup-control"
|
|
17528
17544
|
[panelClass]="selectPanelClasses()"
|
|
17545
|
+
[panelWidth]="selectPanelWidth()"
|
|
17529
17546
|
[placeholder]="placeholderText()"
|
|
17530
17547
|
[errorStateMatcher]="errorStateMatcher()"
|
|
17531
17548
|
[formControl]="control()"
|
|
@@ -17955,9 +17972,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
17955
17972
|
}
|
|
17956
17973
|
</mat-form-field>
|
|
17957
17974
|
|
|
17958
|
-
@if (
|
|
17959
|
-
|
|
17960
|
-
|
|
17975
|
+
@if (selectedLookupView(); as selected) {
|
|
17976
|
+
@if (hasExternalSelectionActions(selected)) {
|
|
17977
|
+
<span class="pdx-lookup-external-actions" role="group" [attr.aria-label]="panelActionsAriaLabel()">
|
|
17961
17978
|
@if (showDetailAction(selected)) {
|
|
17962
17979
|
<button type="button" class="pdx-lookup-icon-action"
|
|
17963
17980
|
(click)="onDetailAction($event, selected)" [attr.aria-label]="detailActionText()"
|
|
@@ -17979,24 +17996,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
17979
17996
|
<mat-icon aria-hidden="true">content_copy</mat-icon>
|
|
17980
17997
|
</button>
|
|
17981
17998
|
}
|
|
17982
|
-
|
|
17983
|
-
|
|
17984
|
-
|
|
17985
|
-
|
|
17986
|
-
|
|
17987
|
-
|
|
17999
|
+
@if (multiple() && showSelectedTokenRemove()) {
|
|
18000
|
+
@for (token of visibleSelectedLookupTokens(); track trackSelectedLookupToken($index, token)) {
|
|
18001
|
+
<button type="button" class="pdx-lookup-token-remove-action"
|
|
18002
|
+
(click)="onRemoveSelectedToken($event, token.identity)"
|
|
18003
|
+
[attr.aria-label]="selectedTokenRemoveAriaLabel(token.text)">
|
|
18004
|
+
<mat-icon aria-hidden="true">close</mat-icon>
|
|
18005
|
+
</button>
|
|
18006
|
+
}
|
|
18007
|
+
}
|
|
18008
|
+
@if (showQuickClear()) {
|
|
18009
|
+
<button type="button" class="pdx-lookup-icon-action is-clear"
|
|
18010
|
+
(click)="onQuickClear($event)" [attr.aria-label]="clearActionText()"
|
|
18011
|
+
[matTooltip]="clearActionText()">
|
|
17988
18012
|
<mat-icon aria-hidden="true">close</mat-icon>
|
|
17989
18013
|
</button>
|
|
17990
18014
|
}
|
|
17991
|
-
|
|
17992
|
-
|
|
17993
|
-
<button type="button" class="pdx-lookup-icon-action is-danger"
|
|
17994
|
-
(click)="onQuickClear($event)" [attr.aria-label]="clearActionText()"
|
|
17995
|
-
[matTooltip]="clearActionText()">
|
|
17996
|
-
<mat-icon aria-hidden="true">close</mat-icon>
|
|
17997
|
-
</button>
|
|
17998
|
-
}
|
|
17999
|
-
</span>
|
|
18015
|
+
</span>
|
|
18016
|
+
}
|
|
18000
18017
|
}
|
|
18001
18018
|
`, providers: [
|
|
18002
18019
|
GenericCrudService,
|
|
@@ -18008,15 +18025,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
18008
18025
|
], host: {
|
|
18009
18026
|
'[class]': 'componentCssClasses()',
|
|
18010
18027
|
'[class.pdx-entity-lookup-host-block]': 'fullFieldLayout()',
|
|
18028
|
+
'[class.pdx-entity-lookup-host-inline]': '!fullFieldLayout()',
|
|
18029
|
+
'[class.pdx-entity-lookup-host-selected]': 'hasSelection()',
|
|
18011
18030
|
'[class.praxis-disabled]': 'disabledMode',
|
|
18012
|
-
'[style.display]': 'visible ? (fullFieldLayout() ? "block" : "inline-
|
|
18031
|
+
'[style.display]': 'visible ? (fullFieldLayout() ? "block" : "inline-flex") : "none"',
|
|
18013
18032
|
'[attr.aria-hidden]': 'visible ? null : "true"',
|
|
18014
18033
|
'[style.width]': 'fullFieldLayout() ? "100%" : "auto"',
|
|
18015
18034
|
'[style.maxWidth]': '"100%"',
|
|
18016
18035
|
'[attr.data-field-type]': 'fullFieldLayout() ? "entityLookup" : "inlineEntityLookup"',
|
|
18017
18036
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
18018
18037
|
'[attr.data-component-id]': 'componentId()',
|
|
18019
|
-
}, styles: [":host{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;max-width:100%;box-sizing:border-box}.pdx-lookup-external-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.pdx-lookup-token-remove-action{display:inline-grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.pdx-lookup-token-remove-action:focus-visible,.pdx-lookup-external-actions .pdx-lookup-icon-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}:host(.pdx-entity-lookup-host-block){display:block;width:100%;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;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-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-entity-lookup-dialog-action{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;flex:0 0 36px;border:0;border-radius:50%;background:transparent;color:var(--md-sys-color-primary);cursor:pointer}.pdx-entity-lookup-dialog-action:hover{background:var(--md-sys-color-primary-container)}.pdx-entity-lookup-dialog-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-rich-field.is-info{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-lookup-rich-field.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-rich-field.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:var(--pdx-entity-lookup-avatar-size, 44px);height:var(--pdx-entity-lookup-avatar-size, 44px);min-width:var(--pdx-entity-lookup-avatar-size, 44px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);background:var( --pdx-entity-lookup-avatar-surface, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent) );color:var( --pdx-entity-lookup-avatar-text, var(--md-sys-color-primary) );font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:var(--pdx-entity-lookup-avatar-large-size, 54px);height:var(--pdx-entity-lookup-avatar-large-size, 54px);min-width:var(--pdx-entity-lookup-avatar-large-size, 54px);margin:var(--pdx-entity-lookup-avatar-large-margin, 14px 0 0 14px)}.pdx-lookup-avatar-compact{width:var(--pdx-entity-lookup-avatar-compact-size, 32px);height:var(--pdx-entity-lookup-avatar-compact-size, 32px);min-width:var(--pdx-entity-lookup-avatar-compact-size, 32px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:var(--pdx-entity-lookup-selected-compact-padding, 6px 0);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:4px;min-width:max-content;margin-inline-start:2px;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:32px;height:32px;min-width:32px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}.pdx-lookup-icon-action.is-danger:hover{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-badge.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-warning-outline, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 42%, transparent ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-selected-note.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-danger-outline, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 34%, transparent ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 36px;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px;min-width:0;max-width:100%;gap:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;flex:0 0 42px;min-width:42px;padding:0 6px 0 0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__trailing{border-color:var(--md-sys-color-outline)}:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__trailing{border-color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{border-top-color:transparent!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-width:0;max-width:100%;min-height:56px;padding:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-trigger{padding-inline-start:var( --pdx-entity-lookup-selected-compact-inline-start, 14px );max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-actions{opacity:1}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;align-self:stretch;align-items:center;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);min-height:56px;margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant))!important;background:var( --pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest) )!important;color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:min(420px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );opacity:.9}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:4px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{display:-webkit-box;overflow:hidden;font-size:.98rem;line-height:1.22;font-weight:760;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"] }]
|
|
18038
|
+
}, styles: [":host{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host(.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected){gap:0;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary)}.pdx-lookup-external-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;min-height:42px;padding-inline-end:5px;border-radius:0 999px 999px 0}:host(.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected) .pdx-lookup-external-actions{padding-inline-start:4px;border-inline-start:1px solid color-mix(in srgb,currentColor 24%,transparent);color:inherit}.pdx-lookup-token-remove-action{display:inline-grid;width:36px;height:36px;min-width:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.pdx-lookup-token-remove-action:focus-visible,.pdx-lookup-external-actions .pdx-lookup-icon-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}:host(.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected) .pdx-lookup-external-actions :where(.pdx-lookup-token-remove-action,.pdx-lookup-icon-action):focus-visible{outline-color:var(--md-sys-color-on-primary)}:host(.pdx-entity-lookup-host-block){display:block;width:100%;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;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-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-entity-lookup-dialog-action{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;flex:0 0 36px;border:0;border-radius:50%;background:transparent;color:var(--md-sys-color-primary);cursor:pointer}.pdx-entity-lookup-dialog-action:hover{background:var(--md-sys-color-primary-container)}.pdx-entity-lookup-dialog-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-rich-field.is-info{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-lookup-rich-field.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-rich-field.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:var(--pdx-entity-lookup-avatar-size, 44px);height:var(--pdx-entity-lookup-avatar-size, 44px);min-width:var(--pdx-entity-lookup-avatar-size, 44px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);background:var( --pdx-entity-lookup-avatar-surface, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent) );color:var( --pdx-entity-lookup-avatar-text, var(--md-sys-color-primary) );font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:var(--pdx-entity-lookup-avatar-large-size, 54px);height:var(--pdx-entity-lookup-avatar-large-size, 54px);min-width:var(--pdx-entity-lookup-avatar-large-size, 54px);margin:var(--pdx-entity-lookup-avatar-large-margin, 14px 0 0 14px)}.pdx-lookup-avatar-compact{width:var(--pdx-entity-lookup-avatar-compact-size, 32px);height:var(--pdx-entity-lookup-avatar-compact-size, 32px);min-width:var(--pdx-entity-lookup-avatar-compact-size, 32px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:var(--pdx-entity-lookup-selected-compact-padding, 6px 0);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:4px;min-width:max-content;margin-inline-start:2px;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}:host(.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected) .pdx-lookup-icon-action{color:inherit}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}:host(.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected) .pdx-lookup-icon-action:hover{background:color-mix(in srgb,currentColor 14%,transparent);color:inherit}.pdx-lookup-icon-action.is-danger:hover{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}@media(max-width:768px){:host{--pdx-inline-entity-lookup-suffix-width: 50px}.pdx-entity-lookup-dialog-action,.pdx-lookup-token-remove-action,.pdx-lookup-icon-action{width:44px;height:44px;min-width:44px}}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-badge.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-warning-outline, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 42%, transparent ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-selected-note.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-danger-outline, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 34%, transparent ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 36px;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px;min-width:0;max-width:100%;gap:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;flex:0 0 var(--pdx-inline-entity-lookup-suffix-width, 42px);min-width:var(--pdx-inline-entity-lookup-suffix-width, 42px);padding:0 6px 0 0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__trailing{border-color:var(--md-sys-color-outline)}:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__trailing{border-color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{border-top-color:transparent!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-width:0;max-width:100%;min-height:56px;padding:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-trigger{padding-inline-start:var( --pdx-entity-lookup-selected-compact-inline-start, 14px );max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-actions{opacity:1}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;align-self:stretch;align-items:center;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);min-height:56px;margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant))!important;background:var( --pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest) )!important;color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );opacity:.9}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:4px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{display:-webkit-box;overflow:hidden;font-size:.98rem;line-height:1.22;font-weight:760;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"] }]
|
|
18020
18039
|
}], propDecorators: { initialMetadata: [{
|
|
18021
18040
|
type: Input
|
|
18022
18041
|
}], onLookupHostClick: [{
|
|
@@ -18455,6 +18474,15 @@ class EntityLookupDialogComponent {
|
|
|
18455
18474
|
this.activeResultIndex = index;
|
|
18456
18475
|
this.setPreviewFromOption(option);
|
|
18457
18476
|
}
|
|
18477
|
+
onSearchInputKeydown(event) {
|
|
18478
|
+
const movesToResults = event.key === 'ArrowDown' || (event.key === 'Tab' && !event.shiftKey);
|
|
18479
|
+
if (!movesToResults || !this.hasResultRows()) {
|
|
18480
|
+
return;
|
|
18481
|
+
}
|
|
18482
|
+
event.preventDefault();
|
|
18483
|
+
const maxIndex = this.resultOptions().length - 1;
|
|
18484
|
+
this.focusResultRow(Math.min(Math.max(this.activeResultIndex, 0), maxIndex));
|
|
18485
|
+
}
|
|
18458
18486
|
onResultRowKeydown(event, index, option) {
|
|
18459
18487
|
if (!this.hasResultRows()) {
|
|
18460
18488
|
return;
|
|
@@ -18815,6 +18843,7 @@ class EntityLookupDialogComponent {
|
|
|
18815
18843
|
[placeholder]="searchPlaceholder()"
|
|
18816
18844
|
[attr.aria-label]="dialogSearchAriaLabel()"
|
|
18817
18845
|
data-testid="entity-lookup-dialog-search-input"
|
|
18846
|
+
(keydown)="onSearchInputKeydown($event)"
|
|
18818
18847
|
/>
|
|
18819
18848
|
@if (lookup().lookupSearchFeedback()) {
|
|
18820
18849
|
<mat-hint><span role="status">{{ lookup().lookupSearchFeedback() }}</span></mat-hint>
|
|
@@ -19313,7 +19342,7 @@ class EntityLookupDialogComponent {
|
|
|
19313
19342
|
></pdx-inline-entity-lookup>
|
|
19314
19343
|
</div>
|
|
19315
19344
|
</mat-dialog-content>
|
|
19316
|
-
<mat-dialog-actions align="end">
|
|
19345
|
+
<mat-dialog-actions align="end" class="pdx-lookup-dialog-actions">
|
|
19317
19346
|
<button mat-button type="button" (click)="cancel()">
|
|
19318
19347
|
{{ cancelText() }}
|
|
19319
19348
|
</button>
|
|
@@ -19327,7 +19356,7 @@ class EntityLookupDialogComponent {
|
|
|
19327
19356
|
{{ applyText() }}
|
|
19328
19357
|
</button>
|
|
19329
19358
|
</mat-dialog-actions>
|
|
19330
|
-
`, isInline: true, styles: [".pdx-lookup-dialog-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:12px}.pdx-lookup-dialog-titlebar h2{min-width:0;margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-state.is-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;padding:18px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 32%,transparent);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-error) 7%,var(--md-sys-color-surface));color:var(--md-sys-color-on-surface)}.pdx-lookup-dialog-state.is-error>mat-icon{color:var(--md-sys-color-error)}.pdx-lookup-dialog-state-copy{display:grid;gap:4px;min-width:0}.pdx-lookup-dialog-state-copy>span{color:var(--md-sys-color-on-surface-variant);line-height:1.4}.pdx-lookup-dialog-toolbar{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;align-items:start}.pdx-lookup-dialog-intro{display:grid;gap:4px;margin:0 0 12px}.pdx-lookup-dialog-intro strong{color:var(--md-sys-color-on-surface);font-size:.96rem;line-height:1.3}.pdx-lookup-dialog-intro span{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.35}.pdx-lookup-dialog-search{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-sort{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:center;gap:10px;min-height:56px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-sort select{width:100%;min-width:0;min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-panel{display:flex;flex-direction:column;gap:12px;padding:12px;margin:8px 0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest)}.pdx-lookup-dialog-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pdx-lookup-dialog-filter-field{display:flex;flex-direction:column;gap:6px;color:var(--md-sys-color-on-surface);font-size:.9rem}.pdx-lookup-dialog-filter-field input,.pdx-lookup-dialog-filter-field select{min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-field select.is-multiple{min-height:96px;padding:8px 10px}.pdx-lookup-dialog-filter-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.pdx-lookup-dialog-filter-field small{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-filter-actions{display:flex;justify-content:flex-end;gap:8px}.pdx-lookup-dialog-summary{margin:8px 0 12px;display:flex;flex-wrap:wrap;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-summary-warning{color:var(--md-sys-color-error)}.pdx-lookup-dialog-content-grid{display:block}.pdx-lookup-dialog-content-grid.has-preview{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.pdx-lookup-dialog-results{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow:auto;padding-right:4px}.pdx-lookup-dialog-results.is-card-layout{gap:12px}.pdx-lookup-dialog-results.is-compact-layout{gap:6px}.pdx-lookup-dialog-table{display:flex;flex-direction:column;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;overflow:hidden}.pdx-lookup-dialog-table-head,.pdx-lookup-dialog-table-row{display:flex;align-items:stretch}.pdx-lookup-dialog-table-head{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-lookup-dialog-table-row{width:100%;text-align:left;border:0;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);cursor:pointer}.pdx-lookup-dialog-table-row:last-child{border-bottom:0}.pdx-lookup-dialog-table-row.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-table-row.is-blocked,.pdx-lookup-dialog-row.is-blocked{background:color-mix(in srgb,var(--md-sys-color-error) 4%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-legacy,.pdx-lookup-dialog-row.is-legacy{background:color-mix(in srgb,var(--md-sys-color-tertiary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-cell{min-width:0;padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-dialog-table-cell.is-head{font-size:.78rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-row{display:block;width:100%;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:12px 14px;cursor:pointer}.pdx-lookup-dialog-row.is-selected{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-row-main,.pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-row-meta{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-row-main{flex-direction:column;gap:8px}.pdx-lookup-dialog-row-heading strong{font-size:.98rem;line-height:1.3}.pdx-lookup-dialog-row-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;line-height:1.2}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row{padding:8px 10px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-meta{gap:6px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-description{font-size:.85rem}.pdx-lookup-dialog-row-description{color:var(--md-sys-color-on-surface-variant);line-height:1.35}.pdx-lookup-dialog-row-meta{align-items:center}.pdx-lookup-dialog-row-note,.pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3}.pdx-lookup-dialog-row-note.is-warning,.pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}.pdx-lookup-dialog-row-note.is-danger,.pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}.pdx-lookup-dialog-state,.pdx-lookup-dialog-footer-row{display:flex;align-items:center;gap:10px;justify-content:center;padding:16px 0 4px}.pdx-lookup-dialog-runtime-host{display:none}.pdx-lookup-dialog-preview{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest);padding:14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0}.pdx-lookup-dialog-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-lookup-dialog-preview-heading{display:flex;flex-direction:column;gap:4px}.pdx-lookup-dialog-preview-heading small,.pdx-lookup-dialog-preview-description,.pdx-lookup-dialog-preview-grid dt{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-preview-badges{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-preview-note{display:grid;gap:2px;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-dialog-preview-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-dialog-preview-note.is-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.pdx-lookup-dialog-preview-note.is-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pdx-lookup-dialog-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.pdx-lookup-dialog-preview-grid div{min-width:0}.pdx-lookup-dialog-preview-grid dt{font-size:.78rem;margin-bottom:2px}.pdx-lookup-dialog-preview-grid dd{margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-preview-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:960px){.pdx-lookup-dialog-toolbar{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-search,.pdx-lookup-dialog-sort{width:100%}.pdx-lookup-dialog-sort{min-height:0;grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-sort select{width:100%;min-width:0}.pdx-lookup-dialog-content-grid.has-preview{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{position:static}}@media(max-width:640px){.pdx-lookup-dialog-state.is-error{grid-template-columns:auto minmax(0,1fr)}.pdx-lookup-dialog-state.is-error>button{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-intro{margin-bottom:10px}.pdx-lookup-dialog-results{max-height:none;padding-right:0}.pdx-lookup-dialog-row{padding:10px 12px}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{padding:12px}.pdx-lookup-dialog-preview-grid{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$5.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$5.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$5.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { 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: MatFormFieldModule }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: InlineEntityLookupComponent, selector: "pdx-inline-entity-lookup", inputs: ["initialMetadata"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }] });
|
|
19359
|
+
`, isInline: true, styles: [".pdx-lookup-dialog-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:12px}.pdx-lookup-dialog-titlebar h2{min-width:0;margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-state.is-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;padding:18px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 32%,transparent);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-error) 7%,var(--md-sys-color-surface));color:var(--md-sys-color-on-surface)}.pdx-lookup-dialog-state.is-error>mat-icon{color:var(--md-sys-color-error)}.pdx-lookup-dialog-state-copy{display:grid;gap:4px;min-width:0}.pdx-lookup-dialog-state-copy>span{color:var(--md-sys-color-on-surface-variant);line-height:1.4}.pdx-lookup-dialog-toolbar{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;align-items:start}.pdx-lookup-dialog-intro{display:grid;gap:4px;margin:0 0 12px}.pdx-lookup-dialog-intro strong{color:var(--md-sys-color-on-surface);font-size:.96rem;line-height:1.3}.pdx-lookup-dialog-intro span{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.35}.pdx-lookup-dialog-search{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-sort{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:center;gap:10px;min-height:56px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-sort select{width:100%;min-width:0;min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-panel{display:flex;flex-direction:column;gap:12px;padding:12px;margin:8px 0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest)}.pdx-lookup-dialog-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pdx-lookup-dialog-filter-field{display:flex;flex-direction:column;gap:6px;color:var(--md-sys-color-on-surface);font-size:.9rem}.pdx-lookup-dialog-filter-field input,.pdx-lookup-dialog-filter-field select{min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-field select.is-multiple{min-height:96px;padding:8px 10px}.pdx-lookup-dialog-filter-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.pdx-lookup-dialog-filter-field small{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-filter-actions{display:flex;justify-content:flex-end;gap:8px}.pdx-lookup-dialog-summary{margin:8px 0 12px;display:flex;flex-wrap:wrap;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-summary-warning{color:var(--md-sys-color-error)}.pdx-lookup-dialog-content-grid{display:block}.pdx-lookup-dialog-content-grid.has-preview{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.pdx-lookup-dialog-results{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow:auto;padding-right:4px}.pdx-lookup-dialog-results.is-card-layout{gap:12px}.pdx-lookup-dialog-results.is-compact-layout{gap:6px}.pdx-lookup-dialog-table{display:flex;flex-direction:column;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;overflow:hidden}.pdx-lookup-dialog-table-head,.pdx-lookup-dialog-table-row{display:flex;align-items:stretch}.pdx-lookup-dialog-table-head{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-lookup-dialog-table-row{width:100%;text-align:left;border:0;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);cursor:pointer}.pdx-lookup-dialog-table-row:last-child{border-bottom:0}.pdx-lookup-dialog-table-row.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-table-row.is-blocked,.pdx-lookup-dialog-row.is-blocked{background:color-mix(in srgb,var(--md-sys-color-error) 4%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-legacy,.pdx-lookup-dialog-row.is-legacy{background:color-mix(in srgb,var(--md-sys-color-tertiary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-cell{min-width:0;padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-dialog-table-cell.is-head{font-size:.78rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-row{display:block;width:100%;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:12px 14px;cursor:pointer}.pdx-lookup-dialog-row.is-selected{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-row-main,.pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-row-meta{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-row-main{flex-direction:column;gap:8px}.pdx-lookup-dialog-row-heading strong{font-size:.98rem;line-height:1.3}.pdx-lookup-dialog-row-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;line-height:1.2}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row{padding:8px 10px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-meta{gap:6px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-description{font-size:.85rem}.pdx-lookup-dialog-row-description{color:var(--md-sys-color-on-surface-variant);line-height:1.35}.pdx-lookup-dialog-row-meta{align-items:center}.pdx-lookup-dialog-row-note,.pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3}.pdx-lookup-dialog-row-note.is-warning,.pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}.pdx-lookup-dialog-row-note.is-danger,.pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}.pdx-lookup-dialog-state,.pdx-lookup-dialog-footer-row{display:flex;align-items:center;gap:10px;justify-content:center;padding:16px 0 4px}.pdx-lookup-dialog-runtime-host{display:none}.pdx-lookup-dialog-preview{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest);padding:14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0}.pdx-lookup-dialog-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-lookup-dialog-preview-heading{display:flex;flex-direction:column;gap:4px}.pdx-lookup-dialog-preview-heading small,.pdx-lookup-dialog-preview-description,.pdx-lookup-dialog-preview-grid dt{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-preview-badges{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-preview-note{display:grid;gap:2px;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-dialog-preview-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-dialog-preview-note.is-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.pdx-lookup-dialog-preview-note.is-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pdx-lookup-dialog-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.pdx-lookup-dialog-preview-grid div{min-width:0}.pdx-lookup-dialog-preview-grid dt{font-size:.78rem;margin-bottom:2px}.pdx-lookup-dialog-preview-grid dd{margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-preview-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:960px){.pdx-lookup-dialog-toolbar{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-search,.pdx-lookup-dialog-sort{width:100%}.pdx-lookup-dialog-sort{min-height:0;grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-sort select{width:100%;min-width:0}.pdx-lookup-dialog-content-grid.has-preview{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{position:static}}@media(max-width:640px){.pdx-lookup-dialog-state.is-error{grid-template-columns:auto minmax(0,1fr)}.pdx-lookup-dialog-state.is-error>button{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-intro{margin-bottom:10px}.pdx-lookup-dialog-results{max-height:none;padding-right:0}.pdx-lookup-dialog-row{padding:10px 12px}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{padding:12px}.pdx-lookup-dialog-preview-grid{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-actions button{min-height:44px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$5.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$5.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$5.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { 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: MatFormFieldModule }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: InlineEntityLookupComponent, selector: "pdx-inline-entity-lookup", inputs: ["initialMetadata"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }] });
|
|
19331
19360
|
}
|
|
19332
19361
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EntityLookupDialogComponent, decorators: [{
|
|
19333
19362
|
type: Component,
|
|
@@ -19376,6 +19405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
19376
19405
|
[placeholder]="searchPlaceholder()"
|
|
19377
19406
|
[attr.aria-label]="dialogSearchAriaLabel()"
|
|
19378
19407
|
data-testid="entity-lookup-dialog-search-input"
|
|
19408
|
+
(keydown)="onSearchInputKeydown($event)"
|
|
19379
19409
|
/>
|
|
19380
19410
|
@if (lookup().lookupSearchFeedback()) {
|
|
19381
19411
|
<mat-hint><span role="status">{{ lookup().lookupSearchFeedback() }}</span></mat-hint>
|
|
@@ -19874,7 +19904,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
19874
19904
|
></pdx-inline-entity-lookup>
|
|
19875
19905
|
</div>
|
|
19876
19906
|
</mat-dialog-content>
|
|
19877
|
-
<mat-dialog-actions align="end">
|
|
19907
|
+
<mat-dialog-actions align="end" class="pdx-lookup-dialog-actions">
|
|
19878
19908
|
<button mat-button type="button" (click)="cancel()">
|
|
19879
19909
|
{{ cancelText() }}
|
|
19880
19910
|
</button>
|
|
@@ -19888,7 +19918,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
19888
19918
|
{{ applyText() }}
|
|
19889
19919
|
</button>
|
|
19890
19920
|
</mat-dialog-actions>
|
|
19891
|
-
`, styles: [".pdx-lookup-dialog-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:12px}.pdx-lookup-dialog-titlebar h2{min-width:0;margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-state.is-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;padding:18px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 32%,transparent);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-error) 7%,var(--md-sys-color-surface));color:var(--md-sys-color-on-surface)}.pdx-lookup-dialog-state.is-error>mat-icon{color:var(--md-sys-color-error)}.pdx-lookup-dialog-state-copy{display:grid;gap:4px;min-width:0}.pdx-lookup-dialog-state-copy>span{color:var(--md-sys-color-on-surface-variant);line-height:1.4}.pdx-lookup-dialog-toolbar{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;align-items:start}.pdx-lookup-dialog-intro{display:grid;gap:4px;margin:0 0 12px}.pdx-lookup-dialog-intro strong{color:var(--md-sys-color-on-surface);font-size:.96rem;line-height:1.3}.pdx-lookup-dialog-intro span{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.35}.pdx-lookup-dialog-search{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-sort{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:center;gap:10px;min-height:56px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-sort select{width:100%;min-width:0;min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-panel{display:flex;flex-direction:column;gap:12px;padding:12px;margin:8px 0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest)}.pdx-lookup-dialog-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pdx-lookup-dialog-filter-field{display:flex;flex-direction:column;gap:6px;color:var(--md-sys-color-on-surface);font-size:.9rem}.pdx-lookup-dialog-filter-field input,.pdx-lookup-dialog-filter-field select{min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-field select.is-multiple{min-height:96px;padding:8px 10px}.pdx-lookup-dialog-filter-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.pdx-lookup-dialog-filter-field small{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-filter-actions{display:flex;justify-content:flex-end;gap:8px}.pdx-lookup-dialog-summary{margin:8px 0 12px;display:flex;flex-wrap:wrap;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-summary-warning{color:var(--md-sys-color-error)}.pdx-lookup-dialog-content-grid{display:block}.pdx-lookup-dialog-content-grid.has-preview{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.pdx-lookup-dialog-results{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow:auto;padding-right:4px}.pdx-lookup-dialog-results.is-card-layout{gap:12px}.pdx-lookup-dialog-results.is-compact-layout{gap:6px}.pdx-lookup-dialog-table{display:flex;flex-direction:column;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;overflow:hidden}.pdx-lookup-dialog-table-head,.pdx-lookup-dialog-table-row{display:flex;align-items:stretch}.pdx-lookup-dialog-table-head{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-lookup-dialog-table-row{width:100%;text-align:left;border:0;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);cursor:pointer}.pdx-lookup-dialog-table-row:last-child{border-bottom:0}.pdx-lookup-dialog-table-row.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-table-row.is-blocked,.pdx-lookup-dialog-row.is-blocked{background:color-mix(in srgb,var(--md-sys-color-error) 4%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-legacy,.pdx-lookup-dialog-row.is-legacy{background:color-mix(in srgb,var(--md-sys-color-tertiary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-cell{min-width:0;padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-dialog-table-cell.is-head{font-size:.78rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-row{display:block;width:100%;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:12px 14px;cursor:pointer}.pdx-lookup-dialog-row.is-selected{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-row-main,.pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-row-meta{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-row-main{flex-direction:column;gap:8px}.pdx-lookup-dialog-row-heading strong{font-size:.98rem;line-height:1.3}.pdx-lookup-dialog-row-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;line-height:1.2}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row{padding:8px 10px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-meta{gap:6px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-description{font-size:.85rem}.pdx-lookup-dialog-row-description{color:var(--md-sys-color-on-surface-variant);line-height:1.35}.pdx-lookup-dialog-row-meta{align-items:center}.pdx-lookup-dialog-row-note,.pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3}.pdx-lookup-dialog-row-note.is-warning,.pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}.pdx-lookup-dialog-row-note.is-danger,.pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}.pdx-lookup-dialog-state,.pdx-lookup-dialog-footer-row{display:flex;align-items:center;gap:10px;justify-content:center;padding:16px 0 4px}.pdx-lookup-dialog-runtime-host{display:none}.pdx-lookup-dialog-preview{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest);padding:14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0}.pdx-lookup-dialog-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-lookup-dialog-preview-heading{display:flex;flex-direction:column;gap:4px}.pdx-lookup-dialog-preview-heading small,.pdx-lookup-dialog-preview-description,.pdx-lookup-dialog-preview-grid dt{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-preview-badges{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-preview-note{display:grid;gap:2px;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-dialog-preview-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-dialog-preview-note.is-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.pdx-lookup-dialog-preview-note.is-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pdx-lookup-dialog-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.pdx-lookup-dialog-preview-grid div{min-width:0}.pdx-lookup-dialog-preview-grid dt{font-size:.78rem;margin-bottom:2px}.pdx-lookup-dialog-preview-grid dd{margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-preview-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:960px){.pdx-lookup-dialog-toolbar{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-search,.pdx-lookup-dialog-sort{width:100%}.pdx-lookup-dialog-sort{min-height:0;grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-sort select{width:100%;min-width:0}.pdx-lookup-dialog-content-grid.has-preview{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{position:static}}@media(max-width:640px){.pdx-lookup-dialog-state.is-error{grid-template-columns:auto minmax(0,1fr)}.pdx-lookup-dialog-state.is-error>button{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-intro{margin-bottom:10px}.pdx-lookup-dialog-results{max-height:none;padding-right:0}.pdx-lookup-dialog-row{padding:10px 12px}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{padding:12px}.pdx-lookup-dialog-preview-grid{grid-template-columns:minmax(0,1fr)}}\n"] }]
|
|
19921
|
+
`, styles: [".pdx-lookup-dialog-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:12px}.pdx-lookup-dialog-titlebar h2{min-width:0;margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-state.is-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;padding:18px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 32%,transparent);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-error) 7%,var(--md-sys-color-surface));color:var(--md-sys-color-on-surface)}.pdx-lookup-dialog-state.is-error>mat-icon{color:var(--md-sys-color-error)}.pdx-lookup-dialog-state-copy{display:grid;gap:4px;min-width:0}.pdx-lookup-dialog-state-copy>span{color:var(--md-sys-color-on-surface-variant);line-height:1.4}.pdx-lookup-dialog-toolbar{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;align-items:start}.pdx-lookup-dialog-intro{display:grid;gap:4px;margin:0 0 12px}.pdx-lookup-dialog-intro strong{color:var(--md-sys-color-on-surface);font-size:.96rem;line-height:1.3}.pdx-lookup-dialog-intro span{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.35}.pdx-lookup-dialog-search{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-sort{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:center;gap:10px;min-height:56px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-sort select{width:100%;min-width:0;min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-panel{display:flex;flex-direction:column;gap:12px;padding:12px;margin:8px 0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest)}.pdx-lookup-dialog-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pdx-lookup-dialog-filter-field{display:flex;flex-direction:column;gap:6px;color:var(--md-sys-color-on-surface);font-size:.9rem}.pdx-lookup-dialog-filter-field input,.pdx-lookup-dialog-filter-field select{min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-field select.is-multiple{min-height:96px;padding:8px 10px}.pdx-lookup-dialog-filter-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.pdx-lookup-dialog-filter-field small{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-filter-actions{display:flex;justify-content:flex-end;gap:8px}.pdx-lookup-dialog-summary{margin:8px 0 12px;display:flex;flex-wrap:wrap;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-summary-warning{color:var(--md-sys-color-error)}.pdx-lookup-dialog-content-grid{display:block}.pdx-lookup-dialog-content-grid.has-preview{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.pdx-lookup-dialog-results{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow:auto;padding-right:4px}.pdx-lookup-dialog-results.is-card-layout{gap:12px}.pdx-lookup-dialog-results.is-compact-layout{gap:6px}.pdx-lookup-dialog-table{display:flex;flex-direction:column;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;overflow:hidden}.pdx-lookup-dialog-table-head,.pdx-lookup-dialog-table-row{display:flex;align-items:stretch}.pdx-lookup-dialog-table-head{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-lookup-dialog-table-row{width:100%;text-align:left;border:0;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);cursor:pointer}.pdx-lookup-dialog-table-row:last-child{border-bottom:0}.pdx-lookup-dialog-table-row.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-table-row.is-blocked,.pdx-lookup-dialog-row.is-blocked{background:color-mix(in srgb,var(--md-sys-color-error) 4%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-legacy,.pdx-lookup-dialog-row.is-legacy{background:color-mix(in srgb,var(--md-sys-color-tertiary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-cell{min-width:0;padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-dialog-table-cell.is-head{font-size:.78rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-row{display:block;width:100%;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:12px 14px;cursor:pointer}.pdx-lookup-dialog-row.is-selected{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-row-main,.pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-row-meta{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-row-main{flex-direction:column;gap:8px}.pdx-lookup-dialog-row-heading strong{font-size:.98rem;line-height:1.3}.pdx-lookup-dialog-row-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;line-height:1.2}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row{padding:8px 10px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-meta{gap:6px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-description{font-size:.85rem}.pdx-lookup-dialog-row-description{color:var(--md-sys-color-on-surface-variant);line-height:1.35}.pdx-lookup-dialog-row-meta{align-items:center}.pdx-lookup-dialog-row-note,.pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3}.pdx-lookup-dialog-row-note.is-warning,.pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}.pdx-lookup-dialog-row-note.is-danger,.pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}.pdx-lookup-dialog-state,.pdx-lookup-dialog-footer-row{display:flex;align-items:center;gap:10px;justify-content:center;padding:16px 0 4px}.pdx-lookup-dialog-runtime-host{display:none}.pdx-lookup-dialog-preview{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest);padding:14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0}.pdx-lookup-dialog-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-lookup-dialog-preview-heading{display:flex;flex-direction:column;gap:4px}.pdx-lookup-dialog-preview-heading small,.pdx-lookup-dialog-preview-description,.pdx-lookup-dialog-preview-grid dt{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-preview-badges{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-preview-note{display:grid;gap:2px;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-dialog-preview-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-dialog-preview-note.is-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.pdx-lookup-dialog-preview-note.is-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pdx-lookup-dialog-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.pdx-lookup-dialog-preview-grid div{min-width:0}.pdx-lookup-dialog-preview-grid dt{font-size:.78rem;margin-bottom:2px}.pdx-lookup-dialog-preview-grid dd{margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-preview-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:960px){.pdx-lookup-dialog-toolbar{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-search,.pdx-lookup-dialog-sort{width:100%}.pdx-lookup-dialog-sort{min-height:0;grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-sort select{width:100%;min-width:0}.pdx-lookup-dialog-content-grid.has-preview{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{position:static}}@media(max-width:640px){.pdx-lookup-dialog-state.is-error{grid-template-columns:auto minmax(0,1fr)}.pdx-lookup-dialog-state.is-error>button{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-intro{margin-bottom:10px}.pdx-lookup-dialog-results{max-height:none;padding-right:0}.pdx-lookup-dialog-row{padding:10px 12px}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{padding:12px}.pdx-lookup-dialog-preview-grid{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-actions button{min-height:44px}}\n"] }]
|
|
19892
19922
|
}], propDecorators: { lookup: [{ type: i0.ViewChild, args: [i0.forwardRef(() => InlineEntityLookupComponent), { isSignal: true }] }] } });
|
|
19893
19923
|
|
|
19894
19924
|
const PDX_ENTITY_LOOKUP_EDITORIAL_DESCRIPTOR = {
|
|
@@ -28429,7 +28459,7 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
|
|
|
28429
28459
|
return { min, max };
|
|
28430
28460
|
}
|
|
28431
28461
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
28432
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: InlineSelectComponent, isStandalone: true, selector: "pdx-inline-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"inlineSelect\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
28462
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: InlineSelectComponent, isStandalone: true, selector: "pdx-inline-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.pdx-has-quick-clear": "showQuickClear()", "class.pdx-has-selection": "hasSelection()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"inlineSelect\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
28433
28463
|
GenericCrudService,
|
|
28434
28464
|
{
|
|
28435
28465
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -28566,7 +28596,7 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
|
|
|
28566
28596
|
<span class="pdx-chip-clear-icon" aria-hidden="true"></span>
|
|
28567
28597
|
</button>
|
|
28568
28598
|
}
|
|
28569
|
-
`, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-inline-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-inline-size:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 24px));padding:0 16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary)}.pdx-inline-select-trigger:focus-visible,.pdx-inline-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-select-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-select-clear) .pdx-inline-select-trigger{padding-inline-end:40px}.pdx-inline-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-option:hover:not(:disabled),.pdx-inline-select-option.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-select-empty{margin:0;padding:16px;text-align:center}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}:host:has(.pdx-chip-trigger.is-active) .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}:host:has(.pdx-chip-trigger.is-active) .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:16px;height:16px;margin:0;transform:none;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:12px;height:1.7px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-select .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-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
|
|
28599
|
+
`, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-inline-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-inline-size:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 24px));padding:0 16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary)}.pdx-inline-select-trigger:focus-visible,.pdx-inline-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-select-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}:host(.pdx-has-quick-clear) .pdx-inline-select-trigger{padding-inline-end:calc(var(--pdx-inline-clear-size, 24px) + 16px)}.pdx-inline-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-option:hover:not(:disabled),.pdx-inline-select-option.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-select-empty{margin:0;padding:16px;text-align:center}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:2px solid transparent;outline-offset:2px;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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}:host(.pdx-has-selection) .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}:host(.pdx-has-selection) .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{outline-color:var(--clear-ring-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}@media(forced-colors:active){.pdx-chip-clear:focus-visible{outline-color:Highlight;box-shadow:none}}.pdx-chip-clear-icon{flex:none;display:block;width:16px;height:16px;margin:0;transform:none;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:12px;height:1.7px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-select .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-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
|
|
28570
28600
|
}
|
|
28571
28601
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineSelectComponent, decorators: [{
|
|
28572
28602
|
type: Component,
|
|
@@ -28720,6 +28750,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
28720
28750
|
},
|
|
28721
28751
|
], host: {
|
|
28722
28752
|
'[class]': 'componentCssClasses()',
|
|
28753
|
+
'[class.pdx-has-quick-clear]': 'showQuickClear()',
|
|
28754
|
+
'[class.pdx-has-selection]': 'hasSelection()',
|
|
28723
28755
|
'[class.praxis-disabled]': 'disabledMode',
|
|
28724
28756
|
'[style.display]': 'visible ? "inline-block" : "none"',
|
|
28725
28757
|
'[attr.aria-hidden]': 'visible ? null : "true"',
|
|
@@ -28728,7 +28760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
28728
28760
|
'[attr.data-field-type]': '"inlineSelect"',
|
|
28729
28761
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
28730
28762
|
'[attr.data-component-id]': 'componentId()',
|
|
28731
|
-
}, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-inline-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-inline-size:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 24px));padding:0 16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary)}.pdx-inline-select-trigger:focus-visible,.pdx-inline-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-select-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-select-clear) .pdx-inline-select-trigger{padding-inline-end:40px}.pdx-inline-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-option:hover:not(:disabled),.pdx-inline-select-option.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-select-empty{margin:0;padding:16px;text-align:center}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}:host:has(.pdx-chip-trigger.is-active) .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}:host:has(.pdx-chip-trigger.is-active) .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:16px;height:16px;margin:0;transform:none;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:12px;height:1.7px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-select .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-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
|
|
28763
|
+
}, styles: [":host{--pdx-inline-chip-active-clear-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-inline-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-inline-size:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 24px));padding:0 16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary)}.pdx-inline-select-trigger:focus-visible,.pdx-inline-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-select-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}:host(.pdx-has-quick-clear) .pdx-inline-select-trigger{padding-inline-end:calc(var(--pdx-inline-clear-size, 24px) + 16px)}.pdx-inline-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-option:hover:not(:disabled),.pdx-inline-select-option.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-select-empty{margin:0;padding:16px;text-align:center}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:2px solid transparent;outline-offset:2px;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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}:host(.pdx-has-selection) .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}:host(.pdx-has-selection) .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{outline-color:var(--clear-ring-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}@media(forced-colors:active){.pdx-chip-clear:focus-visible{outline-color:Highlight;box-shadow:none}}.pdx-chip-clear-icon{flex:none;display:block;width:16px;height:16px;margin:0;transform:none;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:12px;height:1.7px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-select .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-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
|
|
28732
28764
|
}], propDecorators: { readonlyMode: [{
|
|
28733
28765
|
type: Input
|
|
28734
28766
|
}], disabledMode: [{
|
|
@@ -30000,7 +30032,7 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
|
|
|
30000
30032
|
<span class="pdx-chip-clear-icon" aria-hidden="true"></span>
|
|
30001
30033
|
</button>
|
|
30002
30034
|
}
|
|
30003
|
-
`, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 16%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 24%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 20px);width:var(--pdx-inline-clear-size, 20px);height:var(--pdx-inline-clear-size, 20px);min-width:var(--pdx-inline-clear-size, 20px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:14px;height:14px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:1.6px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-mdc-select-trigger:focus-visible):not(:has(.mat-select-open)){border-color:var(--md-sys-color-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-select-open){box-shadow:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-searchable-select-min-w, 146px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:hidden!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:transparent!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary));min-inline-size:var(--pdx-inline-searchable-select-active-min-w, 156px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-searchable-select .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-searchable-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-searchable-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 10px!important;position:sticky;top:-8px;z-index:1;cursor:default;opacity:1;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;width:100%;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,var(--md-sys-color-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-surface-container-high));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{flex:0 0 auto;width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant);opacity:.82}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.92rem;line-height:1.35}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),100%)}.pdx-inline-searchable-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-searchable-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-searchable-select-trigger:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-searchable-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-searchable-select-option:hover:not(:disabled),.pdx-inline-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-searchable-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-3px}.pdx-inline-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-searchable-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-searchable-select-empty{margin:0;padding:16px;color:var(--md-sys-color-on-surface-variant);text-align:center}.pdx-inline-searchable-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-searchable-select-clear) .pdx-inline-searchable-select-trigger{padding-right:38px}@media(prefers-reduced-motion:reduce){.pdx-inline-searchable-select-trigger{transition:none}}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
|
|
30035
|
+
`, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 16%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 24%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:14px;height:14px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:1.6px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-mdc-select-trigger:focus-visible):not(:has(.mat-select-open)){border-color:var(--md-sys-color-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-select-open){box-shadow:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-searchable-select-min-w, 146px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:hidden!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:transparent!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary));min-inline-size:var(--pdx-inline-searchable-select-active-min-w, 156px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-searchable-select .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-searchable-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-searchable-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 10px!important;position:sticky;top:-8px;z-index:1;cursor:default;opacity:1;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;width:100%;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,var(--md-sys-color-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-surface-container-high));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{flex:0 0 auto;width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant);opacity:.82}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.92rem;line-height:1.35}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),100%)}.pdx-inline-searchable-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-searchable-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-searchable-select-trigger:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-searchable-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-searchable-select-option:hover:not(:disabled),.pdx-inline-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-searchable-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-3px}.pdx-inline-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-searchable-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-searchable-select-empty{margin:0;padding:16px;color:var(--md-sys-color-on-surface-variant);text-align:center}.pdx-inline-searchable-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-searchable-select-clear) .pdx-inline-searchable-select-trigger{padding-right:38px}@media(prefers-reduced-motion:reduce){.pdx-inline-searchable-select-trigger{transition:none}}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
|
|
30004
30036
|
}
|
|
30005
30037
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineSearchableSelectComponent, decorators: [{
|
|
30006
30038
|
type: Component,
|
|
@@ -30180,7 +30212,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
30180
30212
|
'[attr.data-field-type]': '"inlineSearchableSelect"',
|
|
30181
30213
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
30182
30214
|
'[attr.data-component-id]': 'componentId()',
|
|
30183
|
-
}, styles: [":host{--pdx-inline-chip-active-clear-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 16%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 24%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 20px);width:var(--pdx-inline-clear-size, 20px);height:var(--pdx-inline-clear-size, 20px);min-width:var(--pdx-inline-clear-size, 20px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:14px;height:14px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:1.6px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-mdc-select-trigger:focus-visible):not(:has(.mat-select-open)){border-color:var(--md-sys-color-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-select-open){box-shadow:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-searchable-select-min-w, 146px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:hidden!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:transparent!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary));min-inline-size:var(--pdx-inline-searchable-select-active-min-w, 156px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-searchable-select .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-searchable-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-searchable-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 10px!important;position:sticky;top:-8px;z-index:1;cursor:default;opacity:1;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;width:100%;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,var(--md-sys-color-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-surface-container-high));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{flex:0 0 auto;width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant);opacity:.82}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.92rem;line-height:1.35}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),100%)}.pdx-inline-searchable-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-searchable-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-searchable-select-trigger:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-searchable-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-searchable-select-option:hover:not(:disabled),.pdx-inline-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-searchable-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-3px}.pdx-inline-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-searchable-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-searchable-select-empty{margin:0;padding:16px;color:var(--md-sys-color-on-surface-variant);text-align:center}.pdx-inline-searchable-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-searchable-select-clear) .pdx-inline-searchable-select-trigger{padding-right:38px}@media(prefers-reduced-motion:reduce){.pdx-inline-searchable-select-trigger{transition:none}}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
|
|
30215
|
+
}, styles: [":host{--pdx-inline-chip-active-clear-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 16%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 24%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:14px;height:14px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:1.6px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-mdc-select-trigger:focus-visible):not(:has(.mat-select-open)){border-color:var(--md-sys-color-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-select-open){box-shadow:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-searchable-select-min-w, 146px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:hidden!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:transparent!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary));min-inline-size:var(--pdx-inline-searchable-select-active-min-w, 156px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-searchable-select .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-searchable-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-searchable-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 10px!important;position:sticky;top:-8px;z-index:1;cursor:default;opacity:1;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;width:100%;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,var(--md-sys-color-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-surface-container-high));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{flex:0 0 auto;width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant);opacity:.82}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.92rem;line-height:1.35}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),100%)}.pdx-inline-searchable-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-searchable-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-searchable-select-trigger:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-searchable-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-searchable-select-option:hover:not(:disabled),.pdx-inline-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-searchable-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-3px}.pdx-inline-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-searchable-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-searchable-select-empty{margin:0;padding:16px;color:var(--md-sys-color-on-surface-variant);text-align:center}.pdx-inline-searchable-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-searchable-select-clear) .pdx-inline-searchable-select-trigger{padding-right:38px}@media(prefers-reduced-motion:reduce){.pdx-inline-searchable-select-trigger{transition:none}}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
|
|
30184
30216
|
}], propDecorators: { onViewportResize: [{
|
|
30185
30217
|
type: HostListener,
|
|
30186
30218
|
args: ['window:resize']
|
|
@@ -30733,7 +30765,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
|
|
|
30733
30765
|
<mat-icon aria-hidden="true">{{ clearIconName() }}</mat-icon>
|
|
30734
30766
|
</button>
|
|
30735
30767
|
}
|
|
30736
|
-
`, 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);--pdx-inline-chip-active-clear-color: var( --pdx-inline-field-on-surface );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-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);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;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,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .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-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var( --md-sys-color-surface-container-highest );--pdx-inline-panel-surface-raised: var( --md-sys-color-surface-container-high );--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-empty-remote-sentinel{display:none!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),100%)}.pdx-inline-async-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--pdx-inline-field-outline);border-radius:999px;background:var(--pdx-inline-field-surface);font:inherit;cursor:pointer}.pdx-inline-async-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-async-select-trigger:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:2px}.pdx-inline-async-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-async-select-option:hover:not(:disabled),.pdx-inline-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-async-select-option:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:-3px}.pdx-inline-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-async-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-async-select-empty{margin:0;padding:16px;color:var(--pdx-inline-field-on-surface-muted);text-align:center}.pdx-inline-async-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-async-select-clear) .pdx-inline-async-select-trigger{padding-right:38px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
|
|
30768
|
+
`, 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);--pdx-inline-chip-active-clear-color: var( --pdx-inline-field-on-surface );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;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,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .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-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var( --md-sys-color-surface-container-highest );--pdx-inline-panel-surface-raised: var( --md-sys-color-surface-container-high );--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-empty-remote-sentinel{display:none!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),100%)}.pdx-inline-async-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--pdx-inline-field-outline);border-radius:999px;background:var(--pdx-inline-field-surface);font:inherit;cursor:pointer}.pdx-inline-async-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-async-select-trigger:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:2px}.pdx-inline-async-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-async-select-option:hover:not(:disabled),.pdx-inline-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-async-select-option:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:-3px}.pdx-inline-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-async-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-async-select-empty{margin:0;padding:16px;color:var(--pdx-inline-field-on-surface-muted);text-align:center}.pdx-inline-async-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-async-select-clear) .pdx-inline-async-select-trigger{padding-right:38px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
|
|
30737
30769
|
}
|
|
30738
30770
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineAsyncSelectComponent, decorators: [{
|
|
30739
30771
|
type: Component,
|
|
@@ -30912,7 +30944,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
30912
30944
|
'[attr.data-field-type]': '"inlineAsyncSelect"',
|
|
30913
30945
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
30914
30946
|
'[attr.data-component-id]': 'componentId()',
|
|
30915
|
-
}, 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);--pdx-inline-chip-active-clear-color: var( --pdx-inline-field-on-surface );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-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);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;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,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .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-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var( --md-sys-color-surface-container-highest );--pdx-inline-panel-surface-raised: var( --md-sys-color-surface-container-high );--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-empty-remote-sentinel{display:none!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),100%)}.pdx-inline-async-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--pdx-inline-field-outline);border-radius:999px;background:var(--pdx-inline-field-surface);font:inherit;cursor:pointer}.pdx-inline-async-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-async-select-trigger:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:2px}.pdx-inline-async-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-async-select-option:hover:not(:disabled),.pdx-inline-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-async-select-option:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:-3px}.pdx-inline-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-async-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-async-select-empty{margin:0;padding:16px;color:var(--pdx-inline-field-on-surface-muted);text-align:center}.pdx-inline-async-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-async-select-clear) .pdx-inline-async-select-trigger{padding-right:38px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
|
|
30947
|
+
}, 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);--pdx-inline-chip-active-clear-color: var( --pdx-inline-field-on-surface );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{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-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;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,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .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-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var( --md-sys-color-surface-container-highest );--pdx-inline-panel-surface-raised: var( --md-sys-color-surface-container-high );--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-empty-remote-sentinel{display:none!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),100%)}.pdx-inline-async-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--pdx-inline-field-outline);border-radius:999px;background:var(--pdx-inline-field-surface);font:inherit;cursor:pointer}.pdx-inline-async-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-async-select-trigger:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:2px}.pdx-inline-async-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-async-select-option:hover:not(:disabled),.pdx-inline-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-async-select-option:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:-3px}.pdx-inline-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-async-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-async-select-empty{margin:0;padding:16px;color:var(--pdx-inline-field-on-surface-muted);text-align:center}.pdx-inline-async-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-async-select-clear) .pdx-inline-async-select-trigger{padding-right:38px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
|
|
30916
30948
|
}], propDecorators: { collectionOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => PdxCollectionOverlayComponent), { isSignal: true }] }], collectionSearch: [{ type: i0.ViewChild, args: [i0.forwardRef(() => PdxCollectionSearchComponent), { isSignal: true }] }], overlayTrigger: [{ type: i0.ViewChild, args: ['overlayTrigger', { isSignal: true }] }], overlayOptions: [{ type: i0.ViewChildren, args: ['overlayOption', { isSignal: true }] }], onViewportResize: [{
|
|
30917
30949
|
type: HostListener,
|
|
30918
30950
|
args: ['window:resize']
|
|
@@ -30988,9 +31020,6 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
|
|
|
30988
31020
|
onViewportResize() {
|
|
30989
31021
|
this.recalculateInlineSizeBounds();
|
|
30990
31022
|
}
|
|
30991
|
-
errorStateMatcher() {
|
|
30992
|
-
return getErrorStateMatcherForField(this.metadata());
|
|
30993
|
-
}
|
|
30994
31023
|
getSpecificCssClasses() {
|
|
30995
31024
|
return ['pdx-simple-select', 'pdx-inline-multi-select'];
|
|
30996
31025
|
}
|
|
@@ -31571,15 +31600,12 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
|
|
|
31571
31600
|
<span class="pdx-chip-clear-icon" aria-hidden="true"></span>
|
|
31572
31601
|
</button>
|
|
31573
31602
|
}
|
|
31574
|
-
`, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;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-multiselect-trigger{appearance:none;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-trigger:focus-visible,.pdx-inline-multiselect-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-multiselect-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-multiselect-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-option:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-multiselect-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-token-list{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:104px;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 16%,transparent)}.pdx-chip-token-remove:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 32%,transparent);outline:none}.pdx-chip-token-remove-icon{width:14px;height:14px;color:inherit;position:relative}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after{width:10px;height:1.5px}.pdx-chip-token-remove-icon:before,.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:700;line-height:1}.pdx-chip-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);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{display:block;width:16px;height:16px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{width:12px;height:1.7px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-multi-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel) div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-multiselect-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-multiselect-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading{min-height:34px;padding-inline:18px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 68%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading.mdc-list-item--disabled{color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading-content{display:inline-flex;align-items:center;gap:8px;width:100%;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);color:var(--md-sys-color-primary);font-size:.72rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--md-sys-color-surface-container-highest));display:flex!important;align-items:center!important;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-checkbox{margin-right:12px;color:var(--md-sys-color-primary);font-size:20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-content{display:grid;gap:2px;min-width:0}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-hint{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions{position:sticky;bottom:0;z-index:1;display:flex!important;align-items:center!important;gap:8px;min-height:56px;padding:10px 12px!important;border-top:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 82%,var(--md-sys-color-surface-container-high))!important;cursor:default}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions .mdc-list-item__primary-text{display:contents}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action{min-height:36px;min-width:0;border:1px solid transparent;border-radius:999px;padding:0 14px;font:inherit;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=text]{background:transparent;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=outlined]{border-color:var(--md-sys-color-outline-variant);background:transparent;color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-color-role=danger]{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action--apply{margin-left:auto}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
|
|
31603
|
+
`, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;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-multiselect-trigger{appearance:none;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-trigger:focus-visible,.pdx-inline-multiselect-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-multiselect-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-multiselect-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-option:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-multiselect-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-token-list{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:104px;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 16%,transparent)}.pdx-chip-token-remove:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 32%,transparent);outline:none}.pdx-chip-token-remove-icon{width:14px;height:14px;color:inherit;position:relative}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after{width:10px;height:1.5px}.pdx-chip-token-remove-icon:before,.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:700;line-height:1}.pdx-chip-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);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{display:block;width:16px;height:16px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{width:12px;height:1.7px}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading{min-height:34px;padding-inline:18px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 68%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading-content{display:inline-flex;align-items:center;gap:8px;width:100%;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);color:var(--md-sys-color-primary);font-size:.72rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--md-sys-color-surface-container-highest));display:flex!important;align-items:center!important;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-checkbox{margin-right:12px;color:var(--md-sys-color-primary);font-size:20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-content{display:grid;gap:2px;min-width:0}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-hint{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions{position:sticky;bottom:0;z-index:1;display:flex!important;align-items:center!important;gap:8px;min-height:56px;padding:10px 12px!important;border-top:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 82%,var(--md-sys-color-surface-container-high))!important;cursor:default}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action{min-height:36px;min-width:0;border:1px solid transparent;border-radius:999px;padding:0 14px;font:inherit;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=text]{background:transparent;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=outlined]{border-color:var(--md-sys-color-outline-variant);background:transparent;color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-color-role=danger]{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action--apply{margin-left:auto}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
|
|
31575
31604
|
}
|
|
31576
31605
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineMultiSelectComponent, decorators: [{
|
|
31577
31606
|
type: Component,
|
|
31578
31607
|
args: [{ selector: 'pdx-inline-multi-select', standalone: true, imports: [
|
|
31579
31608
|
ReactiveFormsModule,
|
|
31580
|
-
MatFormFieldModule,
|
|
31581
|
-
MatSelectModule,
|
|
31582
|
-
MatInputModule,
|
|
31583
31609
|
MatTooltipModule,
|
|
31584
31610
|
MatIconModule,
|
|
31585
31611
|
MatProgressSpinnerModule,
|
|
@@ -31767,7 +31793,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
31767
31793
|
'[attr.data-field-type]': '"inlineMultiSelect"',
|
|
31768
31794
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
31769
31795
|
'[attr.data-component-id]': 'componentId()',
|
|
31770
|
-
}, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;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-multiselect-trigger{appearance:none;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-trigger:focus-visible,.pdx-inline-multiselect-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-multiselect-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-multiselect-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-option:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-multiselect-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-token-list{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:104px;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 16%,transparent)}.pdx-chip-token-remove:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 32%,transparent);outline:none}.pdx-chip-token-remove-icon{width:14px;height:14px;color:inherit;position:relative}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after{width:10px;height:1.5px}.pdx-chip-token-remove-icon:before,.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:700;line-height:1}.pdx-chip-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);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{display:block;width:16px;height:16px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{width:12px;height:1.7px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{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-multi-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel) div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-multiselect-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-multiselect-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading{min-height:34px;padding-inline:18px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 68%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading.mdc-list-item--disabled{color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading-content{display:inline-flex;align-items:center;gap:8px;width:100%;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);color:var(--md-sys-color-primary);font-size:.72rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--md-sys-color-surface-container-highest));display:flex!important;align-items:center!important;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-checkbox{margin-right:12px;color:var(--md-sys-color-primary);font-size:20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-content{display:grid;gap:2px;min-width:0}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-hint{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions{position:sticky;bottom:0;z-index:1;display:flex!important;align-items:center!important;gap:8px;min-height:56px;padding:10px 12px!important;border-top:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 82%,var(--md-sys-color-surface-container-high))!important;cursor:default}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions .mdc-list-item__primary-text{display:contents}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action{min-height:36px;min-width:0;border:1px solid transparent;border-radius:999px;padding:0 14px;font:inherit;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=text]{background:transparent;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=outlined]{border-color:var(--md-sys-color-outline-variant);background:transparent;color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-color-role=danger]{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action--apply{margin-left:auto}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}}\n"] }]
|
|
31796
|
+
}, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;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-multiselect-trigger{appearance:none;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-trigger:focus-visible,.pdx-inline-multiselect-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-multiselect-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-multiselect-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-option:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-multiselect-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-token-list{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:104px;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 16%,transparent)}.pdx-chip-token-remove:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 32%,transparent);outline:none}.pdx-chip-token-remove-icon{width:14px;height:14px;color:inherit;position:relative}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after{width:10px;height:1.5px}.pdx-chip-token-remove-icon:before,.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:700;line-height:1}.pdx-chip-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);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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{display:block;width:16px;height:16px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{width:12px;height:1.7px}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading{min-height:34px;padding-inline:18px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 68%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading-content{display:inline-flex;align-items:center;gap:8px;width:100%;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);color:var(--md-sys-color-primary);font-size:.72rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--md-sys-color-surface-container-highest));display:flex!important;align-items:center!important;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-checkbox{margin-right:12px;color:var(--md-sys-color-primary);font-size:20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-content{display:grid;gap:2px;min-width:0}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-hint{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions{position:sticky;bottom:0;z-index:1;display:flex!important;align-items:center!important;gap:8px;min-height:56px;padding:10px 12px!important;border-top:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 82%,var(--md-sys-color-surface-container-high))!important;cursor:default}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action{min-height:36px;min-width:0;border:1px solid transparent;border-radius:999px;padding:0 14px;font:inherit;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=text]{background:transparent;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=outlined]{border-color:var(--md-sys-color-outline-variant);background:transparent;color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-color-role=danger]{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action--apply{margin-left:auto}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}}\n"] }]
|
|
31771
31797
|
}], propDecorators: { readonlyMode: [{
|
|
31772
31798
|
type: Input
|
|
31773
31799
|
}], disabledMode: [{
|
|
@@ -35833,7 +35859,7 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
|
|
|
35833
35859
|
</div>
|
|
35834
35860
|
</ng-template>
|
|
35835
35861
|
</div>
|
|
35836
|
-
`, 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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
35862
|
+
`, 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, 24px);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: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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
35837
35863
|
}
|
|
35838
35864
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineCurrencyRangeComponent, decorators: [{
|
|
35839
35865
|
type: Component,
|
|
@@ -36102,7 +36128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
36102
36128
|
'[attr.data-field-type]': '"inlineCurrencyRange"',
|
|
36103
36129
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
36104
36130
|
'[attr.data-component-id]': 'componentId()',
|
|
36105
|
-
}, 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"] }]
|
|
36131
|
+
}, 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, 24px);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: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"] }]
|
|
36106
36132
|
}], propDecorators: { readonlyMode: [{
|
|
36107
36133
|
type: Input
|
|
36108
36134
|
}], disabledMode: [{
|
|
@@ -36299,7 +36325,7 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
36299
36325
|
</button>
|
|
36300
36326
|
}
|
|
36301
36327
|
</div>
|
|
36302
|
-
`, 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,
|
|
36328
|
+
`, 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, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,currentColor 18%,transparent);color:currentColor}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch{--mdc-switch-selected-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%, transparent );--mdc-switch-selected-hover-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-focus-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-pressed-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 54%, transparent );--mdc-switch-selected-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-hover-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-focus-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-pressed-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:after,:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:before{background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%,transparent)!important;opacity:1}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__handle{background:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important;border:1px solid color-mix(in srgb,var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary)) 28%,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)));box-shadow:0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow) 24%,transparent)}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2$4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
36303
36329
|
}
|
|
36304
36330
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineToggleComponent, decorators: [{
|
|
36305
36331
|
type: Component,
|
|
@@ -36370,7 +36396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
36370
36396
|
'[attr.data-field-type]': '"inlineToggle"',
|
|
36371
36397
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
36372
36398
|
'[attr.data-component-id]': 'componentId()',
|
|
36373
|
-
}, 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,
|
|
36399
|
+
}, 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, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,currentColor 18%,transparent);color:currentColor}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch{--mdc-switch-selected-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%, transparent );--mdc-switch-selected-hover-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-focus-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-pressed-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 54%, transparent );--mdc-switch-selected-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-hover-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-focus-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-pressed-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:after,:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:before{background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%,transparent)!important;opacity:1}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__handle{background:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important;border:1px solid color-mix(in srgb,var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary)) 28%,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)));box-shadow:0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow) 24%,transparent)}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\n"] }]
|
|
36374
36400
|
}], propDecorators: { readonlyMode: [{
|
|
36375
36401
|
type: Input
|
|
36376
36402
|
}], disabledMode: [{
|
|
@@ -38291,7 +38317,7 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
|
|
|
38291
38317
|
</div>
|
|
38292
38318
|
</ng-template>
|
|
38293
38319
|
</div>
|
|
38294
|
-
`, 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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
38320
|
+
`, 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, 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: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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
38295
38321
|
}
|
|
38296
38322
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineRangeSliderComponent, decorators: [{
|
|
38297
38323
|
type: Component,
|
|
@@ -38656,7 +38682,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
38656
38682
|
'[attr.data-field-type]': '"inlineRange"',
|
|
38657
38683
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
38658
38684
|
'[attr.data-component-id]': 'componentId()',
|
|
38659
|
-
}, 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"] }]
|
|
38685
|
+
}, 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, 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: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"] }]
|
|
38660
38686
|
}], propDecorators: { readonlyMode: [{
|
|
38661
38687
|
type: Input
|
|
38662
38688
|
}], disabledMode: [{
|
|
@@ -39642,6 +39668,9 @@ class InlineDateComponent extends MaterialDatepickerComponent {
|
|
|
39642
39668
|
}
|
|
39643
39669
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineDateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
39644
39670
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: InlineDateComponent, isStandalone: true, selector: "pdx-inline-date", host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"inlineDate\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
39671
|
+
{ provide: DateAdapter, useClass: PraxisNativeDateAdapter },
|
|
39672
|
+
{ provide: MatDatepickerIntl, useClass: PraxisMatDatepickerIntl },
|
|
39673
|
+
{ provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },
|
|
39645
39674
|
{
|
|
39646
39675
|
provide: NG_VALUE_ACCESSOR,
|
|
39647
39676
|
useExisting: forwardRef(() => InlineDateComponent),
|
|
@@ -39901,6 +39930,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
39901
39930
|
</mat-datepicker>
|
|
39902
39931
|
</mat-form-field>
|
|
39903
39932
|
`, providers: [
|
|
39933
|
+
{ provide: DateAdapter, useClass: PraxisNativeDateAdapter },
|
|
39934
|
+
{ provide: MatDatepickerIntl, useClass: PraxisMatDatepickerIntl },
|
|
39935
|
+
{ provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },
|
|
39904
39936
|
{
|
|
39905
39937
|
provide: NG_VALUE_ACCESSOR,
|
|
39906
39938
|
useExisting: forwardRef(() => InlineDateComponent),
|
|
@@ -43252,7 +43284,7 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
|
|
|
43252
43284
|
</div>
|
|
43253
43285
|
</ng-template>
|
|
43254
43286
|
</div>
|
|
43255
|
-
`, 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: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] });
|
|
43287
|
+
`, 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, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] });
|
|
43256
43288
|
}
|
|
43257
43289
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineTimeComponent, decorators: [{
|
|
43258
43290
|
type: Component,
|
|
@@ -43519,7 +43551,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
43519
43551
|
'[attr.data-field-type]': '"inlineTime"',
|
|
43520
43552
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
43521
43553
|
'[attr.data-component-id]': 'componentId()',
|
|
43522
|
-
}, 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"] }]
|
|
43554
|
+
}, 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, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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"] }]
|
|
43523
43555
|
}], propDecorators: { inputEl: [{
|
|
43524
43556
|
type: ViewChild,
|
|
43525
43557
|
args: ['inputEl', { read: ElementRef }]
|
|
@@ -46198,7 +46230,7 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
|
|
|
46198
46230
|
</div>
|
|
46199
46231
|
</mat-menu>
|
|
46200
46232
|
</div>
|
|
46201
|
-
`, 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,
|
|
46233
|
+
`, 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, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.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: i4.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$6.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$6.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "component", type: i1$6.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$6.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }] });
|
|
46202
46234
|
}
|
|
46203
46235
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineTreeSelectComponent, decorators: [{
|
|
46204
46236
|
type: Component,
|
|
@@ -46407,7 +46439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
46407
46439
|
'[attr.data-field-type]': '"inlineTreeSelect"',
|
|
46408
46440
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
46409
46441
|
'[attr.data-component-id]': 'componentId()',
|
|
46410
|
-
}, 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,
|
|
46442
|
+
}, 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, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-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"] }]
|
|
46411
46443
|
}], propDecorators: { readonlyMode: [{
|
|
46412
46444
|
type: Input
|
|
46413
46445
|
}], disabledMode: [{
|
|
@@ -47169,7 +47201,7 @@ class InlineRatingComponent extends InlineRangeSliderComponent {
|
|
|
47169
47201
|
</div>
|
|
47170
47202
|
</ng-template>
|
|
47171
47203
|
</div>
|
|
47172
|
-
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-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-rating-min-w, 172px);max-width:min(var(--pdx-inline-rating-max-w, 320px),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-rating-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-rating-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-rating-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;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-rating-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-rating-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-rating-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-rating-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-rating-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-rating-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-rating-chip.is-active .pdx-inline-rating-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-rating-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-rating-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-rating-panel{width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));min-width:min(var(--pdx-inline-rating-panel-min-w, 268px),calc(100vw - 24px));max-width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));padding:14px 14px 12px;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-rating-title{font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-stars{display:grid;grid-auto-flow:column;justify-content:center;gap:8px;min-height:36px;align-items:center}.pdx-inline-rating-star{appearance:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:28px;line-height:1;opacity:.35;transition:transform .12s ease,opacity .12s ease}.pdx-inline-rating-star mat-icon{width:28px;height:28px;font-size:28px;line-height:28px}.pdx-inline-rating-star.is-active{opacity:1}.pdx-inline-rating-star:hover:not(:disabled){transform:scale(1.12)}.pdx-inline-rating-star:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:3px}.pdx-inline-rating-star:disabled{cursor:default}.pdx-inline-rating-star.tone-low{color:var(--pdx-inline-rating-tone-low, #ef4444)}.pdx-inline-rating-star.tone-mid{color:var(--pdx-inline-rating-tone-mid, #f59e0b)}.pdx-inline-rating-star.tone-high{color:var(--pdx-inline-rating-tone-high, #22a45d)}.pdx-inline-rating-boundaries{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pdx-inline-rating-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:11px;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-size:.9rem;font-weight:600}.pdx-inline-rating-badge mat-icon{width:16px;height:16px;font-size:16px;color:var(--pdx-inline-rating-badge-star, #f59e0b)}.pdx-inline-rating-separator{color:var(--md-sys-color-outline);font-weight:500}.pdx-inline-rating-slider-wrap{padding:2px 4px 0}.pdx-inline-rating-slider{width:100%}.pdx-inline-rating-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.pdx-inline-rating-input-field{display:grid;gap:4px}.pdx-inline-rating-input-field span{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-input-field input{width:100%;min-height:34px;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);padding:0 10px;box-sizing:border-box}.pdx-inline-rating-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent);outline-offset:0;border-color:var(--md-sys-color-primary)}.pdx-inline-rating-input-sep{color:var(--md-sys-color-outline)}.pdx-inline-rating-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-rating-preset{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 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-rating-preset.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-rating-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-rating-actions{--pdx-inline-rating-action-primary-container: var(--md-sys-color-primary);--pdx-inline-rating-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-rating-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-rating-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-rating-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-rating-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-rating-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-rating-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-rating-action-danger-container: var(--md-sys-color-error);--pdx-inline-rating-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-rating-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-rating-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-rating-action-spacer{flex:1 1 auto}.pdx-inline-rating-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-rating-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=filled]{background:var(--pdx-inline-rating-action-neutral-container);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=tonal]{background:var(--pdx-inline-rating-action-neutral-tonal-container);color:var(--pdx-inline-rating-action-neutral-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-rating-action-primary-container);color:var(--pdx-inline-rating-action-primary-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-rating-action-primary-tonal-container);color:var(--pdx-inline-rating-action-primary-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=text],.pdx-inline-rating-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-rating-action-danger-container);color:var(--pdx-inline-rating-action-danger-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-rating-action-danger-tonal-container);color:var(--pdx-inline-rating-action-danger-tonal-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=text],.pdx-inline-rating-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-rating-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-rating-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-rating-action:disabled{opacity:.48;cursor:default}\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.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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
47204
|
+
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-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-rating-min-w, 172px);max-width:min(var(--pdx-inline-rating-max-w, 320px),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-rating-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-rating-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-rating-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;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-rating-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-rating-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-rating-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-rating-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-rating-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);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-rating-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-rating-chip.is-active .pdx-inline-rating-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-rating-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-rating-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-rating-panel{width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));min-width:min(var(--pdx-inline-rating-panel-min-w, 268px),calc(100vw - 24px));max-width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));padding:14px 14px 12px;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-rating-title{font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-stars{display:grid;grid-auto-flow:column;justify-content:center;gap:8px;min-height:36px;align-items:center}.pdx-inline-rating-star{appearance:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:28px;line-height:1;opacity:.35;transition:transform .12s ease,opacity .12s ease}.pdx-inline-rating-star mat-icon{width:28px;height:28px;font-size:28px;line-height:28px}.pdx-inline-rating-star.is-active{opacity:1}.pdx-inline-rating-star:hover:not(:disabled){transform:scale(1.12)}.pdx-inline-rating-star:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:3px}.pdx-inline-rating-star:disabled{cursor:default}.pdx-inline-rating-star.tone-low{color:var(--pdx-inline-rating-tone-low, #ef4444)}.pdx-inline-rating-star.tone-mid{color:var(--pdx-inline-rating-tone-mid, #f59e0b)}.pdx-inline-rating-star.tone-high{color:var(--pdx-inline-rating-tone-high, #22a45d)}.pdx-inline-rating-boundaries{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pdx-inline-rating-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:11px;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-size:.9rem;font-weight:600}.pdx-inline-rating-badge mat-icon{width:16px;height:16px;font-size:16px;color:var(--pdx-inline-rating-badge-star, #f59e0b)}.pdx-inline-rating-separator{color:var(--md-sys-color-outline);font-weight:500}.pdx-inline-rating-slider-wrap{padding:2px 4px 0}.pdx-inline-rating-slider{width:100%}.pdx-inline-rating-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.pdx-inline-rating-input-field{display:grid;gap:4px}.pdx-inline-rating-input-field span{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-input-field input{width:100%;min-height:34px;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);padding:0 10px;box-sizing:border-box}.pdx-inline-rating-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent);outline-offset:0;border-color:var(--md-sys-color-primary)}.pdx-inline-rating-input-sep{color:var(--md-sys-color-outline)}.pdx-inline-rating-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-rating-preset{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 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-rating-preset.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-rating-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-rating-actions{--pdx-inline-rating-action-primary-container: var(--md-sys-color-primary);--pdx-inline-rating-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-rating-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-rating-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-rating-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-rating-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-rating-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-rating-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-rating-action-danger-container: var(--md-sys-color-error);--pdx-inline-rating-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-rating-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-rating-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-rating-action-spacer{flex:1 1 auto}.pdx-inline-rating-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-rating-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=filled]{background:var(--pdx-inline-rating-action-neutral-container);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=tonal]{background:var(--pdx-inline-rating-action-neutral-tonal-container);color:var(--pdx-inline-rating-action-neutral-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-rating-action-primary-container);color:var(--pdx-inline-rating-action-primary-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-rating-action-primary-tonal-container);color:var(--pdx-inline-rating-action-primary-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=text],.pdx-inline-rating-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-rating-action-danger-container);color:var(--pdx-inline-rating-action-danger-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-rating-action-danger-tonal-container);color:var(--pdx-inline-rating-action-danger-tonal-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=text],.pdx-inline-rating-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-rating-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-rating-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-rating-action:disabled{opacity:.48;cursor:default}\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.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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
47173
47205
|
}
|
|
47174
47206
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineRatingComponent, decorators: [{
|
|
47175
47207
|
type: Component,
|
|
@@ -47443,7 +47475,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
47443
47475
|
'[attr.data-component-id]': 'componentId()',
|
|
47444
47476
|
'(window:resize)': 'onViewportResize()',
|
|
47445
47477
|
'(document:keydown.escape)': 'onDocumentEscape()',
|
|
47446
|
-
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-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-rating-min-w, 172px);max-width:min(var(--pdx-inline-rating-max-w, 320px),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-rating-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-rating-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-rating-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;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-rating-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-rating-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-rating-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-rating-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-rating-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-rating-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-rating-chip.is-active .pdx-inline-rating-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-rating-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-rating-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-rating-panel{width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));min-width:min(var(--pdx-inline-rating-panel-min-w, 268px),calc(100vw - 24px));max-width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));padding:14px 14px 12px;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-rating-title{font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-stars{display:grid;grid-auto-flow:column;justify-content:center;gap:8px;min-height:36px;align-items:center}.pdx-inline-rating-star{appearance:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:28px;line-height:1;opacity:.35;transition:transform .12s ease,opacity .12s ease}.pdx-inline-rating-star mat-icon{width:28px;height:28px;font-size:28px;line-height:28px}.pdx-inline-rating-star.is-active{opacity:1}.pdx-inline-rating-star:hover:not(:disabled){transform:scale(1.12)}.pdx-inline-rating-star:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:3px}.pdx-inline-rating-star:disabled{cursor:default}.pdx-inline-rating-star.tone-low{color:var(--pdx-inline-rating-tone-low, #ef4444)}.pdx-inline-rating-star.tone-mid{color:var(--pdx-inline-rating-tone-mid, #f59e0b)}.pdx-inline-rating-star.tone-high{color:var(--pdx-inline-rating-tone-high, #22a45d)}.pdx-inline-rating-boundaries{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pdx-inline-rating-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:11px;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-size:.9rem;font-weight:600}.pdx-inline-rating-badge mat-icon{width:16px;height:16px;font-size:16px;color:var(--pdx-inline-rating-badge-star, #f59e0b)}.pdx-inline-rating-separator{color:var(--md-sys-color-outline);font-weight:500}.pdx-inline-rating-slider-wrap{padding:2px 4px 0}.pdx-inline-rating-slider{width:100%}.pdx-inline-rating-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.pdx-inline-rating-input-field{display:grid;gap:4px}.pdx-inline-rating-input-field span{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-input-field input{width:100%;min-height:34px;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);padding:0 10px;box-sizing:border-box}.pdx-inline-rating-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent);outline-offset:0;border-color:var(--md-sys-color-primary)}.pdx-inline-rating-input-sep{color:var(--md-sys-color-outline)}.pdx-inline-rating-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-rating-preset{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 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-rating-preset.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-rating-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-rating-actions{--pdx-inline-rating-action-primary-container: var(--md-sys-color-primary);--pdx-inline-rating-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-rating-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-rating-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-rating-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-rating-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-rating-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-rating-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-rating-action-danger-container: var(--md-sys-color-error);--pdx-inline-rating-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-rating-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-rating-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-rating-action-spacer{flex:1 1 auto}.pdx-inline-rating-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-rating-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=filled]{background:var(--pdx-inline-rating-action-neutral-container);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=tonal]{background:var(--pdx-inline-rating-action-neutral-tonal-container);color:var(--pdx-inline-rating-action-neutral-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-rating-action-primary-container);color:var(--pdx-inline-rating-action-primary-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-rating-action-primary-tonal-container);color:var(--pdx-inline-rating-action-primary-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=text],.pdx-inline-rating-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-rating-action-danger-container);color:var(--pdx-inline-rating-action-danger-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-rating-action-danger-tonal-container);color:var(--pdx-inline-rating-action-danger-tonal-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=text],.pdx-inline-rating-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-rating-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-rating-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-rating-action:disabled{opacity:.48;cursor:default}\n"] }]
|
|
47478
|
+
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-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-rating-min-w, 172px);max-width:min(var(--pdx-inline-rating-max-w, 320px),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-rating-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-rating-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-rating-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;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-rating-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-rating-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-rating-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-rating-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-rating-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);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-rating-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-rating-chip.is-active .pdx-inline-rating-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-rating-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-rating-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-rating-panel{width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));min-width:min(var(--pdx-inline-rating-panel-min-w, 268px),calc(100vw - 24px));max-width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));padding:14px 14px 12px;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-rating-title{font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-stars{display:grid;grid-auto-flow:column;justify-content:center;gap:8px;min-height:36px;align-items:center}.pdx-inline-rating-star{appearance:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:28px;line-height:1;opacity:.35;transition:transform .12s ease,opacity .12s ease}.pdx-inline-rating-star mat-icon{width:28px;height:28px;font-size:28px;line-height:28px}.pdx-inline-rating-star.is-active{opacity:1}.pdx-inline-rating-star:hover:not(:disabled){transform:scale(1.12)}.pdx-inline-rating-star:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:3px}.pdx-inline-rating-star:disabled{cursor:default}.pdx-inline-rating-star.tone-low{color:var(--pdx-inline-rating-tone-low, #ef4444)}.pdx-inline-rating-star.tone-mid{color:var(--pdx-inline-rating-tone-mid, #f59e0b)}.pdx-inline-rating-star.tone-high{color:var(--pdx-inline-rating-tone-high, #22a45d)}.pdx-inline-rating-boundaries{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pdx-inline-rating-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:11px;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-size:.9rem;font-weight:600}.pdx-inline-rating-badge mat-icon{width:16px;height:16px;font-size:16px;color:var(--pdx-inline-rating-badge-star, #f59e0b)}.pdx-inline-rating-separator{color:var(--md-sys-color-outline);font-weight:500}.pdx-inline-rating-slider-wrap{padding:2px 4px 0}.pdx-inline-rating-slider{width:100%}.pdx-inline-rating-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.pdx-inline-rating-input-field{display:grid;gap:4px}.pdx-inline-rating-input-field span{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-input-field input{width:100%;min-height:34px;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);padding:0 10px;box-sizing:border-box}.pdx-inline-rating-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent);outline-offset:0;border-color:var(--md-sys-color-primary)}.pdx-inline-rating-input-sep{color:var(--md-sys-color-outline)}.pdx-inline-rating-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-rating-preset{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 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-rating-preset.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-rating-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-rating-actions{--pdx-inline-rating-action-primary-container: var(--md-sys-color-primary);--pdx-inline-rating-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-rating-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-rating-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-rating-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-rating-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-rating-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-rating-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-rating-action-danger-container: var(--md-sys-color-error);--pdx-inline-rating-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-rating-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-rating-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-rating-action-spacer{flex:1 1 auto}.pdx-inline-rating-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-rating-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=filled]{background:var(--pdx-inline-rating-action-neutral-container);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=tonal]{background:var(--pdx-inline-rating-action-neutral-tonal-container);color:var(--pdx-inline-rating-action-neutral-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-rating-action-primary-container);color:var(--pdx-inline-rating-action-primary-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-rating-action-primary-tonal-container);color:var(--pdx-inline-rating-action-primary-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=text],.pdx-inline-rating-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-rating-action-danger-container);color:var(--pdx-inline-rating-action-danger-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-rating-action-danger-tonal-container);color:var(--pdx-inline-rating-action-danger-tonal-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=text],.pdx-inline-rating-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-rating-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-rating-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-rating-action:disabled{opacity:.48;cursor:default}\n"] }]
|
|
47447
47479
|
}] });
|
|
47448
47480
|
|
|
47449
47481
|
class InlineDistanceRadiusComponent extends InlineRangeSliderComponent {
|
|
@@ -48612,7 +48644,7 @@ class InlineDistanceRadiusComponent extends InlineRangeSliderComponent {
|
|
|
48612
48644
|
</div>
|
|
48613
48645
|
</ng-template>
|
|
48614
48646
|
</div>
|
|
48615
|
-
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-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-distance-min-w, 188px);max-width:min(var(--pdx-inline-distance-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-distance-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-distance-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-distance-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-distance-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-distance-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-distance-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-distance-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-distance-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-distance-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-distance-chip.is-active .pdx-inline-distance-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-distance-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-distance-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-distance-panel{width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-distance-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-distance-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-distance-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-distance-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(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-distance-title{font-size:1rem;font-weight:600}.pdx-inline-distance-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-distance-radial-wrap{display:grid;place-items:center;padding-top:2px}.pdx-inline-distance-radial{width:min(196px,52vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.pdx-inline-distance-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant));transform-origin:center}.pdx-inline-distance-ring.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 65%,var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant)))}.pdx-inline-distance-fill{position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:center;background:radial-gradient(circle,color-mix(in srgb,var(--pdx-inline-distance-gradient-low, #22c55e) 48%,transparent),color-mix(in srgb,var(--pdx-inline-distance-gradient-mid, #f59e0b) 40%,transparent) 58%,color-mix(in srgb,var(--pdx-inline-distance-gradient-high, #ef4444) 34%,transparent))}.pdx-inline-distance-range-band{position:absolute;inset:0;border-radius:50%;pointer-events:none}.pdx-inline-distance-dot{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 75%,white);background:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) );box-shadow:0 0 0 6px color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 16%,transparent)}.pdx-inline-distance-value{display:inline-flex;align-items:baseline;justify-content:center;gap:2px}.pdx-inline-distance-value-number{font-size:2rem;font-weight:700;line-height:1;color:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) )}.pdx-inline-distance-value-unit{font-size:.95rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-distance-units{display:inline-grid;grid-auto-flow:column;gap:0;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);overflow:hidden;justify-self:center}.pdx-inline-distance-unit-btn{min-width:56px;min-height:32px;border:0;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:0 12px;cursor:pointer}.pdx-inline-distance-unit-btn.is-active{background:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 18%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface)}.pdx-inline-distance-unit-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 38%,transparent);outline-offset:-2px}.pdx-inline-distance-unit-btn[disabled]{opacity:.56;cursor:default}.pdx-inline-distance-slider-wrap{padding-top:2px}.pdx-inline-distance-slider{width:100%}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--inactive{background:var(--pdx-inline-distance-track, var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--active_fill{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__thumb-knob{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-edges{display:flex;justify-content:space-between;color:var(--md-sys-color-on-surface-variant);font-size:.82rem}.pdx-inline-distance-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-distance-preset{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:31px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-distance-preset.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 80%,var(--md-sys-color-primary));background:var(--pdx-inline-distance-accent, var(--md-sys-color-primary));color:var(--md-sys-color-on-primary);box-shadow:0 8px 16px color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 28%,transparent)}.pdx-inline-distance-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-distance-actions{display:flex;align-items:center;gap:8px;margin-top:2px}.pdx-inline-distance-action-spacer{flex:1 1 auto}.pdx-inline-distance-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-distance-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-distance-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-distance-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-distance-action[data-appearance=filled]{background:var( --pdx-inline-distance-action-primary-container, var(--md-sys-color-primary-container) );color:var( --pdx-inline-distance-action-primary-label, var(--md-sys-color-on-primary-container) )}.pdx-inline-distance-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-distance-action[data-color-role=primary]{--pdx-inline-distance-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-distance-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-distance-action[data-color-role=danger]{--pdx-inline-distance-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-distance-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-distance-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-distance-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-distance-action[data-appearance=filled]:hover:not(:disabled){background:color-mix(in srgb,var( --pdx-inline-distance-action-primary-container, var(--md-sys-color-primary-container) ) 84%,var(--md-sys-color-primary))}.pdx-inline-distance-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-distance-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-distance-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-distance-radial{width:min(176px,56vw)}.pdx-inline-distance-value-number{font-size:1.8rem}.pdx-inline-distance-preset{min-height:29px;padding:0 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.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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
48647
|
+
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-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-distance-min-w, 188px);max-width:min(var(--pdx-inline-distance-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-distance-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-distance-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-distance-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-distance-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-distance-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-distance-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-distance-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-distance-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);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-distance-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-distance-chip.is-active .pdx-inline-distance-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-distance-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-distance-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-distance-panel{width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-distance-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-distance-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-distance-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-distance-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(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-distance-title{font-size:1rem;font-weight:600}.pdx-inline-distance-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-distance-radial-wrap{display:grid;place-items:center;padding-top:2px}.pdx-inline-distance-radial{width:min(196px,52vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.pdx-inline-distance-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant));transform-origin:center}.pdx-inline-distance-ring.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 65%,var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant)))}.pdx-inline-distance-fill{position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:center;background:radial-gradient(circle,color-mix(in srgb,var(--pdx-inline-distance-gradient-low, #22c55e) 48%,transparent),color-mix(in srgb,var(--pdx-inline-distance-gradient-mid, #f59e0b) 40%,transparent) 58%,color-mix(in srgb,var(--pdx-inline-distance-gradient-high, #ef4444) 34%,transparent))}.pdx-inline-distance-range-band{position:absolute;inset:0;border-radius:50%;pointer-events:none}.pdx-inline-distance-dot{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 75%,white);background:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) );box-shadow:0 0 0 6px color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 16%,transparent)}.pdx-inline-distance-value{display:inline-flex;align-items:baseline;justify-content:center;gap:2px}.pdx-inline-distance-value-number{font-size:2rem;font-weight:700;line-height:1;color:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) )}.pdx-inline-distance-value-unit{font-size:.95rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-distance-units{display:inline-grid;grid-auto-flow:column;gap:0;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);overflow:hidden;justify-self:center}.pdx-inline-distance-unit-btn{min-width:56px;min-height:32px;border:0;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:0 12px;cursor:pointer}.pdx-inline-distance-unit-btn.is-active{background:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 18%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface)}.pdx-inline-distance-unit-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 38%,transparent);outline-offset:-2px}.pdx-inline-distance-unit-btn[disabled]{opacity:.56;cursor:default}.pdx-inline-distance-slider-wrap{padding-top:2px}.pdx-inline-distance-slider{width:100%}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--inactive{background:var(--pdx-inline-distance-track, var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--active_fill{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__thumb-knob{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-edges{display:flex;justify-content:space-between;color:var(--md-sys-color-on-surface-variant);font-size:.82rem}.pdx-inline-distance-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-distance-preset{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:31px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-distance-preset.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 80%,var(--md-sys-color-primary));background:var(--pdx-inline-distance-accent, var(--md-sys-color-primary));color:var(--md-sys-color-on-primary);box-shadow:0 8px 16px color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 28%,transparent)}.pdx-inline-distance-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-distance-actions{display:flex;align-items:center;gap:8px;margin-top:2px}.pdx-inline-distance-action-spacer{flex:1 1 auto}.pdx-inline-distance-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-distance-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-distance-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-distance-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-distance-action[data-appearance=filled]{background:var( --pdx-inline-distance-action-primary-container, var(--md-sys-color-primary-container) );color:var( --pdx-inline-distance-action-primary-label, var(--md-sys-color-on-primary-container) )}.pdx-inline-distance-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-distance-action[data-color-role=primary]{--pdx-inline-distance-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-distance-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-distance-action[data-color-role=danger]{--pdx-inline-distance-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-distance-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-distance-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-distance-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-distance-action[data-appearance=filled]:hover:not(:disabled){background:color-mix(in srgb,var( --pdx-inline-distance-action-primary-container, var(--md-sys-color-primary-container) ) 84%,var(--md-sys-color-primary))}.pdx-inline-distance-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-distance-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-distance-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-distance-radial{width:min(176px,56vw)}.pdx-inline-distance-value-number{font-size:1.8rem}.pdx-inline-distance-preset{min-height:29px;padding:0 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.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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
48616
48648
|
}
|
|
48617
48649
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineDistanceRadiusComponent, decorators: [{
|
|
48618
48650
|
type: Component,
|
|
@@ -48912,7 +48944,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
48912
48944
|
'[attr.data-component-id]': 'componentId()',
|
|
48913
48945
|
'(window:resize)': 'onViewportResize()',
|
|
48914
48946
|
'(document:keydown.escape)': 'onDocumentEscape()',
|
|
48915
|
-
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-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-distance-min-w, 188px);max-width:min(var(--pdx-inline-distance-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-distance-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-distance-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-distance-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-distance-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-distance-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-distance-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-distance-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-distance-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-distance-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-distance-chip.is-active .pdx-inline-distance-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-distance-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-distance-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-distance-panel{width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-distance-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-distance-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-distance-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-distance-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(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-distance-title{font-size:1rem;font-weight:600}.pdx-inline-distance-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-distance-radial-wrap{display:grid;place-items:center;padding-top:2px}.pdx-inline-distance-radial{width:min(196px,52vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.pdx-inline-distance-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant));transform-origin:center}.pdx-inline-distance-ring.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 65%,var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant)))}.pdx-inline-distance-fill{position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:center;background:radial-gradient(circle,color-mix(in srgb,var(--pdx-inline-distance-gradient-low, #22c55e) 48%,transparent),color-mix(in srgb,var(--pdx-inline-distance-gradient-mid, #f59e0b) 40%,transparent) 58%,color-mix(in srgb,var(--pdx-inline-distance-gradient-high, #ef4444) 34%,transparent))}.pdx-inline-distance-range-band{position:absolute;inset:0;border-radius:50%;pointer-events:none}.pdx-inline-distance-dot{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 75%,white);background:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) );box-shadow:0 0 0 6px color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 16%,transparent)}.pdx-inline-distance-value{display:inline-flex;align-items:baseline;justify-content:center;gap:2px}.pdx-inline-distance-value-number{font-size:2rem;font-weight:700;line-height:1;color:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) )}.pdx-inline-distance-value-unit{font-size:.95rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-distance-units{display:inline-grid;grid-auto-flow:column;gap:0;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);overflow:hidden;justify-self:center}.pdx-inline-distance-unit-btn{min-width:56px;min-height:32px;border:0;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:0 12px;cursor:pointer}.pdx-inline-distance-unit-btn.is-active{background:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 18%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface)}.pdx-inline-distance-unit-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 38%,transparent);outline-offset:-2px}.pdx-inline-distance-unit-btn[disabled]{opacity:.56;cursor:default}.pdx-inline-distance-slider-wrap{padding-top:2px}.pdx-inline-distance-slider{width:100%}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--inactive{background:var(--pdx-inline-distance-track, var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--active_fill{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__thumb-knob{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-edges{display:flex;justify-content:space-between;color:var(--md-sys-color-on-surface-variant);font-size:.82rem}.pdx-inline-distance-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-distance-preset{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:31px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-distance-preset.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 80%,var(--md-sys-color-primary));background:var(--pdx-inline-distance-accent, var(--md-sys-color-primary));color:var(--md-sys-color-on-primary);box-shadow:0 8px 16px color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 28%,transparent)}.pdx-inline-distance-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-distance-actions{display:flex;align-items:center;gap:8px;margin-top:2px}.pdx-inline-distance-action-spacer{flex:1 1 auto}.pdx-inline-distance-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-distance-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-distance-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-distance-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-distance-action[data-appearance=filled]{background:var( --pdx-inline-distance-action-primary-container, var(--md-sys-color-primary-container) );color:var( --pdx-inline-distance-action-primary-label, var(--md-sys-color-on-primary-container) )}.pdx-inline-distance-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-distance-action[data-color-role=primary]{--pdx-inline-distance-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-distance-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-distance-action[data-color-role=danger]{--pdx-inline-distance-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-distance-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-distance-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-distance-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-distance-action[data-appearance=filled]:hover:not(:disabled){background:color-mix(in srgb,var( --pdx-inline-distance-action-primary-container, var(--md-sys-color-primary-container) ) 84%,var(--md-sys-color-primary))}.pdx-inline-distance-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-distance-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-distance-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-distance-radial{width:min(176px,56vw)}.pdx-inline-distance-value-number{font-size:1.8rem}.pdx-inline-distance-preset{min-height:29px;padding:0 10px;font-size:.82rem}}\n"] }]
|
|
48947
|
+
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-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-distance-min-w, 188px);max-width:min(var(--pdx-inline-distance-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-distance-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-distance-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-distance-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-distance-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-distance-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-distance-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-distance-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-distance-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);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-distance-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-distance-chip.is-active .pdx-inline-distance-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-distance-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-distance-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-distance-panel{width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-distance-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-distance-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-distance-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-distance-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(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-distance-title{font-size:1rem;font-weight:600}.pdx-inline-distance-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-distance-radial-wrap{display:grid;place-items:center;padding-top:2px}.pdx-inline-distance-radial{width:min(196px,52vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.pdx-inline-distance-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant));transform-origin:center}.pdx-inline-distance-ring.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 65%,var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant)))}.pdx-inline-distance-fill{position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:center;background:radial-gradient(circle,color-mix(in srgb,var(--pdx-inline-distance-gradient-low, #22c55e) 48%,transparent),color-mix(in srgb,var(--pdx-inline-distance-gradient-mid, #f59e0b) 40%,transparent) 58%,color-mix(in srgb,var(--pdx-inline-distance-gradient-high, #ef4444) 34%,transparent))}.pdx-inline-distance-range-band{position:absolute;inset:0;border-radius:50%;pointer-events:none}.pdx-inline-distance-dot{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 75%,white);background:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) );box-shadow:0 0 0 6px color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 16%,transparent)}.pdx-inline-distance-value{display:inline-flex;align-items:baseline;justify-content:center;gap:2px}.pdx-inline-distance-value-number{font-size:2rem;font-weight:700;line-height:1;color:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) )}.pdx-inline-distance-value-unit{font-size:.95rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-distance-units{display:inline-grid;grid-auto-flow:column;gap:0;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);overflow:hidden;justify-self:center}.pdx-inline-distance-unit-btn{min-width:56px;min-height:32px;border:0;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:0 12px;cursor:pointer}.pdx-inline-distance-unit-btn.is-active{background:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 18%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface)}.pdx-inline-distance-unit-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 38%,transparent);outline-offset:-2px}.pdx-inline-distance-unit-btn[disabled]{opacity:.56;cursor:default}.pdx-inline-distance-slider-wrap{padding-top:2px}.pdx-inline-distance-slider{width:100%}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--inactive{background:var(--pdx-inline-distance-track, var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--active_fill{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__thumb-knob{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-edges{display:flex;justify-content:space-between;color:var(--md-sys-color-on-surface-variant);font-size:.82rem}.pdx-inline-distance-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-distance-preset{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:31px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-distance-preset.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 80%,var(--md-sys-color-primary));background:var(--pdx-inline-distance-accent, var(--md-sys-color-primary));color:var(--md-sys-color-on-primary);box-shadow:0 8px 16px color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 28%,transparent)}.pdx-inline-distance-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-distance-actions{display:flex;align-items:center;gap:8px;margin-top:2px}.pdx-inline-distance-action-spacer{flex:1 1 auto}.pdx-inline-distance-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-distance-action mat-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-inline-distance-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-distance-action[data-appearance=text]{border-color:transparent;background:transparent}.pdx-inline-distance-action[data-appearance=filled]{background:var( --pdx-inline-distance-action-primary-container, var(--md-sys-color-primary-container) );color:var( --pdx-inline-distance-action-primary-label, var(--md-sys-color-on-primary-container) )}.pdx-inline-distance-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-distance-action[data-color-role=primary]{--pdx-inline-distance-action-primary-container: var(--md-sys-color-primary-container);--pdx-inline-distance-action-primary-label: var(--md-sys-color-on-primary-container)}.pdx-inline-distance-action[data-color-role=danger]{--pdx-inline-distance-action-primary-container: var(--md-sys-color-error-container);--pdx-inline-distance-action-primary-label: var(--md-sys-color-on-error-container);color:var(--md-sys-color-error)}.pdx-inline-distance-action[data-color-role=secondary]{color:var(--md-sys-color-secondary)}.pdx-inline-distance-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-distance-action[data-appearance=filled]:hover:not(:disabled){background:color-mix(in srgb,var( --pdx-inline-distance-action-primary-container, var(--md-sys-color-primary-container) ) 84%,var(--md-sys-color-primary))}.pdx-inline-distance-action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent)}.pdx-inline-distance-action:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-distance-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-distance-radial{width:min(176px,56vw)}.pdx-inline-distance-value-number{font-size:1.8rem}.pdx-inline-distance-preset{min-height:29px;padding:0 10px;font-size:.82rem}}\n"] }]
|
|
48916
48948
|
}] });
|
|
48917
48949
|
|
|
48918
48950
|
class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
@@ -50109,7 +50141,7 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
50109
50141
|
</div>
|
|
50110
50142
|
</ng-template>
|
|
50111
50143
|
</div>
|
|
50112
|
-
`, 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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.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: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
50144
|
+
`, 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, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.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: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
50113
50145
|
}
|
|
50114
50146
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlinePipelineStatusComponent, decorators: [{
|
|
50115
50147
|
type: Component,
|
|
@@ -50392,7 +50424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
50392
50424
|
'[attr.data-component-id]': 'componentId()',
|
|
50393
50425
|
'(window:resize)': 'onViewportResize()',
|
|
50394
50426
|
'(document:keydown.escape)': 'onDocumentEscape()',
|
|
50395
|
-
}, 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"] }]
|
|
50427
|
+
}, 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, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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"] }]
|
|
50396
50428
|
}], propDecorators: { readonlyMode: [{
|
|
50397
50429
|
type: Input
|
|
50398
50430
|
}], disabledMode: [{
|
|
@@ -51348,7 +51380,7 @@ class InlineScorePriorityComponent extends InlineRangeSliderComponent {
|
|
|
51348
51380
|
</div>
|
|
51349
51381
|
</ng-template>
|
|
51350
51382
|
</div>
|
|
51351
|
-
`, isInline: true, 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"], 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.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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
51383
|
+
`, isInline: true, 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, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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"], 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.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$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
51352
51384
|
}
|
|
51353
51385
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineScorePriorityComponent, decorators: [{
|
|
51354
51386
|
type: Component,
|
|
@@ -51630,7 +51662,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
51630
51662
|
'[attr.data-component-id]': 'componentId()',
|
|
51631
51663
|
'(window:resize)': 'onViewportResize()',
|
|
51632
51664
|
'(document:keydown.escape)': 'onDocumentEscape()',
|
|
51633
|
-
}, 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,
|
|
51665
|
+
}, 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, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);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"] }]
|
|
51634
51666
|
}] });
|
|
51635
51667
|
|
|
51636
51668
|
const DEFAULT_RELATIVE_PERIOD_OPTION_DEFS = [
|
|
@@ -52647,7 +52679,7 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
|
|
|
52647
52679
|
</div>
|
|
52648
52680
|
</ng-template>
|
|
52649
52681
|
</div>
|
|
52650
|
-
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-relative-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-relative-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-relative-min-w, 186px);max-width:min(var(--pdx-inline-relative-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-relative-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-relative-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-relative-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-relative-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-relative-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-relative-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-relative-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-relative-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-relative-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-relative-chip.is-active .pdx-inline-relative-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-relative-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-relative-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-relative-panel{width:min(var(--pdx-inline-relative-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-relative-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-relative-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-relative-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-relative-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-relative-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-relative-title{font-size:1rem;font-weight:600}.pdx-inline-relative-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-relative-progress{display:grid;gap:6px}.pdx-inline-relative-progress-track{display:block;height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--md-sys-color-outline-variant) 34%,transparent)}.pdx-inline-relative-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--md-sys-color-primary);transition:width .18s ease}.pdx-inline-relative-progress-labels{display:flex;justify-content:space-between;gap:10px;color:var(--md-sys-color-on-surface-variant);font-size:.76rem}.pdx-inline-relative-grid{display:grid;grid-template-columns:repeat(var(--pdx-inline-relative-grid-columns, 2),minmax(0,1fr));gap:10px}.pdx-inline-relative-card{position:relative;min-height:48px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);text-align:left;padding:10px 12px;display:grid;gap:4px;cursor:pointer}.pdx-inline-relative-card-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.pdx-inline-relative-card-main mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}.pdx-inline-relative-card-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600}.pdx-inline-relative-card-subtitle{font-size:.78rem;line-height:1.2;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-relative-card-check{position:absolute;top:8px;right:8px;width:16px;height:16px;font-size:16px}.pdx-inline-relative-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-relative-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-relative-card:disabled{opacity:.56;cursor:default}.pdx-inline-relative-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-relative-actions{--pdx-inline-relative-action-primary-container: var(--md-sys-color-primary);--pdx-inline-relative-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-relative-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-relative-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-relative-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-relative-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-relative-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-relative-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-relative-action-danger-container: var(--md-sys-color-error);--pdx-inline-relative-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-relative-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-relative-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-relative-action-spacer{flex:1 1 auto}.pdx-inline-relative-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-relative-action mat-icon{width:16px;height:16px;font-size:16px}.pdx-inline-relative-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-relative-action-neutral-label)}.pdx-inline-relative-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-relative-action-neutral-label)}.pdx-inline-relative-action[data-appearance=filled]{background:var(--pdx-inline-relative-action-neutral-container);color:var(--pdx-inline-relative-action-neutral-label)}.pdx-inline-relative-action[data-appearance=tonal]{background:var(--pdx-inline-relative-action-neutral-tonal-container);color:var(--pdx-inline-relative-action-neutral-tonal-label)}.pdx-inline-relative-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-relative-action-primary-container);color:var(--pdx-inline-relative-action-primary-label)}.pdx-inline-relative-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-relative-action-primary-tonal-container);color:var(--pdx-inline-relative-action-primary-tonal-label)}.pdx-inline-relative-action[data-color-role=primary][data-appearance=text],.pdx-inline-relative-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-relative-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-relative-action-danger-container);color:var(--pdx-inline-relative-action-danger-label)}.pdx-inline-relative-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-relative-action-danger-tonal-container);color:var(--pdx-inline-relative-action-danger-tonal-label)}.pdx-inline-relative-action[data-color-role=danger][data-appearance=text],.pdx-inline-relative-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-relative-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-relative-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-relative-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-relative-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-relative-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
52682
|
+
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-relative-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-relative-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-relative-min-w, 186px);max-width:min(var(--pdx-inline-relative-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-relative-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-relative-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-relative-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-relative-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-relative-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-relative-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-relative-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-relative-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);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-relative-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-relative-chip.is-active .pdx-inline-relative-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-relative-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-relative-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-relative-panel{width:min(var(--pdx-inline-relative-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-relative-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-relative-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-relative-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-relative-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-relative-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-relative-title{font-size:1rem;font-weight:600}.pdx-inline-relative-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-relative-progress{display:grid;gap:6px}.pdx-inline-relative-progress-track{display:block;height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--md-sys-color-outline-variant) 34%,transparent)}.pdx-inline-relative-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--md-sys-color-primary);transition:width .18s ease}.pdx-inline-relative-progress-labels{display:flex;justify-content:space-between;gap:10px;color:var(--md-sys-color-on-surface-variant);font-size:.76rem}.pdx-inline-relative-grid{display:grid;grid-template-columns:repeat(var(--pdx-inline-relative-grid-columns, 2),minmax(0,1fr));gap:10px}.pdx-inline-relative-card{position:relative;min-height:48px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);text-align:left;padding:10px 12px;display:grid;gap:4px;cursor:pointer}.pdx-inline-relative-card-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.pdx-inline-relative-card-main mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}.pdx-inline-relative-card-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600}.pdx-inline-relative-card-subtitle{font-size:.78rem;line-height:1.2;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-relative-card-check{position:absolute;top:8px;right:8px;width:16px;height:16px;font-size:16px}.pdx-inline-relative-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-relative-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-relative-card:disabled{opacity:.56;cursor:default}.pdx-inline-relative-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-relative-actions{--pdx-inline-relative-action-primary-container: var(--md-sys-color-primary);--pdx-inline-relative-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-relative-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-relative-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-relative-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-relative-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-relative-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-relative-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-relative-action-danger-container: var(--md-sys-color-error);--pdx-inline-relative-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-relative-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-relative-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-relative-action-spacer{flex:1 1 auto}.pdx-inline-relative-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-relative-action mat-icon{width:16px;height:16px;font-size:16px}.pdx-inline-relative-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-relative-action-neutral-label)}.pdx-inline-relative-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-relative-action-neutral-label)}.pdx-inline-relative-action[data-appearance=filled]{background:var(--pdx-inline-relative-action-neutral-container);color:var(--pdx-inline-relative-action-neutral-label)}.pdx-inline-relative-action[data-appearance=tonal]{background:var(--pdx-inline-relative-action-neutral-tonal-container);color:var(--pdx-inline-relative-action-neutral-tonal-label)}.pdx-inline-relative-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-relative-action-primary-container);color:var(--pdx-inline-relative-action-primary-label)}.pdx-inline-relative-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-relative-action-primary-tonal-container);color:var(--pdx-inline-relative-action-primary-tonal-label)}.pdx-inline-relative-action[data-color-role=primary][data-appearance=text],.pdx-inline-relative-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-relative-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-relative-action-danger-container);color:var(--pdx-inline-relative-action-danger-label)}.pdx-inline-relative-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-relative-action-danger-tonal-container);color:var(--pdx-inline-relative-action-danger-tonal-label)}.pdx-inline-relative-action[data-color-role=danger][data-appearance=text],.pdx-inline-relative-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-relative-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-relative-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-relative-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-relative-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-relative-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
52651
52683
|
}
|
|
52652
52684
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineRelativePeriodComponent, decorators: [{
|
|
52653
52685
|
type: Component,
|
|
@@ -52883,7 +52915,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
52883
52915
|
'[attr.data-component-id]': 'componentId()',
|
|
52884
52916
|
'(window:resize)': 'onViewportResize()',
|
|
52885
52917
|
'(document:keydown.escape)': 'onDocumentEscape()',
|
|
52886
|
-
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-relative-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-relative-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-relative-min-w, 186px);max-width:min(var(--pdx-inline-relative-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-relative-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-relative-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-relative-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-relative-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-relative-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-relative-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-relative-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-relative-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size,
|
|
52918
|
+
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-relative-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-relative-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-relative-min-w, 186px);max-width:min(var(--pdx-inline-relative-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-relative-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-relative-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-relative-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-relative-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-relative-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-relative-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-relative-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-relative-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);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-relative-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-relative-chip.is-active .pdx-inline-relative-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-relative-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-relative-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-relative-panel{width:min(var(--pdx-inline-relative-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-relative-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-relative-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-relative-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-relative-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-relative-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-relative-title{font-size:1rem;font-weight:600}.pdx-inline-relative-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-relative-progress{display:grid;gap:6px}.pdx-inline-relative-progress-track{display:block;height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--md-sys-color-outline-variant) 34%,transparent)}.pdx-inline-relative-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--md-sys-color-primary);transition:width .18s ease}.pdx-inline-relative-progress-labels{display:flex;justify-content:space-between;gap:10px;color:var(--md-sys-color-on-surface-variant);font-size:.76rem}.pdx-inline-relative-grid{display:grid;grid-template-columns:repeat(var(--pdx-inline-relative-grid-columns, 2),minmax(0,1fr));gap:10px}.pdx-inline-relative-card{position:relative;min-height:48px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);text-align:left;padding:10px 12px;display:grid;gap:4px;cursor:pointer}.pdx-inline-relative-card-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.pdx-inline-relative-card-main mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}.pdx-inline-relative-card-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600}.pdx-inline-relative-card-subtitle{font-size:.78rem;line-height:1.2;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-relative-card-check{position:absolute;top:8px;right:8px;width:16px;height:16px;font-size:16px}.pdx-inline-relative-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-relative-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-relative-card:disabled{opacity:.56;cursor:default}.pdx-inline-relative-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-relative-actions{--pdx-inline-relative-action-primary-container: var(--md-sys-color-primary);--pdx-inline-relative-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-relative-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-relative-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-relative-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-relative-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-relative-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-relative-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-relative-action-danger-container: var(--md-sys-color-error);--pdx-inline-relative-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-relative-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-relative-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-relative-action-spacer{flex:1 1 auto}.pdx-inline-relative-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-relative-action mat-icon{width:16px;height:16px;font-size:16px}.pdx-inline-relative-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-relative-action-neutral-label)}.pdx-inline-relative-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-relative-action-neutral-label)}.pdx-inline-relative-action[data-appearance=filled]{background:var(--pdx-inline-relative-action-neutral-container);color:var(--pdx-inline-relative-action-neutral-label)}.pdx-inline-relative-action[data-appearance=tonal]{background:var(--pdx-inline-relative-action-neutral-tonal-container);color:var(--pdx-inline-relative-action-neutral-tonal-label)}.pdx-inline-relative-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-relative-action-primary-container);color:var(--pdx-inline-relative-action-primary-label)}.pdx-inline-relative-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-relative-action-primary-tonal-container);color:var(--pdx-inline-relative-action-primary-tonal-label)}.pdx-inline-relative-action[data-color-role=primary][data-appearance=text],.pdx-inline-relative-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-relative-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-relative-action-danger-container);color:var(--pdx-inline-relative-action-danger-label)}.pdx-inline-relative-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-relative-action-danger-tonal-container);color:var(--pdx-inline-relative-action-danger-tonal-label)}.pdx-inline-relative-action[data-color-role=danger][data-appearance=text],.pdx-inline-relative-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-relative-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-relative-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-relative-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-relative-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-relative-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}\n"] }]
|
|
52887
52919
|
}], propDecorators: { readonlyMode: [{
|
|
52888
52920
|
type: Input
|
|
52889
52921
|
}], disabledMode: [{
|
|
@@ -53922,7 +53954,7 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
|
|
|
53922
53954
|
</div>
|
|
53923
53955
|
</ng-template>
|
|
53924
53956
|
</div>
|
|
53925
|
-
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-sentiment-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-sentiment-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-sentiment-min-w, 186px);max-width:min(var(--pdx-inline-sentiment-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-sentiment-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-sentiment-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-sentiment-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-sentiment-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-sentiment-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-sentiment-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-sentiment-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-sentiment-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-sentiment-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-sentiment-chip.is-active .pdx-inline-sentiment-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-sentiment-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-sentiment-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-sentiment-panel{width:min(var(--pdx-inline-sentiment-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-sentiment-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-sentiment-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-sentiment-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-sentiment-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-sentiment-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-sentiment-title{font-size:1rem;font-weight:600}.pdx-inline-sentiment-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-sentiment-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-height:30px;border-radius:999px;overflow:hidden;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-inline-sentiment-segment{display:block;opacity:.58;transition:opacity .12s ease,filter .12s ease}.pdx-inline-sentiment-segment.is-selected{opacity:1;filter:saturate(1.2)}.pdx-inline-sentiment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pdx-inline-sentiment-card{min-height:84px;border-radius:12px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);display:grid;justify-items:center;align-content:center;gap:4px;padding:8px;cursor:pointer}.pdx-inline-sentiment-emoji{font-size:1.8rem;line-height:1}.pdx-inline-sentiment-card.with-motion .pdx-inline-sentiment-emoji{transition:transform .14s ease}.pdx-inline-sentiment-card.with-motion:hover .pdx-inline-sentiment-emoji,.pdx-inline-sentiment-card.with-motion.is-selected .pdx-inline-sentiment-emoji{transform:translateY(-1px) scale(1.08)}.pdx-inline-sentiment-label{font-size:.88rem;font-weight:600}.pdx-inline-sentiment-sub{font-size:.74rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-sentiment-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-sentiment-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-sentiment-card:disabled{opacity:.56;cursor:default}.pdx-inline-sentiment-pills{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-sentiment-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-sentiment-pill-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-sentiment-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-sentiment-actions{--pdx-inline-sentiment-action-primary-container: var(--md-sys-color-primary);--pdx-inline-sentiment-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-sentiment-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-sentiment-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-sentiment-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-sentiment-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-sentiment-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-sentiment-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-sentiment-action-danger-container: var(--md-sys-color-error);--pdx-inline-sentiment-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-sentiment-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-sentiment-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-sentiment-action-spacer{flex:1 1 auto}.pdx-inline-sentiment-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-sentiment-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=filled]{background:var(--pdx-inline-sentiment-action-neutral-container);color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-neutral-tonal-container);color:var(--pdx-inline-sentiment-action-neutral-tonal-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-sentiment-action-primary-container);color:var(--pdx-inline-sentiment-action-primary-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-primary-tonal-container);color:var(--pdx-inline-sentiment-action-primary-tonal-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=text],.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-sentiment-action-danger-container);color:var(--pdx-inline-sentiment-action-danger-label)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-danger-tonal-container);color:var(--pdx-inline-sentiment-action-danger-tonal-label)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=text],.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-sentiment-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-sentiment-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-sentiment-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-sentiment-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-sentiment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
53957
|
+
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-sentiment-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-sentiment-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-sentiment-min-w, 186px);max-width:min(var(--pdx-inline-sentiment-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-sentiment-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-sentiment-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-sentiment-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-sentiment-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-sentiment-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-sentiment-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-sentiment-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-sentiment-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);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-sentiment-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-sentiment-chip.is-active .pdx-inline-sentiment-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-sentiment-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-sentiment-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-sentiment-panel{width:min(var(--pdx-inline-sentiment-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-sentiment-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-sentiment-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-sentiment-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-sentiment-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-sentiment-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-sentiment-title{font-size:1rem;font-weight:600}.pdx-inline-sentiment-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-sentiment-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-height:30px;border-radius:999px;overflow:hidden;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-inline-sentiment-segment{display:block;opacity:.58;transition:opacity .12s ease,filter .12s ease}.pdx-inline-sentiment-segment.is-selected{opacity:1;filter:saturate(1.2)}.pdx-inline-sentiment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pdx-inline-sentiment-card{min-height:84px;border-radius:12px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);display:grid;justify-items:center;align-content:center;gap:4px;padding:8px;cursor:pointer}.pdx-inline-sentiment-emoji{font-size:1.8rem;line-height:1}.pdx-inline-sentiment-card.with-motion .pdx-inline-sentiment-emoji{transition:transform .14s ease}.pdx-inline-sentiment-card.with-motion:hover .pdx-inline-sentiment-emoji,.pdx-inline-sentiment-card.with-motion.is-selected .pdx-inline-sentiment-emoji{transform:translateY(-1px) scale(1.08)}.pdx-inline-sentiment-label{font-size:.88rem;font-weight:600}.pdx-inline-sentiment-sub{font-size:.74rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-sentiment-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-sentiment-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-sentiment-card:disabled{opacity:.56;cursor:default}.pdx-inline-sentiment-pills{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-sentiment-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-sentiment-pill-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-sentiment-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-sentiment-actions{--pdx-inline-sentiment-action-primary-container: var(--md-sys-color-primary);--pdx-inline-sentiment-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-sentiment-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-sentiment-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-sentiment-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-sentiment-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-sentiment-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-sentiment-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-sentiment-action-danger-container: var(--md-sys-color-error);--pdx-inline-sentiment-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-sentiment-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-sentiment-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-sentiment-action-spacer{flex:1 1 auto}.pdx-inline-sentiment-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-sentiment-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=filled]{background:var(--pdx-inline-sentiment-action-neutral-container);color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-neutral-tonal-container);color:var(--pdx-inline-sentiment-action-neutral-tonal-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-sentiment-action-primary-container);color:var(--pdx-inline-sentiment-action-primary-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-primary-tonal-container);color:var(--pdx-inline-sentiment-action-primary-tonal-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=text],.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-sentiment-action-danger-container);color:var(--pdx-inline-sentiment-action-danger-label)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-danger-tonal-container);color:var(--pdx-inline-sentiment-action-danger-tonal-label)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=text],.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-sentiment-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-sentiment-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-sentiment-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-sentiment-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-sentiment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
53926
53958
|
}
|
|
53927
53959
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineSentimentComponent, decorators: [{
|
|
53928
53960
|
type: Component,
|
|
@@ -54151,7 +54183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
54151
54183
|
'[attr.data-component-id]': 'componentId()',
|
|
54152
54184
|
'(window:resize)': 'onViewportResize()',
|
|
54153
54185
|
'(document:keydown.escape)': 'onDocumentEscape()',
|
|
54154
|
-
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-sentiment-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-sentiment-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-sentiment-min-w, 186px);max-width:min(var(--pdx-inline-sentiment-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-sentiment-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-sentiment-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-sentiment-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-sentiment-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-sentiment-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-sentiment-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-sentiment-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-sentiment-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-sentiment-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-sentiment-chip.is-active .pdx-inline-sentiment-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-sentiment-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-sentiment-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-sentiment-panel{width:min(var(--pdx-inline-sentiment-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-sentiment-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-sentiment-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-sentiment-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-sentiment-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-sentiment-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-sentiment-title{font-size:1rem;font-weight:600}.pdx-inline-sentiment-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-sentiment-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-height:30px;border-radius:999px;overflow:hidden;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-inline-sentiment-segment{display:block;opacity:.58;transition:opacity .12s ease,filter .12s ease}.pdx-inline-sentiment-segment.is-selected{opacity:1;filter:saturate(1.2)}.pdx-inline-sentiment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pdx-inline-sentiment-card{min-height:84px;border-radius:12px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);display:grid;justify-items:center;align-content:center;gap:4px;padding:8px;cursor:pointer}.pdx-inline-sentiment-emoji{font-size:1.8rem;line-height:1}.pdx-inline-sentiment-card.with-motion .pdx-inline-sentiment-emoji{transition:transform .14s ease}.pdx-inline-sentiment-card.with-motion:hover .pdx-inline-sentiment-emoji,.pdx-inline-sentiment-card.with-motion.is-selected .pdx-inline-sentiment-emoji{transform:translateY(-1px) scale(1.08)}.pdx-inline-sentiment-label{font-size:.88rem;font-weight:600}.pdx-inline-sentiment-sub{font-size:.74rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-sentiment-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-sentiment-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-sentiment-card:disabled{opacity:.56;cursor:default}.pdx-inline-sentiment-pills{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-sentiment-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-sentiment-pill-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-sentiment-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-sentiment-actions{--pdx-inline-sentiment-action-primary-container: var(--md-sys-color-primary);--pdx-inline-sentiment-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-sentiment-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-sentiment-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-sentiment-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-sentiment-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-sentiment-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-sentiment-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-sentiment-action-danger-container: var(--md-sys-color-error);--pdx-inline-sentiment-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-sentiment-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-sentiment-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-sentiment-action-spacer{flex:1 1 auto}.pdx-inline-sentiment-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-sentiment-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=filled]{background:var(--pdx-inline-sentiment-action-neutral-container);color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-neutral-tonal-container);color:var(--pdx-inline-sentiment-action-neutral-tonal-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-sentiment-action-primary-container);color:var(--pdx-inline-sentiment-action-primary-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-primary-tonal-container);color:var(--pdx-inline-sentiment-action-primary-tonal-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=text],.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-sentiment-action-danger-container);color:var(--pdx-inline-sentiment-action-danger-label)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-danger-tonal-container);color:var(--pdx-inline-sentiment-action-danger-tonal-label)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=text],.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-sentiment-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-sentiment-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-sentiment-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-sentiment-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-sentiment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}\n"] }]
|
|
54186
|
+
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-sentiment-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-sentiment-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-sentiment-min-w, 186px);max-width:min(var(--pdx-inline-sentiment-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-sentiment-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-sentiment-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-sentiment-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-sentiment-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-sentiment-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-sentiment-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-sentiment-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-sentiment-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);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-sentiment-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-sentiment-chip.is-active .pdx-inline-sentiment-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-sentiment-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-sentiment-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-sentiment-panel{width:min(var(--pdx-inline-sentiment-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-sentiment-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-sentiment-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-sentiment-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-sentiment-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-sentiment-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-sentiment-title{font-size:1rem;font-weight:600}.pdx-inline-sentiment-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-sentiment-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-height:30px;border-radius:999px;overflow:hidden;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-inline-sentiment-segment{display:block;opacity:.58;transition:opacity .12s ease,filter .12s ease}.pdx-inline-sentiment-segment.is-selected{opacity:1;filter:saturate(1.2)}.pdx-inline-sentiment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pdx-inline-sentiment-card{min-height:84px;border-radius:12px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);display:grid;justify-items:center;align-content:center;gap:4px;padding:8px;cursor:pointer}.pdx-inline-sentiment-emoji{font-size:1.8rem;line-height:1}.pdx-inline-sentiment-card.with-motion .pdx-inline-sentiment-emoji{transition:transform .14s ease}.pdx-inline-sentiment-card.with-motion:hover .pdx-inline-sentiment-emoji,.pdx-inline-sentiment-card.with-motion.is-selected .pdx-inline-sentiment-emoji{transform:translateY(-1px) scale(1.08)}.pdx-inline-sentiment-label{font-size:.88rem;font-weight:600}.pdx-inline-sentiment-sub{font-size:.74rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-sentiment-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-sentiment-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-sentiment-card:disabled{opacity:.56;cursor:default}.pdx-inline-sentiment-pills{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-sentiment-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-sentiment-pill-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-sentiment-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-sentiment-actions{--pdx-inline-sentiment-action-primary-container: var(--md-sys-color-primary);--pdx-inline-sentiment-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-sentiment-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-sentiment-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-sentiment-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-sentiment-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-sentiment-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-sentiment-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-sentiment-action-danger-container: var(--md-sys-color-error);--pdx-inline-sentiment-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-sentiment-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-sentiment-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-sentiment-action-spacer{flex:1 1 auto}.pdx-inline-sentiment-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-sentiment-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=filled]{background:var(--pdx-inline-sentiment-action-neutral-container);color:var(--pdx-inline-sentiment-action-neutral-label)}.pdx-inline-sentiment-action[data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-neutral-tonal-container);color:var(--pdx-inline-sentiment-action-neutral-tonal-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-sentiment-action-primary-container);color:var(--pdx-inline-sentiment-action-primary-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-primary-tonal-container);color:var(--pdx-inline-sentiment-action-primary-tonal-label)}.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=text],.pdx-inline-sentiment-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-sentiment-action-danger-container);color:var(--pdx-inline-sentiment-action-danger-label)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-sentiment-action-danger-tonal-container);color:var(--pdx-inline-sentiment-action-danger-tonal-label)}.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=text],.pdx-inline-sentiment-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-sentiment-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-sentiment-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-sentiment-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-sentiment-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-sentiment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}\n"] }]
|
|
54155
54187
|
}], propDecorators: { readonlyMode: [{
|
|
54156
54188
|
type: Input
|
|
54157
54189
|
}], disabledMode: [{
|
|
@@ -55149,7 +55181,7 @@ class InlineColorLabelComponent extends SimpleBaseSelectComponent {
|
|
|
55149
55181
|
</div>
|
|
55150
55182
|
</ng-template>
|
|
55151
55183
|
</div>
|
|
55152
|
-
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-color-label-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-color-label-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-color-label-min-w, 186px);max-width:min(var(--pdx-inline-color-label-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-color-label-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-color-label-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-color-label-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-color-label-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-color-label-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-color-label-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-color-label-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-color-label-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-color-label-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-color-label-chip.is-active .pdx-inline-color-label-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-color-label-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-color-label-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-color-label-panel{width:min(var(--pdx-inline-color-label-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-color-label-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-color-label-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-color-label-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-color-label-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-color-label-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-color-label-title{font-size:1rem;font-weight:600}.pdx-inline-color-label-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-color-label-grid{display:grid;grid-template-columns:repeat(var(--pdx-inline-color-label-grid-columns, 4),minmax(0,1fr));gap:10px}.pdx-inline-color-label-card{position:relative;min-height:96px;border-radius:12px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);display:grid;justify-items:center;align-content:center;gap:6px;padding:10px;cursor:pointer;text-align:center}.pdx-inline-color-label-circle{width:38px;height:38px;border-radius:50%;border:2px solid color-mix(in srgb,#000 12%,transparent)}.pdx-inline-color-label-card-label{font-size:.86rem;font-weight:600}.pdx-inline-color-label-card-subtitle{font-size:.74rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-color-label-card-check{position:absolute;right:6px;top:6px;width:16px;height:16px;font-size:16px}.pdx-inline-color-label-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-color-label-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-color-label-card:disabled{opacity:.56;cursor:default}.pdx-inline-color-label-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-inline-color-label-badges-title{color:var(--md-sys-color-on-surface-variant);font-size:.8rem}.pdx-inline-color-label-badge{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;cursor:pointer}.pdx-inline-color-label-badge-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-color-label-badge mat-icon{width:14px;height:14px;font-size:14px}.pdx-inline-color-label-badge:disabled{opacity:.56;cursor:default}.pdx-inline-color-label-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-color-label-actions{--pdx-inline-color-label-action-primary-container: var(--md-sys-color-primary);--pdx-inline-color-label-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-color-label-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-color-label-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-color-label-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-color-label-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-color-label-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-color-label-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-color-label-action-danger-container: var(--md-sys-color-error);--pdx-inline-color-label-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-color-label-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-color-label-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-color-label-action-spacer{flex:1 1 auto}.pdx-inline-color-label-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-color-label-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=filled]{background:var(--pdx-inline-color-label-action-neutral-container);color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=tonal]{background:var(--pdx-inline-color-label-action-neutral-tonal-container);color:var(--pdx-inline-color-label-action-neutral-tonal-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-color-label-action-primary-container);color:var(--pdx-inline-color-label-action-primary-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-color-label-action-primary-tonal-container);color:var(--pdx-inline-color-label-action-primary-tonal-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=text],.pdx-inline-color-label-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-color-label-action-danger-container);color:var(--pdx-inline-color-label-action-danger-label)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-color-label-action-danger-tonal-container);color:var(--pdx-inline-color-label-action-danger-tonal-label)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=text],.pdx-inline-color-label-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-color-label-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-color-label-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-color-label-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-color-label-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-color-label-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
55184
|
+
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-color-label-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-color-label-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-color-label-min-w, 186px);max-width:min(var(--pdx-inline-color-label-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-color-label-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-color-label-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-color-label-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-color-label-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-color-label-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-color-label-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-color-label-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-color-label-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);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-color-label-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-color-label-chip.is-active .pdx-inline-color-label-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-color-label-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-color-label-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-color-label-panel{width:min(var(--pdx-inline-color-label-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-color-label-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-color-label-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-color-label-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-color-label-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-color-label-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-color-label-title{font-size:1rem;font-weight:600}.pdx-inline-color-label-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-color-label-grid{display:grid;grid-template-columns:repeat(var(--pdx-inline-color-label-grid-columns, 4),minmax(0,1fr));gap:10px}.pdx-inline-color-label-card{position:relative;min-height:96px;border-radius:12px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);display:grid;justify-items:center;align-content:center;gap:6px;padding:10px;cursor:pointer;text-align:center}.pdx-inline-color-label-circle{width:38px;height:38px;border-radius:50%;border:2px solid color-mix(in srgb,#000 12%,transparent)}.pdx-inline-color-label-card-label{font-size:.86rem;font-weight:600}.pdx-inline-color-label-card-subtitle{font-size:.74rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-color-label-card-check{position:absolute;right:6px;top:6px;width:16px;height:16px;font-size:16px}.pdx-inline-color-label-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-color-label-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-color-label-card:disabled{opacity:.56;cursor:default}.pdx-inline-color-label-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-inline-color-label-badges-title{color:var(--md-sys-color-on-surface-variant);font-size:.8rem}.pdx-inline-color-label-badge{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;cursor:pointer}.pdx-inline-color-label-badge-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-color-label-badge mat-icon{width:14px;height:14px;font-size:14px}.pdx-inline-color-label-badge:disabled{opacity:.56;cursor:default}.pdx-inline-color-label-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-color-label-actions{--pdx-inline-color-label-action-primary-container: var(--md-sys-color-primary);--pdx-inline-color-label-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-color-label-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-color-label-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-color-label-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-color-label-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-color-label-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-color-label-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-color-label-action-danger-container: var(--md-sys-color-error);--pdx-inline-color-label-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-color-label-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-color-label-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-color-label-action-spacer{flex:1 1 auto}.pdx-inline-color-label-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-color-label-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=filled]{background:var(--pdx-inline-color-label-action-neutral-container);color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=tonal]{background:var(--pdx-inline-color-label-action-neutral-tonal-container);color:var(--pdx-inline-color-label-action-neutral-tonal-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-color-label-action-primary-container);color:var(--pdx-inline-color-label-action-primary-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-color-label-action-primary-tonal-container);color:var(--pdx-inline-color-label-action-primary-tonal-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=text],.pdx-inline-color-label-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-color-label-action-danger-container);color:var(--pdx-inline-color-label-action-danger-label)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-color-label-action-danger-tonal-container);color:var(--pdx-inline-color-label-action-danger-tonal-label)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=text],.pdx-inline-color-label-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-color-label-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-color-label-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-color-label-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-color-label-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-color-label-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.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$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
55153
55185
|
}
|
|
55154
55186
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineColorLabelComponent, decorators: [{
|
|
55155
55187
|
type: Component,
|
|
@@ -55382,7 +55414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
55382
55414
|
'[attr.data-component-id]': 'componentId()',
|
|
55383
55415
|
'(window:resize)': 'onViewportResize()',
|
|
55384
55416
|
'(document:keydown.escape)': 'onDocumentEscape()',
|
|
55385
|
-
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-color-label-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-color-label-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-color-label-min-w, 186px);max-width:min(var(--pdx-inline-color-label-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-color-label-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-color-label-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-color-label-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-color-label-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-color-label-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-color-label-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-color-label-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-color-label-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-color-label-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-color-label-chip.is-active .pdx-inline-color-label-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-color-label-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-color-label-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-color-label-panel{width:min(var(--pdx-inline-color-label-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-color-label-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-color-label-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-color-label-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-color-label-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-color-label-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-color-label-title{font-size:1rem;font-weight:600}.pdx-inline-color-label-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-color-label-grid{display:grid;grid-template-columns:repeat(var(--pdx-inline-color-label-grid-columns, 4),minmax(0,1fr));gap:10px}.pdx-inline-color-label-card{position:relative;min-height:96px;border-radius:12px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);display:grid;justify-items:center;align-content:center;gap:6px;padding:10px;cursor:pointer;text-align:center}.pdx-inline-color-label-circle{width:38px;height:38px;border-radius:50%;border:2px solid color-mix(in srgb,#000 12%,transparent)}.pdx-inline-color-label-card-label{font-size:.86rem;font-weight:600}.pdx-inline-color-label-card-subtitle{font-size:.74rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-color-label-card-check{position:absolute;right:6px;top:6px;width:16px;height:16px;font-size:16px}.pdx-inline-color-label-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-color-label-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-color-label-card:disabled{opacity:.56;cursor:default}.pdx-inline-color-label-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-inline-color-label-badges-title{color:var(--md-sys-color-on-surface-variant);font-size:.8rem}.pdx-inline-color-label-badge{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;cursor:pointer}.pdx-inline-color-label-badge-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-color-label-badge mat-icon{width:14px;height:14px;font-size:14px}.pdx-inline-color-label-badge:disabled{opacity:.56;cursor:default}.pdx-inline-color-label-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-color-label-actions{--pdx-inline-color-label-action-primary-container: var(--md-sys-color-primary);--pdx-inline-color-label-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-color-label-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-color-label-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-color-label-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-color-label-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-color-label-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-color-label-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-color-label-action-danger-container: var(--md-sys-color-error);--pdx-inline-color-label-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-color-label-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-color-label-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-color-label-action-spacer{flex:1 1 auto}.pdx-inline-color-label-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-color-label-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=filled]{background:var(--pdx-inline-color-label-action-neutral-container);color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=tonal]{background:var(--pdx-inline-color-label-action-neutral-tonal-container);color:var(--pdx-inline-color-label-action-neutral-tonal-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-color-label-action-primary-container);color:var(--pdx-inline-color-label-action-primary-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-color-label-action-primary-tonal-container);color:var(--pdx-inline-color-label-action-primary-tonal-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=text],.pdx-inline-color-label-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-color-label-action-danger-container);color:var(--pdx-inline-color-label-action-danger-label)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-color-label-action-danger-tonal-container);color:var(--pdx-inline-color-label-action-danger-tonal-label)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=text],.pdx-inline-color-label-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-color-label-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-color-label-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-color-label-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-color-label-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-color-label-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n"] }]
|
|
55417
|
+
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-color-label-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-color-label-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-color-label-min-w, 186px);max-width:min(var(--pdx-inline-color-label-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-color-label-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-color-label-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-color-label-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-color-label-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-color-label-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-color-label-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-color-label-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-color-label-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);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-color-label-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-color-label-chip.is-active .pdx-inline-color-label-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-color-label-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-color-label-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-color-label-panel{width:min(var(--pdx-inline-color-label-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-color-label-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-color-label-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-color-label-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-color-label-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-color-label-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-color-label-title{font-size:1rem;font-weight:600}.pdx-inline-color-label-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-color-label-grid{display:grid;grid-template-columns:repeat(var(--pdx-inline-color-label-grid-columns, 4),minmax(0,1fr));gap:10px}.pdx-inline-color-label-card{position:relative;min-height:96px;border-radius:12px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);display:grid;justify-items:center;align-content:center;gap:6px;padding:10px;cursor:pointer;text-align:center}.pdx-inline-color-label-circle{width:38px;height:38px;border-radius:50%;border:2px solid color-mix(in srgb,#000 12%,transparent)}.pdx-inline-color-label-card-label{font-size:.86rem;font-weight:600}.pdx-inline-color-label-card-subtitle{font-size:.74rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-color-label-card-check{position:absolute;right:6px;top:6px;width:16px;height:16px;font-size:16px}.pdx-inline-color-label-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-color-label-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-color-label-card:disabled{opacity:.56;cursor:default}.pdx-inline-color-label-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-inline-color-label-badges-title{color:var(--md-sys-color-on-surface-variant);font-size:.8rem}.pdx-inline-color-label-badge{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;cursor:pointer}.pdx-inline-color-label-badge-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-color-label-badge mat-icon{width:14px;height:14px;font-size:14px}.pdx-inline-color-label-badge:disabled{opacity:.56;cursor:default}.pdx-inline-color-label-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-color-label-actions{--pdx-inline-color-label-action-primary-container: var(--md-sys-color-primary);--pdx-inline-color-label-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-color-label-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-color-label-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-color-label-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-color-label-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-color-label-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-color-label-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-color-label-action-danger-container: var(--md-sys-color-error);--pdx-inline-color-label-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-color-label-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-color-label-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-color-label-action-spacer{flex:1 1 auto}.pdx-inline-color-label-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-color-label-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=filled]{background:var(--pdx-inline-color-label-action-neutral-container);color:var(--pdx-inline-color-label-action-neutral-label)}.pdx-inline-color-label-action[data-appearance=tonal]{background:var(--pdx-inline-color-label-action-neutral-tonal-container);color:var(--pdx-inline-color-label-action-neutral-tonal-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-color-label-action-primary-container);color:var(--pdx-inline-color-label-action-primary-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-color-label-action-primary-tonal-container);color:var(--pdx-inline-color-label-action-primary-tonal-label)}.pdx-inline-color-label-action[data-color-role=primary][data-appearance=text],.pdx-inline-color-label-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-color-label-action-danger-container);color:var(--pdx-inline-color-label-action-danger-label)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-color-label-action-danger-tonal-container);color:var(--pdx-inline-color-label-action-danger-tonal-label)}.pdx-inline-color-label-action[data-color-role=danger][data-appearance=text],.pdx-inline-color-label-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-color-label-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-color-label-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-color-label-action:disabled{opacity:.48;cursor:default}@media(max-width:768px){.pdx-inline-color-label-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-color-label-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n"] }]
|
|
55386
55418
|
}], propDecorators: { readonlyMode: [{
|
|
55387
55419
|
type: Input
|
|
55388
55420
|
}], disabledMode: [{
|
|
@@ -69350,15 +69382,15 @@ const PRAXIS_DYNAMIC_FIELDS_AUTHORING_PROFILES = [
|
|
|
69350
69382
|
targetDescription: 'Entity lookup metadata paths such as resourcePath, value/display fields and governed dialog search behavior.',
|
|
69351
69383
|
operationId: 'field.entityLookup.configure',
|
|
69352
69384
|
operationTitle: 'Configure entity lookup field metadata',
|
|
69353
|
-
properties: { optionSource: { type: 'object' }, resourcePath: { type: 'string' }, valueField: { type: 'string' }, displayField: { type: 'string' }, searchable: { type: 'boolean' }, dialog: { type: 'object', properties: { enabled: { type: 'boolean' }, title: { type: 'string' }, size: { type: 'string', enum: ['sm', 'md', 'lg', 'xl', 'full'] }, previewPanel: { type: 'boolean' }, allowColumnChooser: { type: 'boolean' }, allowSavedViews: { type: 'boolean' } } } },
|
|
69385
|
+
properties: { optionSource: { type: 'object' }, resourcePath: { type: 'string' }, valueField: { type: 'string' }, displayField: { type: 'string' }, searchable: { type: 'boolean' }, actions: { type: 'object', properties: { showDetail: { type: 'boolean' }, showChange: { type: 'boolean' }, showCopyCode: { type: 'boolean' }, showCopyId: { type: 'boolean' }, showCreate: { type: 'boolean' }, showClear: { type: 'boolean' } } }, dialog: { type: 'object', properties: { enabled: { type: 'boolean' }, title: { type: 'string' }, size: { type: 'string', enum: ['sm', 'md', 'lg', 'xl', 'full'] }, previewPanel: { type: 'boolean' }, allowColumnChooser: { type: 'boolean' }, allowSavedViews: { type: 'boolean' } } } },
|
|
69354
69386
|
validators: [
|
|
69355
69387
|
{ validatorId: 'entity-resource-binding-valid', level: 'error', code: 'PDFP007', description: 'Entity lookup controls require canonical resource binding and stable value/display identity fields.' },
|
|
69356
69388
|
{ validatorId: 'option-source-valid', level: 'error', code: 'PDFP005', description: 'Option controls require canonical optionSource/options semantics, including cascade dependency mappings when present.' },
|
|
69357
69389
|
{ validatorId: 'option-identity-valid', level: 'error', code: 'PDFP006', description: 'Value and display identity fields must exist in local options or the remote option source schema.' },
|
|
69358
69390
|
],
|
|
69359
69391
|
operationValidators: ['entity-resource-binding-valid', 'option-source-valid', 'option-identity-valid'],
|
|
69360
|
-
affectedPaths: ['fieldMetadata.optionSource', 'fieldMetadata.resourcePath', 'fieldMetadata.valueField', 'fieldMetadata.displayField', 'fieldMetadata.searchable', 'fieldMetadata.dialog'],
|
|
69361
|
-
example: { id: 'configure-entity-lookup', request: 'Bind the entity lookup to users, show the name while storing the id, and provide governed advanced search.', operationId: 'field.entityLookup.configure', params: { optionSource: { key: 'user', type: 'RESOURCE_ENTITY', resourcePath: '/users', valuePropertyPath: 'id', labelPropertyPath: 'name', includeIds: false, capabilities: { filter: true, byIds: true }, dependsOn: ['companyId'], dependencyFilterMap: { companyId: 'companyId' } }, valueField: 'id', displayField: 'name', searchable: true, dialog: { enabled: true, size: 'lg', previewPanel: true } }, isPositive: true },
|
|
69392
|
+
affectedPaths: ['fieldMetadata.optionSource', 'fieldMetadata.resourcePath', 'fieldMetadata.valueField', 'fieldMetadata.displayField', 'fieldMetadata.searchable', 'fieldMetadata.actions', 'fieldMetadata.dialog'],
|
|
69393
|
+
example: { id: 'configure-entity-lookup', request: 'Bind the entity lookup to users, show the name while storing the id, use the inline trigger to change the selection, and provide governed advanced search.', operationId: 'field.entityLookup.configure', params: { optionSource: { key: 'user', type: 'RESOURCE_ENTITY', resourcePath: '/users', valuePropertyPath: 'id', labelPropertyPath: 'name', includeIds: false, capabilities: { filter: true, byIds: true }, dependsOn: ['companyId'], dependencyFilterMap: { companyId: 'companyId' } }, valueField: 'id', displayField: 'name', searchable: true, actions: { showDetail: true, showChange: false, showClear: true }, dialog: { enabled: true, size: 'lg', previewPanel: true } }, isPositive: true },
|
|
69362
69394
|
}),
|
|
69363
69395
|
fieldMetadataProfile({
|
|
69364
69396
|
profileId: 'tree-select',
|