@praxisui/dynamic-fields 8.0.0-beta.32 → 8.0.0-beta.34

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -4560,6 +4560,11 @@ class MaterialAvatarComponent {
         const hint = meta?.hint;
         return typeof hint === 'string' && hint.trim().length ? hint.trim() : '';
     }, ...(ngDevMode ? [{ debugName: "resolvedHint" }] : /* istanbul ignore next */ []));
+    resolvedLabel = computed(() => {
+        const meta = this.metadata();
+        const label = meta?.label;
+        return typeof label === 'string' && label.trim().length ? label.trim() : '';
+    }, ...(ngDevMode ? [{ debugName: "resolvedLabel" }] : /* istanbul ignore next */ []));
     hintId = computed(() => (this.resolvedHint() ? `${this.componentId()}-hint` : null), ...(ngDevMode ? [{ debugName: "hintId" }] : /* istanbul ignore next */ []));
     // Helpers for icon resolution
     resolveIconKind(i) {
@@ -5130,6 +5135,9 @@ class MaterialAvatarComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialAvatarComponent, isStandalone: true, selector: "pdx-material-avatar", inputs: { imageSrc: "imageSrc", imageAlt: "imageAlt", initials: "initials", name: "name", icon: "icon", defaultIcon: "defaultIcon", themeColor: "themeColor", rounded: "rounded", size: "size", fillMode: "fillMode", border: "border", sizePx: "sizePx", sizeCss: "sizeCss", tooltip: "tooltip", ariaLabel: "ariaLabel", status: "status", statusLabel: "statusLabel", badge: "badge", badgeLabel: "badgeLabel", emphasisLabel: "emphasisLabel", emphasis: "emphasis", emphasisColor: "emphasisColor", initialsMaxLength: "initialsMaxLength", groupItems: "groupItems", groupMaxVisible: "groupMaxVisible", groupOverlap: "groupOverlap", groupOverflowLabel: "groupOverflowLabel", groupLabel: "groupLabel", readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode", class: "class", style: "style" }, outputs: { imageError: "imageError" }, host: { properties: { "class": "componentCssClasses()", "style.display": "visible === false ? \"none\" : null", "attr.aria-hidden": "visible === false ? \"true\" : null", "attr.role": "computedHostRole()", "attr.aria-label": "computedAriaLabel() || null", "attr.aria-describedby": "hintId()", "attr.data-field-type": "\"avatar\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()", "class.praxis-disabled": "disabledMode === true", "class.praxis-readonly": "readonlyMode === true", "class.presentation-mode": "presentationMode === true" } }, usesOnChanges: true, ngImport: i0, template: `
+    @if (resolvedLabel()) {
+      <span class="pfx-avatar__label">{{ resolvedLabel() }}</span>
+    }
     @if (shouldRenderGroup()) {
       <span class="pfx-avatar__group"
             role="list"
@@ -5231,7 +5239,7 @@ class MaterialAvatarComponent {
     @if (resolvedHint()) {
       <span class="pfx-avatar__hint" [attr.id]="hintId()">{{ resolvedHint() }}</span>
     }
-  `, isInline: true, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);--pfx-avatar-status-online: #15803d;--pfx-avatar-status-offline: var(--md-sys-color-outline, #6b7280);--pfx-avatar-status-busy: var(--md-sys-color-error, #b3261e);--pfx-avatar-status-away: #b45309;--pfx-avatar-status-verified: var(--md-sys-color-primary, #6750a4);--pfx-avatar-badge-bg: var(--md-sys-color-error, #b3261e);--pfx-avatar-badge-fg: var(--md-sys-color-on-error, #ffffff);--pfx-avatar-overlay-ring: var(--md-sys-color-surface, #ffffff);--pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.emphasis-ring) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-ring{box-shadow:0 0 0 2px var(--pfx-avatar-overlay-ring),0 0 0 4px var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color))}:host(.emphasis-halo) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-halo{box-shadow:0 0 0 2px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 28%,transparent),0 8px 20px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 22%,transparent)}.pfx-avatar__group{display:inline-flex;align-items:center;min-width:0;isolation:isolate}.pfx-avatar__group-item,.pfx-avatar__group-overflow{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 var(--pfx-avatar-size);-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:max(1px,var(--pfx-avatar-border-w)) solid var(--pfx-avatar-overlay-ring);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline, #64748b) 22%,transparent)}.pfx-avatar__group-overflow{background:var(--md-sys-color-surface-variant, #e2e8f0);color:var(--md-sys-color-on-surface-variant, #334155);font-size:calc(var(--pfx-avatar-size) * .34);font-weight:700}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}.pfx-avatar__group-item.fill-outline{background:var(--md-sys-color-surface, #ffffff);color:var(--_pfx-avatar-bg, var(--pfx-avatar-fg));border-color:var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__group-item.rounded-full,.pfx-avatar__group-overflow.rounded-full{--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}.pfx-avatar__group-item.rounded-large,.pfx-avatar__group-overflow.rounded-large{--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}.pfx-avatar__group-item.rounded-medium,.pfx-avatar__group-overflow.rounded-medium{--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}.pfx-avatar__group-item.rounded-small,.pfx-avatar__group-overflow.rounded-small{--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}.pfx-avatar__group-item.rounded-none,.pfx-avatar__group-overflow.rounded-none{--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:0;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__status{position:absolute;right:4%;bottom:4%;width:max(7px,calc(var(--pfx-avatar-size) * .24));height:max(7px,calc(var(--pfx-avatar-size) * .24));border-radius:9999px;box-sizing:border-box;background:var(--_pfx-avatar-status-color, var(--pfx-avatar-status-offline));box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .04)) var(--pfx-avatar-overlay-ring)}.pfx-avatar__badge{position:absolute;top:4%;right:4%;min-width:max(12px,calc(var(--pfx-avatar-size) * .3));height:max(12px,calc(var(--pfx-avatar-size) * .3));max-width:calc(var(--pfx-avatar-size) * .58);padding:0 4px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--pfx-avatar-badge-bg);color:var(--pfx-avatar-badge-fg);box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .035)) var(--pfx-avatar-overlay-ring);font-size:max(8px,calc(var(--pfx-avatar-size) * .22));font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__hint{display:block;margin-top:6px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}:host-context(.pfx-field-shell){display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-inverse-surface, #1f2937);--_pfx-avatar-fg: var(--md-sys-color-inverse-on-surface, #f9fafb)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.status-online){--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}:host(.status-offline){--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}:host(.status-busy){--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}:host(.status-away){--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}:host(.status-verified){--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}.pfx-avatar__group-item.status-online{--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}.pfx-avatar__group-item.status-offline{--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}.pfx-avatar__group-item.status-busy{--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}.pfx-avatar__group-item.status-away{--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}.pfx-avatar__group-item.status-verified{--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}:host(.emphasis-color-primary),.pfx-avatar__group-item.emphasis-color-primary{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4)}:host(.emphasis-color-secondary),.pfx-avatar__group-item.emphasis-color-secondary{--_pfx-avatar-emphasis-color: var(--md-sys-color-secondary, #625b71)}:host(.emphasis-color-tertiary),.pfx-avatar__group-item.emphasis-color-tertiary{--_pfx-avatar-emphasis-color: var(--md-sys-color-tertiary, #7d5260)}:host(.emphasis-color-base),.pfx-avatar__group-item.emphasis-color-base{--_pfx-avatar-emphasis-color: var(--md-sys-color-outline, #79747e)}:host(.emphasis-color-info),.pfx-avatar__group-item.emphasis-color-info{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary-container, #eaddff)}:host(.emphasis-color-success),.pfx-avatar__group-item.emphasis-color-success{--_pfx-avatar-emphasis-color: #15803d}:host(.emphasis-color-warning),.pfx-avatar__group-item.emphasis-color-warning{--_pfx-avatar-emphasis-color: #b45309}:host(.emphasis-color-error),.pfx-avatar__group-item.emphasis-color-error{--_pfx-avatar-emphasis-color: var(--md-sys-color-error, #b3261e)}:host(.emphasis-color-dark),.pfx-avatar__group-item.emphasis-color-dark{--_pfx-avatar-emphasis-color: var(--md-sys-color-inverse-surface, #1f2937)}:host(.emphasis-color-light),.pfx-avatar__group-item.emphasis-color-light{--_pfx-avatar-emphasis-color: var(--md-sys-color-surface, #ffffff)}:host(.emphasis-color-inverse),.pfx-avatar__group-item.emphasis-color-inverse{--_pfx-avatar-emphasis-color: var(--md-sys-color-on-surface, #1d1b20)}:host(.emphasis-color-none),.pfx-avatar__group-item.emphasis-color-none{--_pfx-avatar-emphasis-color: transparent}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
+  `, isInline: true, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);--pfx-avatar-status-online: #15803d;--pfx-avatar-status-offline: var(--md-sys-color-outline, #6b7280);--pfx-avatar-status-busy: var(--md-sys-color-error, #b3261e);--pfx-avatar-status-away: #b45309;--pfx-avatar-status-verified: var(--md-sys-color-primary, #6750a4);--pfx-avatar-badge-bg: var(--md-sys-color-error, #b3261e);--pfx-avatar-badge-fg: var(--md-sys-color-on-error, #ffffff);--pfx-avatar-overlay-ring: var(--md-sys-color-surface, #ffffff);--pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.emphasis-ring) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-ring{box-shadow:0 0 0 2px var(--pfx-avatar-overlay-ring),0 0 0 4px var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color))}:host(.emphasis-halo) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-halo{box-shadow:0 0 0 2px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 28%,transparent),0 8px 20px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 22%,transparent)}.pfx-avatar__group{display:inline-flex;align-items:center;min-width:0;isolation:isolate}.pfx-avatar__group-item,.pfx-avatar__group-overflow{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 var(--pfx-avatar-size);-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:max(1px,var(--pfx-avatar-border-w)) solid var(--pfx-avatar-overlay-ring);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline, #64748b) 22%,transparent)}.pfx-avatar__group-overflow{background:var(--md-sys-color-surface-variant, #e2e8f0);color:var(--md-sys-color-on-surface-variant, #334155);font-size:calc(var(--pfx-avatar-size) * .34);font-weight:700}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}.pfx-avatar__group-item.fill-outline{background:var(--md-sys-color-surface, #ffffff);color:var(--_pfx-avatar-bg, var(--pfx-avatar-fg));border-color:var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__group-item.rounded-full,.pfx-avatar__group-overflow.rounded-full{--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}.pfx-avatar__group-item.rounded-large,.pfx-avatar__group-overflow.rounded-large{--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}.pfx-avatar__group-item.rounded-medium,.pfx-avatar__group-overflow.rounded-medium{--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}.pfx-avatar__group-item.rounded-small,.pfx-avatar__group-overflow.rounded-small{--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}.pfx-avatar__group-item.rounded-none,.pfx-avatar__group-overflow.rounded-none{--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:0;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__status{position:absolute;right:4%;bottom:4%;width:max(7px,calc(var(--pfx-avatar-size) * .24));height:max(7px,calc(var(--pfx-avatar-size) * .24));border-radius:9999px;box-sizing:border-box;background:var(--_pfx-avatar-status-color, var(--pfx-avatar-status-offline));box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .04)) var(--pfx-avatar-overlay-ring)}.pfx-avatar__badge{position:absolute;top:4%;right:4%;min-width:max(12px,calc(var(--pfx-avatar-size) * .3));height:max(12px,calc(var(--pfx-avatar-size) * .3));max-width:calc(var(--pfx-avatar-size) * .58);padding:0 4px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--pfx-avatar-badge-bg);color:var(--pfx-avatar-badge-fg);box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .035)) var(--pfx-avatar-overlay-ring);font-size:max(8px,calc(var(--pfx-avatar-size) * .22));font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__hint{display:block;margin-top:6px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}.pfx-avatar__label{display:block;margin-bottom:6px;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87));font-size:12px;font-weight:500;line-height:1.25}:host-context(.pfx-field-shell){--pfx-avatar-size: 64px;display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-inverse-surface, #1f2937);--_pfx-avatar-fg: var(--md-sys-color-inverse-on-surface, #f9fafb)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.status-online){--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}:host(.status-offline){--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}:host(.status-busy){--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}:host(.status-away){--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}:host(.status-verified){--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}.pfx-avatar__group-item.status-online{--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}.pfx-avatar__group-item.status-offline{--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}.pfx-avatar__group-item.status-busy{--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}.pfx-avatar__group-item.status-away{--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}.pfx-avatar__group-item.status-verified{--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}:host(.emphasis-color-primary),.pfx-avatar__group-item.emphasis-color-primary{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4)}:host(.emphasis-color-secondary),.pfx-avatar__group-item.emphasis-color-secondary{--_pfx-avatar-emphasis-color: var(--md-sys-color-secondary, #625b71)}:host(.emphasis-color-tertiary),.pfx-avatar__group-item.emphasis-color-tertiary{--_pfx-avatar-emphasis-color: var(--md-sys-color-tertiary, #7d5260)}:host(.emphasis-color-base),.pfx-avatar__group-item.emphasis-color-base{--_pfx-avatar-emphasis-color: var(--md-sys-color-outline, #79747e)}:host(.emphasis-color-info),.pfx-avatar__group-item.emphasis-color-info{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary-container, #eaddff)}:host(.emphasis-color-success),.pfx-avatar__group-item.emphasis-color-success{--_pfx-avatar-emphasis-color: #15803d}:host(.emphasis-color-warning),.pfx-avatar__group-item.emphasis-color-warning{--_pfx-avatar-emphasis-color: #b45309}:host(.emphasis-color-error),.pfx-avatar__group-item.emphasis-color-error{--_pfx-avatar-emphasis-color: var(--md-sys-color-error, #b3261e)}:host(.emphasis-color-dark),.pfx-avatar__group-item.emphasis-color-dark{--_pfx-avatar-emphasis-color: var(--md-sys-color-inverse-surface, #1f2937)}:host(.emphasis-color-light),.pfx-avatar__group-item.emphasis-color-light{--_pfx-avatar-emphasis-color: var(--md-sys-color-surface, #ffffff)}:host(.emphasis-color-inverse),.pfx-avatar__group-item.emphasis-color-inverse{--_pfx-avatar-emphasis-color: var(--md-sys-color-on-surface, #1d1b20)}:host(.emphasis-color-none),.pfx-avatar__group-item.emphasis-color-none{--_pfx-avatar-emphasis-color: transparent}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAvatarComponent, decorators: [{
             type: Component,
@@ -5249,6 +5257,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[class.praxis-readonly]': 'readonlyMode === true',
                         '[class.presentation-mode]': 'presentationMode === true',
                     }, template: `
+    @if (resolvedLabel()) {
+      <span class="pfx-avatar__label">{{ resolvedLabel() }}</span>
+    }
     @if (shouldRenderGroup()) {
       <span class="pfx-avatar__group"
             role="list"
@@ -5350,7 +5361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
     @if (resolvedHint()) {
       <span class="pfx-avatar__hint" [attr.id]="hintId()">{{ resolvedHint() }}</span>
     }
-  `, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);--pfx-avatar-status-online: #15803d;--pfx-avatar-status-offline: var(--md-sys-color-outline, #6b7280);--pfx-avatar-status-busy: var(--md-sys-color-error, #b3261e);--pfx-avatar-status-away: #b45309;--pfx-avatar-status-verified: var(--md-sys-color-primary, #6750a4);--pfx-avatar-badge-bg: var(--md-sys-color-error, #b3261e);--pfx-avatar-badge-fg: var(--md-sys-color-on-error, #ffffff);--pfx-avatar-overlay-ring: var(--md-sys-color-surface, #ffffff);--pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.emphasis-ring) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-ring{box-shadow:0 0 0 2px var(--pfx-avatar-overlay-ring),0 0 0 4px var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color))}:host(.emphasis-halo) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-halo{box-shadow:0 0 0 2px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 28%,transparent),0 8px 20px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 22%,transparent)}.pfx-avatar__group{display:inline-flex;align-items:center;min-width:0;isolation:isolate}.pfx-avatar__group-item,.pfx-avatar__group-overflow{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 var(--pfx-avatar-size);-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:max(1px,var(--pfx-avatar-border-w)) solid var(--pfx-avatar-overlay-ring);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline, #64748b) 22%,transparent)}.pfx-avatar__group-overflow{background:var(--md-sys-color-surface-variant, #e2e8f0);color:var(--md-sys-color-on-surface-variant, #334155);font-size:calc(var(--pfx-avatar-size) * .34);font-weight:700}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}.pfx-avatar__group-item.fill-outline{background:var(--md-sys-color-surface, #ffffff);color:var(--_pfx-avatar-bg, var(--pfx-avatar-fg));border-color:var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__group-item.rounded-full,.pfx-avatar__group-overflow.rounded-full{--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}.pfx-avatar__group-item.rounded-large,.pfx-avatar__group-overflow.rounded-large{--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}.pfx-avatar__group-item.rounded-medium,.pfx-avatar__group-overflow.rounded-medium{--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}.pfx-avatar__group-item.rounded-small,.pfx-avatar__group-overflow.rounded-small{--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}.pfx-avatar__group-item.rounded-none,.pfx-avatar__group-overflow.rounded-none{--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:0;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__status{position:absolute;right:4%;bottom:4%;width:max(7px,calc(var(--pfx-avatar-size) * .24));height:max(7px,calc(var(--pfx-avatar-size) * .24));border-radius:9999px;box-sizing:border-box;background:var(--_pfx-avatar-status-color, var(--pfx-avatar-status-offline));box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .04)) var(--pfx-avatar-overlay-ring)}.pfx-avatar__badge{position:absolute;top:4%;right:4%;min-width:max(12px,calc(var(--pfx-avatar-size) * .3));height:max(12px,calc(var(--pfx-avatar-size) * .3));max-width:calc(var(--pfx-avatar-size) * .58);padding:0 4px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--pfx-avatar-badge-bg);color:var(--pfx-avatar-badge-fg);box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .035)) var(--pfx-avatar-overlay-ring);font-size:max(8px,calc(var(--pfx-avatar-size) * .22));font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__hint{display:block;margin-top:6px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}:host-context(.pfx-field-shell){display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-inverse-surface, #1f2937);--_pfx-avatar-fg: var(--md-sys-color-inverse-on-surface, #f9fafb)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.status-online){--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}:host(.status-offline){--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}:host(.status-busy){--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}:host(.status-away){--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}:host(.status-verified){--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}.pfx-avatar__group-item.status-online{--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}.pfx-avatar__group-item.status-offline{--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}.pfx-avatar__group-item.status-busy{--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}.pfx-avatar__group-item.status-away{--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}.pfx-avatar__group-item.status-verified{--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}:host(.emphasis-color-primary),.pfx-avatar__group-item.emphasis-color-primary{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4)}:host(.emphasis-color-secondary),.pfx-avatar__group-item.emphasis-color-secondary{--_pfx-avatar-emphasis-color: var(--md-sys-color-secondary, #625b71)}:host(.emphasis-color-tertiary),.pfx-avatar__group-item.emphasis-color-tertiary{--_pfx-avatar-emphasis-color: var(--md-sys-color-tertiary, #7d5260)}:host(.emphasis-color-base),.pfx-avatar__group-item.emphasis-color-base{--_pfx-avatar-emphasis-color: var(--md-sys-color-outline, #79747e)}:host(.emphasis-color-info),.pfx-avatar__group-item.emphasis-color-info{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary-container, #eaddff)}:host(.emphasis-color-success),.pfx-avatar__group-item.emphasis-color-success{--_pfx-avatar-emphasis-color: #15803d}:host(.emphasis-color-warning),.pfx-avatar__group-item.emphasis-color-warning{--_pfx-avatar-emphasis-color: #b45309}:host(.emphasis-color-error),.pfx-avatar__group-item.emphasis-color-error{--_pfx-avatar-emphasis-color: var(--md-sys-color-error, #b3261e)}:host(.emphasis-color-dark),.pfx-avatar__group-item.emphasis-color-dark{--_pfx-avatar-emphasis-color: var(--md-sys-color-inverse-surface, #1f2937)}:host(.emphasis-color-light),.pfx-avatar__group-item.emphasis-color-light{--_pfx-avatar-emphasis-color: var(--md-sys-color-surface, #ffffff)}:host(.emphasis-color-inverse),.pfx-avatar__group-item.emphasis-color-inverse{--_pfx-avatar-emphasis-color: var(--md-sys-color-on-surface, #1d1b20)}:host(.emphasis-color-none),.pfx-avatar__group-item.emphasis-color-none{--_pfx-avatar-emphasis-color: transparent}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"] }]
+  `, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);--pfx-avatar-status-online: #15803d;--pfx-avatar-status-offline: var(--md-sys-color-outline, #6b7280);--pfx-avatar-status-busy: var(--md-sys-color-error, #b3261e);--pfx-avatar-status-away: #b45309;--pfx-avatar-status-verified: var(--md-sys-color-primary, #6750a4);--pfx-avatar-badge-bg: var(--md-sys-color-error, #b3261e);--pfx-avatar-badge-fg: var(--md-sys-color-on-error, #ffffff);--pfx-avatar-overlay-ring: var(--md-sys-color-surface, #ffffff);--pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.emphasis-ring) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-ring{box-shadow:0 0 0 2px var(--pfx-avatar-overlay-ring),0 0 0 4px var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color))}:host(.emphasis-halo) .pfx-avatar__inner,.pfx-avatar__group-item.emphasis-halo{box-shadow:0 0 0 2px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 28%,transparent),0 8px 20px color-mix(in srgb,var(--_pfx-avatar-emphasis-color, var(--pfx-avatar-emphasis-color)) 22%,transparent)}.pfx-avatar__group{display:inline-flex;align-items:center;min-width:0;isolation:isolate}.pfx-avatar__group-item,.pfx-avatar__group-overflow{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 var(--pfx-avatar-size);-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:max(1px,var(--pfx-avatar-border-w)) solid var(--pfx-avatar-overlay-ring);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline, #64748b) 22%,transparent)}.pfx-avatar__group-overflow{background:var(--md-sys-color-surface-variant, #e2e8f0);color:var(--md-sys-color-on-surface-variant, #334155);font-size:calc(var(--pfx-avatar-size) * .34);font-weight:700}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}.pfx-avatar__group-item.fill-outline{background:var(--md-sys-color-surface, #ffffff);color:var(--_pfx-avatar-bg, var(--pfx-avatar-fg));border-color:var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--_pfx-avatar-bg, var(--pfx-avatar-border-color))}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__group-item.rounded-full,.pfx-avatar__group-overflow.rounded-full{--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}.pfx-avatar__group-item.rounded-large,.pfx-avatar__group-overflow.rounded-large{--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}.pfx-avatar__group-item.rounded-medium,.pfx-avatar__group-overflow.rounded-medium{--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}.pfx-avatar__group-item.rounded-small,.pfx-avatar__group-overflow.rounded-small{--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}.pfx-avatar__group-item.rounded-none,.pfx-avatar__group-overflow.rounded-none{--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:0;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__status{position:absolute;right:4%;bottom:4%;width:max(7px,calc(var(--pfx-avatar-size) * .24));height:max(7px,calc(var(--pfx-avatar-size) * .24));border-radius:9999px;box-sizing:border-box;background:var(--_pfx-avatar-status-color, var(--pfx-avatar-status-offline));box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .04)) var(--pfx-avatar-overlay-ring)}.pfx-avatar__badge{position:absolute;top:4%;right:4%;min-width:max(12px,calc(var(--pfx-avatar-size) * .3));height:max(12px,calc(var(--pfx-avatar-size) * .3));max-width:calc(var(--pfx-avatar-size) * .58);padding:0 4px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--pfx-avatar-badge-bg);color:var(--pfx-avatar-badge-fg);box-shadow:0 0 0 max(1px,calc(var(--pfx-avatar-size) * .035)) var(--pfx-avatar-overlay-ring);font-size:max(8px,calc(var(--pfx-avatar-size) * .22));font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__hint{display:block;margin-top:6px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}.pfx-avatar__label{display:block;margin-bottom:6px;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87));font-size:12px;font-weight:500;line-height:1.25}:host-context(.pfx-field-shell){--pfx-avatar-size: 64px;display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-inverse-surface, #1f2937);--_pfx-avatar-fg: var(--md-sys-color-inverse-on-surface, #f9fafb)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.status-online){--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}:host(.status-offline){--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}:host(.status-busy){--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}:host(.status-away){--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}:host(.status-verified){--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}.pfx-avatar__group-item.status-online{--_pfx-avatar-status-color: var(--pfx-avatar-status-online)}.pfx-avatar__group-item.status-offline{--_pfx-avatar-status-color: var(--pfx-avatar-status-offline)}.pfx-avatar__group-item.status-busy{--_pfx-avatar-status-color: var(--pfx-avatar-status-busy)}.pfx-avatar__group-item.status-away{--_pfx-avatar-status-color: var(--pfx-avatar-status-away)}.pfx-avatar__group-item.status-verified{--_pfx-avatar-status-color: var(--pfx-avatar-status-verified)}:host(.emphasis-color-primary),.pfx-avatar__group-item.emphasis-color-primary{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary, #6750a4)}:host(.emphasis-color-secondary),.pfx-avatar__group-item.emphasis-color-secondary{--_pfx-avatar-emphasis-color: var(--md-sys-color-secondary, #625b71)}:host(.emphasis-color-tertiary),.pfx-avatar__group-item.emphasis-color-tertiary{--_pfx-avatar-emphasis-color: var(--md-sys-color-tertiary, #7d5260)}:host(.emphasis-color-base),.pfx-avatar__group-item.emphasis-color-base{--_pfx-avatar-emphasis-color: var(--md-sys-color-outline, #79747e)}:host(.emphasis-color-info),.pfx-avatar__group-item.emphasis-color-info{--_pfx-avatar-emphasis-color: var(--md-sys-color-primary-container, #eaddff)}:host(.emphasis-color-success),.pfx-avatar__group-item.emphasis-color-success{--_pfx-avatar-emphasis-color: #15803d}:host(.emphasis-color-warning),.pfx-avatar__group-item.emphasis-color-warning{--_pfx-avatar-emphasis-color: #b45309}:host(.emphasis-color-error),.pfx-avatar__group-item.emphasis-color-error{--_pfx-avatar-emphasis-color: var(--md-sys-color-error, #b3261e)}:host(.emphasis-color-dark),.pfx-avatar__group-item.emphasis-color-dark{--_pfx-avatar-emphasis-color: var(--md-sys-color-inverse-surface, #1f2937)}:host(.emphasis-color-light),.pfx-avatar__group-item.emphasis-color-light{--_pfx-avatar-emphasis-color: var(--md-sys-color-surface, #ffffff)}:host(.emphasis-color-inverse),.pfx-avatar__group-item.emphasis-color-inverse{--_pfx-avatar-emphasis-color: var(--md-sys-color-on-surface, #1d1b20)}:host(.emphasis-color-none),.pfx-avatar__group-item.emphasis-color-none{--_pfx-avatar-emphasis-color: transparent}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"] }]
         }], propDecorators: { imageSrc: [{
                 type: Input
             }], imageAlt: [{
@@ -7357,6 +7368,16 @@ class MaterialDatepickerComponent extends SimpleBaseInputComponent {
         const sa = this.metadata()?.startAt;
         return typeof sa === 'string' ? this.parseDateOnlyString(sa) : (sa ?? null);
     }, ...(ngDevMode ? [{ debugName: "startAt" }] : /* istanbul ignore next */ []));
+    setExternalControl(control) {
+        super.setExternalControl(control);
+        this.coerceCurrentControlValue();
+    }
+    writeValue(value) {
+        super.writeValue(this.coerceDateValue(value));
+    }
+    setValue(value, options) {
+        super.setValue(this.coerceDateValue(value), options);
+    }
     onDateChange(event) {
         this.setValue(event.value ?? null);
     }
@@ -7437,6 +7458,26 @@ class MaterialDatepickerComponent extends SimpleBaseInputComponent {
         }
         return new Date(trimmed);
     }
+    coerceCurrentControlValue() {
+        const control = this.control();
+        const nextValue = this.coerceDateValue(control.value);
+        if (nextValue !== control.value) {
+            control.setValue(nextValue, { emitEvent: false });
+        }
+    }
+    coerceDateValue(value) {
+        if (value == null || value === '') {
+            return value;
+        }
+        if (value instanceof Date) {
+            return Number.isNaN(value.getTime()) ? null : value;
+        }
+        if (typeof value !== 'string') {
+            return value;
+        }
+        const parsed = this.parseDateOnlyString(value);
+        return Number.isNaN(parsed.getTime()) ? value : parsed;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialDatepickerComponent, isStandalone: true, selector: "pdx-material-datepicker", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.data-field-type": "\"date\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
             { provide: DateAdapter, useClass: PraxisNativeDateAdapter },
@@ -8693,9 +8734,24 @@ function resolveFieldPresentation(field, value, options) {
     const config = buildValuePresentationConfig(field, value);
     if (!config)
         return null;
+    const effectiveLocalization = mergeLocalization(options?.localization, buildLegacyFieldLocalization(field));
+    const fallbackCurrencyCode = config.type === 'currency' && !config.currency?.code
+        ? inferCurrencyCodeFromLocale(effectiveLocalization?.locale ||
+            options?.surfaceLocale ||
+            options?.appLocale ||
+            undefined)
+        : undefined;
     return resolveValuePresentation(config, {
         valueLocale: resolveFieldLocale(field),
-        localization: mergeLocalization(options?.localization, buildLegacyFieldLocalization(field)),
+        localization: fallbackCurrencyCode
+            ? mergeLocalization(effectiveLocalization, {
+                ...(effectiveLocalization?.locale ? { locale: effectiveLocalization.locale } : {}),
+                currency: {
+                    code: fallbackCurrencyCode,
+                    symbol: fallbackCurrencyCode,
+                },
+            })
+            : effectiveLocalization,
         surfaceLocale: options?.surfaceLocale || undefined,
         appLocale: options?.appLocale || undefined,
     });
@@ -8825,7 +8881,8 @@ function buildLegacyFieldLocalization(field) {
 }
 function resolveLegacyCurrencyOverrides(field) {
     const code = normalizeString(field?.currency) ||
-        normalizeString(field?.numberFormat?.currency);
+        normalizeString(field?.numberFormat?.currency) ||
+        inferCurrencyCodeFromLocale(resolveFieldLocale(field));
     const position = normalizeCurrencyPosition(field?.currencyPosition) ||
         normalizeCurrencyPosition(field?.numberFormat?.currencyPosition);
     const precision = resolveLegacyPrecision(field);
@@ -8840,6 +8897,25 @@ function resolveLegacyCurrencyOverrides(field) {
         precision: precision ?? 2,
     };
 }
+function inferCurrencyCodeFromLocale(locale) {
+    const normalized = normalizeString(locale)?.replace('_', '-').toLowerCase();
+    switch (normalized) {
+        case 'pt-br':
+            return 'BRL';
+        case 'en-us':
+            return 'USD';
+        case 'en-gb':
+            return 'GBP';
+        case 'de-de':
+        case 'fr-fr':
+        case 'es-es':
+        case 'it-it':
+        case 'pt-pt':
+            return 'EUR';
+        default:
+            return undefined;
+    }
+}
 function resolveLegacyNumberOverrides(field) {
     const precision = resolveLegacyPrecision(field);
     const decimalSeparator = normalizeString(field?.decimalSeparator);
@@ -29888,6 +29964,9 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
         if (!this.hasSelection()) {
             return this.placeholderText();
         }
+        if (this.currentMetadata().inlineChipDisplay === 'label-value') {
+            return this.composeInlineChipDisplayText(this.placeholderText(), this.currentSelectionText());
+        }
         return this.currentSelectionText();
     }
     currentSelectionText() {
@@ -34497,6 +34576,12 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
     showInlinePlaceholder() {
         return !this.hasValue() && !this.presentationMode;
     }
+    showInlineDisplayText() {
+        return this.usesInlineDisplayText() && this.hasValue() && !this.presentationMode;
+    }
+    usesInlineDisplayText() {
+        return this.currentMetadata().inlineChipDisplay === 'label-value';
+    }
     quickClearAriaLabel() {
         const clearCfg = this.currentMetadata().clearButton;
         const custom = String(clearCfg && typeof clearCfg === 'object' ? clearCfg.ariaLabel || '' : '').trim();
@@ -34613,19 +34698,28 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         return this.tDynamicFields('inlineDateRange.endAriaLabel', '{{label}} - fim', { label: this.placeholderText() });
     }
     widthProbeText() {
-        const rangeText = this.rangeDisplayText();
-        if (rangeText) {
-            return rangeText;
-        }
-        return this.placeholderText();
+        return this.displayText();
     }
     inlineExpandedLabel() {
         const rangeText = this.rangeDisplayText();
         if (rangeText) {
+            if (this.currentMetadata().inlineChipDisplay === 'label-value') {
+                return this.composeInlineChipDisplayText(this.placeholderText(), rangeText);
+            }
             return this.tDynamicFields('inlineDateRange.ariaSelection', '{{label}}: {{value}}', { label: this.placeholderText(), value: rangeText });
         }
         return this.placeholderText();
     }
+    displayText() {
+        const rangeText = this.rangeDisplayText();
+        if (!rangeText) {
+            return this.placeholderText();
+        }
+        if (this.currentMetadata().inlineChipDisplay === 'label-value') {
+            return this.composeInlineChipDisplayText(this.placeholderText(), rangeText);
+        }
+        return rangeText;
+    }
     shouldShowInlineExpandedLabel() {
         return this.inlineTextTruncated && this.inlineExpandedLabel().trim().length > 0;
     }
@@ -35028,6 +35122,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         [class.pdx-inline-date-range-has-value]="hasValue()"
         [class.pdx-inline-date-range-has-both]="hasBothValues()"
         [class.pdx-inline-date-range-is-partial]="hasPartialValue()"
+        [class.pdx-inline-date-range-label-value]="usesInlineDisplayText()"
         [floatLabel]="'auto'"
         [subscriptSizing]="'dynamic'"
         [hideRequiredMarker]="true"
@@ -35092,6 +35187,12 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
           }}</span>
         }
 
+        @if (showInlineDisplayText()) {
+          <span class="pdx-inline-display-text" aria-hidden="true">{{
+            displayText()
+          }}</span>
+        }
+
         <span #measureEl aria-hidden="true" class="pdx-inline-measure">{{
           widthProbeText()
         }}</span>
@@ -35196,7 +35297,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         </mat-date-range-picker>
       </mat-form-field>
     </div>
-  `, isInline: true, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:42px;min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:0;visibility:hidden}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--pdx-inline-chip-active-fg)!important;opacity:.9;visibility:visible}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--pdx-inline-chip-active-fg);background:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 22%,transparent);color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:40px;min-width:40px;min-height:40px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:40px;border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:40px;line-height:40px;color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:6px;min-height:40px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i6.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i6.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "ngmodule", type: MatNativeDateModule }] });
+  `, isInline: true, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:42px;min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:0;visibility:hidden}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--pdx-inline-chip-active-fg)!important;opacity:.9;visibility:visible}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-display-text{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-chip-active-fg);font-size:1.05rem;line-height:1.2;z-index:1}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-container{opacity:0}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-end-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:transparent!important;caret-color:transparent;text-shadow:none;-webkit-user-select:none;user-select:none}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--pdx-inline-chip-active-fg);background:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 22%,transparent);color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:40px;min-width:40px;min-height:40px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:40px;border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:40px;line-height:40px;color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:6px;min-height:40px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i6.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i6.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "ngmodule", type: MatNativeDateModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineDateRangeComponent, decorators: [{
             type: Component,
@@ -35224,6 +35325,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         [class.pdx-inline-date-range-has-value]="hasValue()"
         [class.pdx-inline-date-range-has-both]="hasBothValues()"
         [class.pdx-inline-date-range-is-partial]="hasPartialValue()"
+        [class.pdx-inline-date-range-label-value]="usesInlineDisplayText()"
         [floatLabel]="'auto'"
         [subscriptSizing]="'dynamic'"
         [hideRequiredMarker]="true"
@@ -35288,6 +35390,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           }}</span>
         }
 
+        @if (showInlineDisplayText()) {
+          <span class="pdx-inline-display-text" aria-hidden="true">{{
+            displayText()
+          }}</span>
+        }
+
         <span #measureEl aria-hidden="true" class="pdx-inline-measure">{{
           widthProbeText()
         }}</span>
@@ -35410,7 +35518,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[attr.data-field-type]': '"inlineDateRange"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:42px;min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:0;visibility:hidden}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--pdx-inline-chip-active-fg)!important;opacity:.9;visibility:visible}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--pdx-inline-chip-active-fg);background:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 22%,transparent);color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:40px;min-width:40px;min-height:40px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:40px;border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:40px;line-height:40px;color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:6px;min-height:40px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\n"] }]
+                    }, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:42px;min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:0;visibility:hidden}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--pdx-inline-chip-active-fg)!important;opacity:.9;visibility:visible}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-display-text{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-chip-active-fg);font-size:1.05rem;line-height:1.2;z-index:1}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-container{opacity:0}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-end-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:transparent!important;caret-color:transparent;text-shadow:none;-webkit-user-select:none;user-select:none}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--pdx-inline-chip-active-fg);background:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 22%,transparent);color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:40px;min-width:40px;min-height:40px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:40px;border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:40px;line-height:40px;color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:6px;min-height:40px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\n"] }]
         }], propDecorators: { pickerRef: [{
                 type: ViewChild,
                 args: ['picker']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-fields",
-  "version": "8.0.0-beta.32",
+  "version": "8.0.0-beta.34",
   "description": "Angular Material-based dynamic form fields for Praxis UI with lazy loading and metadata-driven rendering.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -11,8 +11,8 @@
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
     "rxjs": "^7.8.0",
-    "@praxisui/core": "^8.0.0-beta.32",
-    "@praxisui/cron-builder": "^8.0.0-beta.32"
+    "@praxisui/core": "^8.0.0-beta.34",
+    "@praxisui/cron-builder": "^8.0.0-beta.34"
   },
   "dependencies": {
     "libphonenumber-js": "^1.12.41",

package/src/lib/components/inline-date-range/pdx-inline-date-range.json-api.md

@@ -112,6 +112,7 @@ Este documento e a referencia canonica da API JSON de pdx-inline-date-range.
 | `metadata.startAriaLabel` | string | false | n/a | Partial | See Detailed API reference for runtime semantics. |
 | `metadata.endAriaLabel` | string | false | n/a | Partial | See Detailed API reference for runtime semantics. |
 | `metadata.inlineAutoSize.*` | object | false | n/a | Partial | See Detailed API reference for runtime semantics. |
+| `metadata.inlineChipDisplay` | `"value" \| "label-value"` | false | `"value"` | Partial | Controls whether the compact filled chip renders only the date range value or the field label followed by the value. |
 | `metadata.clearButton` | object | false | n/a | Partial | See Detailed API reference for runtime semantics. |
 | `metadata.inlineQuickPresets*` | unknown | false | n/a | Partial | See Detailed API reference for runtime semantics. |
 
@@ -293,6 +294,7 @@ Use quando precisar:
 | `metadata.startAriaLabel` | `string` | Ativo | ARIA do input inicial. |
 | `metadata.endAriaLabel` | `string` | Ativo | ARIA do input final. |
 | `metadata.inlineAutoSize.*` | `object` | Ativo | Autoajuste de largura da pill. |
+| `metadata.inlineChipDisplay` | `"value" \| "label-value"` | Ativo | Exibicao compacta do chip preenchido: somente valor ou label + valor. |
 | `metadata.clearButton` | `boolean \| object` | Ativo | Botao de limpeza rapida no trigger. |
 | `metadata.inlineQuickPresets*` | `object/array` | Ativo | Presets/acoes no overlay (labels, ARIA, apply/cancel). |
 | `metadata.inlinePanelTitle` | `string` | Ativo | Titulo do painel de calendario inline. |
@@ -396,6 +398,7 @@ Correcao: usar `metadata.materialDesign.density` (`dense` ou `default`) e valida
 | `metadata.startAriaLabel` | string | false | n/a | Partial | See Detailed API reference. |
 | `metadata.endAriaLabel` | string | false | n/a | Partial | See Detailed API reference. |
 | `metadata.inlineAutoSize.*` | object | false | n/a | Partial | See Detailed API reference. |
+| `metadata.inlineChipDisplay` | `"value" \| "label-value"` | false | `"value"` | Partial | See Detailed API reference. |
 | `metadata.clearButton` | object | false | n/a | Partial | See Detailed API reference. |
 | `metadata.inlineQuickPresets*` | unknown | false | n/a | Partial | See Detailed API reference. |
 | `metadata.inlinePanelTitle` | string | false | n/a | Partial | See Detailed API reference. |

package/src/lib/components/material-avatar/pdx-material-avatar.json-api.md

@@ -371,6 +371,8 @@ Use quando precisar:
 | `readonlyMode/disabledMode/visible/presentationMode` | `boolean` | - | Nao | Estados de host para shell dinâmico. |
 | `imageError` | `void` | - | Output | Dispara quando imagem falha no carregamento. |
 
+Em contexto metadata-driven, `metadata.label` e renderizado como label visual acima do avatar e `metadata.hint` como texto de apoio abaixo, ligado por `aria-describedby`. Quando o componente esta hospedado em `pfx-field-shell`, o tamanho visual padrao e `64px`; o uso direto permanece em `medium` (`40px`) salvo `size`, `sizePx` ou `sizeCss`.
+
 ### 3. Matriz de Cobertura JSON (Completa)
 #### 3.1 Campos especificos do componente
 | Caminho JSON | Tipo | Status | Comportamento em runtime |
@@ -405,6 +407,8 @@ Use quando precisar:
 | `metadata.extra.groupOverlap` | `number` | Ativo | Sobreposicao visual em px entre avatares. |
 | `metadata.extra.class` | `string` | Ativo | Classes adicionais no host. |
 | `metadata.extra.style` | `object \| string(JSON)` | Ativo | Estilos inline adicionais (parse JSON quando string). |
+| `metadata.label` | `string` | Ativo | Label visual renderizada acima do avatar quando fornecida por metadata. |
+| `metadata.hint` | `string` | Ativo | Texto de apoio renderizado abaixo do avatar e associado via `aria-describedby`. |
 | `metadata.imageSrc` | `string` | Ativo | Fallback top-level para origem da imagem. |
 | `metadata.defaultValue` | `string` | Ativo | Fallback de imagem quando URL valida. |
 | `formControl.value` | `string \| object` | Ativo | Fonte secundaria para URL (`imageSrc/src/url/...`). |

package/types/praxisui-dynamic-fields.d.ts

@@ -1867,6 +1867,9 @@ declare class MaterialDatepickerComponent extends SimpleBaseInputComponent {
     readonly minDate: _angular_core.Signal<any>;
     readonly maxDate: _angular_core.Signal<any>;
     readonly startAt: _angular_core.Signal<any>;
+    setExternalControl(control: AbstractControl): void;
+    writeValue(value: unknown): void;
+    setValue(value: unknown, options?: Parameters<SimpleBaseInputComponent['setValue']>[1]): void;
     onDateChange(event: MatDatepickerInputEvent<Date | null>): void;
     validateField(): Promise<ValidationErrors | null>;
     protected getSpecificCssClasses(): string[];
@@ -1881,6 +1884,8 @@ declare class MaterialDatepickerComponent extends SimpleBaseInputComponent {
     private metadataRecordForClear;
     private metadataAsField;
     private parseDateOnlyString;
+    private coerceCurrentControlValue;
+    private coerceDateValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MaterialDatepickerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MaterialDatepickerComponent, "pdx-material-datepicker", never, { "readonlyMode": { "alias": "readonlyMode"; "required": false; }; "disabledMode": { "alias": "disabledMode"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "presentationMode": { "alias": "presentationMode"; "required": false; }; }, { "validationChange": "validationChange"; }, never, never, true, never>;
 }
@@ -3893,6 +3898,8 @@ declare class InlineDateRangeComponent extends MaterialDateRangeComponent {
     isInteractionBlocked(): boolean;
     showQuickClear(): boolean;
     showInlinePlaceholder(): boolean;
+    showInlineDisplayText(): boolean;
+    usesInlineDisplayText(): boolean;
     quickClearAriaLabel(): string;
     onTriggerIconMouseDown(event: MouseEvent): void;
     onQuickClear(event: MouseEvent): void;
@@ -3912,6 +3919,7 @@ declare class InlineDateRangeComponent extends MaterialDateRangeComponent {
     endAriaLabel(): string;
     widthProbeText(): string;
     inlineExpandedLabel(): string;
+    displayText(): string;
     shouldShowInlineExpandedLabel(): boolean;
     private commitDateRangeValue;
     private currentRangeGroupValue;
@@ -5369,6 +5377,7 @@ declare class MaterialAvatarComponent implements OnChanges {
     } | null>;
     readonly computedAriaLabel: _angular_core.Signal<string>;
     readonly resolvedHint: _angular_core.Signal<string>;
+    readonly resolvedLabel: _angular_core.Signal<string>;
     readonly hintId: _angular_core.Signal<string | null>;
     private resolveIconKind;
     private pickImageSrcFromValue;