@ascentgl/ads-ui 20.22.0 → 20.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1862,11 +1862,11 @@ class AdsScmsLogoComponent extends AbstractApplicationLogoComponent {
1862
1862
  this.label = 'SCMS';
1863
1863
  }
1864
1864
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsScmsLogoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1865
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: AdsScmsLogoComponent, isStandalone: false, selector: "ads-scms-logo", usesInheritance: true, ngImport: i0, template: "<div class=\"logo-container\">\n <ads-ascent-logo [isCollapsed]=\"true\" />\n <ads-ascent-logo class=\"inverted\" [isCollapsed]=\"true\" [invertTheme]=\"true\" />\n <span class=\"title text-4xl-semibold\">{{ label }}</span>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}ads-ascent-logo{width:44%;height:40%}ads-ascent-logo.inverted{display:none}ads-ascent-logo::ng-deep svg.large{width:100%;height:100%}.title{font-size:2.5rem;line-height:2.5rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:1.25rem;line-height:1.25rem}}\n"], dependencies: [{ kind: "component", type: AdsAscentLogoComponent, selector: "ads-ascent-logo", inputs: ["invertTheme", "size"] }] }); }
1865
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: AdsScmsLogoComponent, isStandalone: false, selector: "ads-scms-logo", usesInheritance: true, ngImport: i0, template: "<div class=\"logo-container\">\n <ads-ascent-logo [isCollapsed]=\"true\" />\n <ads-ascent-logo class=\"inverted\" [isCollapsed]=\"true\" [invertTheme]=\"true\" />\n <span class=\"title text-4xl-semibold\">{{ label }}</span>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}ads-ascent-logo{width:44%;height:40%}ads-ascent-logo.inverted{display:none}ads-ascent-logo::ng-deep svg.large{width:100%;height:100%}.title{font-size:2.5rem;line-height:2.5rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:1.25rem;line-height:1.25rem}}\n"], dependencies: [{ kind: "component", type: AdsAscentLogoComponent, selector: "ads-ascent-logo", inputs: ["invertTheme", "size"] }] }); }
1866
1866
  }
1867
1867
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsScmsLogoComponent, decorators: [{
1868
1868
  type: Component,
1869
- args: [{ selector: 'ads-scms-logo', standalone: false, template: "<div class=\"logo-container\">\n <ads-ascent-logo [isCollapsed]=\"true\" />\n <ads-ascent-logo class=\"inverted\" [isCollapsed]=\"true\" [invertTheme]=\"true\" />\n <span class=\"title text-4xl-semibold\">{{ label }}</span>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}ads-ascent-logo{width:44%;height:40%}ads-ascent-logo.inverted{display:none}ads-ascent-logo::ng-deep svg.large{width:100%;height:100%}.title{font-size:2.5rem;line-height:2.5rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:1.25rem;line-height:1.25rem}}\n"] }]
1869
+ args: [{ selector: 'ads-scms-logo', standalone: false, template: "<div class=\"logo-container\">\n <ads-ascent-logo [isCollapsed]=\"true\" />\n <ads-ascent-logo class=\"inverted\" [isCollapsed]=\"true\" [invertTheme]=\"true\" />\n <span class=\"title text-4xl-semibold\">{{ label }}</span>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}ads-ascent-logo{width:44%;height:40%}ads-ascent-logo.inverted{display:none}ads-ascent-logo::ng-deep svg.large{width:100%;height:100%}.title{font-size:2.5rem;line-height:2.5rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:1.25rem;line-height:1.25rem}}\n"] }]
1870
1870
  }] });
1871
1871
 
1872
1872
  class AdsScmsLogoModule {
@@ -1889,11 +1889,11 @@ class AdsPeakMarketplaceLogoComponent extends AbstractApplicationLogoComponent {
1889
1889
  this.label = 'marketplace';
1890
1890
  }
1891
1891
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsPeakMarketplaceLogoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1892
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: AdsPeakMarketplaceLogoComponent, isStandalone: false, selector: "ads-peak-marketplace-logo", usesInheritance: true, ngImport: i0, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n"], dependencies: [{ kind: "component", type: AdsPrimaryLogoComponent, selector: "ads-primary-logo" }] }); }
1892
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: AdsPeakMarketplaceLogoComponent, isStandalone: false, selector: "ads-peak-marketplace-logo", usesInheritance: true, ngImport: i0, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n"], dependencies: [{ kind: "component", type: AdsPrimaryLogoComponent, selector: "ads-primary-logo" }] }); }
1893
1893
  }
1894
1894
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsPeakMarketplaceLogoComponent, decorators: [{
1895
1895
  type: Component,
1896
- args: [{ selector: 'ads-peak-marketplace-logo', standalone: false, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n"] }]
1896
+ args: [{ selector: 'ads-peak-marketplace-logo', standalone: false, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n"] }]
1897
1897
  }] });
1898
1898
 
1899
1899
  class AdsPeakMarketplaceLogoModule {
@@ -1916,11 +1916,11 @@ class AdsPeakEssentialsLogoComponent extends AbstractApplicationLogoComponent {
1916
1916
  this.label = 'essentials';
1917
1917
  }
1918
1918
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsPeakEssentialsLogoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1919
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: AdsPeakEssentialsLogoComponent, isStandalone: false, selector: "ads-peak-essentials-logo", usesInheritance: true, ngImport: i0, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n"], dependencies: [{ kind: "component", type: AdsPrimaryLogoComponent, selector: "ads-primary-logo" }] }); }
1919
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: AdsPeakEssentialsLogoComponent, isStandalone: false, selector: "ads-peak-essentials-logo", usesInheritance: true, ngImport: i0, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n"], dependencies: [{ kind: "component", type: AdsPrimaryLogoComponent, selector: "ads-primary-logo" }] }); }
1920
1920
  }
1921
1921
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsPeakEssentialsLogoComponent, decorators: [{
1922
1922
  type: Component,
1923
- args: [{ selector: 'ads-peak-essentials-logo', standalone: false, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n"] }]
1923
+ args: [{ selector: 'ads-peak-essentials-logo', standalone: false, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n"] }]
1924
1924
  }] });
1925
1925
 
1926
1926
  class AdsPeakEssentialsLogoModule {
@@ -1943,11 +1943,11 @@ class AdsPeakOrderManagementLogoComponent extends AbstractApplicationLogoCompone
1943
1943
  this.label = 'order management';
1944
1944
  }
1945
1945
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsPeakOrderManagementLogoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1946
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: AdsPeakOrderManagementLogoComponent, isStandalone: false, selector: "ads-peak-order-management-logo", usesInheritance: true, ngImport: i0, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.title{font-size:.9rem;line-height:.9rem}@media screen and (max-width: 480px){.title{font-size:.6rem;line-height:.6rem}}\n"], dependencies: [{ kind: "component", type: AdsPrimaryLogoComponent, selector: "ads-primary-logo" }] }); }
1946
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: AdsPeakOrderManagementLogoComponent, isStandalone: false, selector: "ads-peak-order-management-logo", usesInheritance: true, ngImport: i0, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.title{font-size:.9rem;line-height:.9rem}@media screen and (max-width: 480px){.title{font-size:.6rem;line-height:.6rem}}\n"], dependencies: [{ kind: "component", type: AdsPrimaryLogoComponent, selector: "ads-primary-logo" }] }); }
1947
1947
  }
1948
1948
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsPeakOrderManagementLogoComponent, decorators: [{
1949
1949
  type: Component,
1950
- args: [{ selector: 'ads-peak-order-management-logo', standalone: false, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.title{font-size:.9rem;line-height:.9rem}@media screen and (max-width: 480px){.title{font-size:.6rem;line-height:.6rem}}\n"] }]
1950
+ args: [{ selector: 'ads-peak-order-management-logo', standalone: false, template: "<div class=\"logo-container\">\n <div class=\"logo-sub-container\">\n <ads-primary-logo [isCollapsed]=\"false\" [mobileWidth]=\"0\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width: 480px){.title{font-size:.75rem;line-height:.75rem}}@media (prefers-color-scheme: dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark)}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.title{font-size:.9rem;line-height:.9rem}@media screen and (max-width: 480px){.title{font-size:.6rem;line-height:.6rem}}\n"] }]
1951
1951
  }] });
1952
1952
 
1953
1953
  class AdsPeakOrderManagementLogoModule {
@@ -2829,11 +2829,11 @@ class AdsCheckboxComponent extends AbstractBaseComponent {
2829
2829
  this.valueControl.setValue(!this.valueControl.value);
2830
2830
  }
2831
2831
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
2832
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsCheckboxComponent, isStandalone: false, selector: "ads-checkbox", inputs: { indeterminate: "indeterminate", width: "width" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: " <div [ngStyle]=\"{ width: width }\">\n <div class=\"ads-checkbox\" (click)=\"toggleCheck()\" [ngClass]=\"{ disabled: valueControl.disabled }\">\n <div class=\"checkbox-ripple\">\n <div class=\"checkbox-container\">\n @if (valueControl.value && !indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"12\"\n viewBox=\"0 0 14 12\"\n fill=\"none\"\n class=\"check-icon\"\n >\n <path d=\"M2 6L5.75 10.5L12 1.5\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n }\n\n @if (indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"4\"\n viewBox=\"0 0 12 4\"\n fill=\"none\"\n class=\"indeterminate-icon\"\n >\n <path\n d=\"M11.5385 0.5H0.461538C0.206638 0.5 0 0.723858 0 1V3C0 3.27614 0.206638 3.5 0.461538 3.5H11.5385C11.7934 3.5 12 3.27614 12 3V1C12 0.723858 11.7934 0.5 11.5385 0.5Z\"\n />\n </svg>\n }\n </div>\n </div>\n @if (label) {\n <span class=\"checkbox-label\">{{ label }}</span>\n }\n </div>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n</div>\n", styles: [".ads-checkbox{display:flex;align-items:center;cursor:pointer;gap:4px;height:48px}.ads-checkbox:not(.disabled) .checkbox-ripple:hover{background-color:var(--color-light-opacity-50)}.ads-checkbox:not(.disabled) .checkbox-ripple:active{background-color:var(--color-medium-opacity-50)}.ads-checkbox:not(.disabled):hover .checkbox-container{outline-color:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .check-icon{stroke:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .indeterminate-icon{fill:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):active .checkbox-container{outline-color:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .check-icon{stroke:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .indeterminate-icon{fill:var(--color-secondary-pressed)!important}.ads-checkbox.disabled{cursor:default}.ads-checkbox.disabled .checkbox-label{color:var(--color-medium-30)}.ads-checkbox .checkbox-ripple{width:32px;height:32px;border-radius:80px;display:flex;align-items:center;justify-content:center}.ads-checkbox .checkbox-ripple .checkbox-container{width:20px;height:20px;background-color:var(--color-white);outline:1px solid var(--color-secondary);outline-offset:-1px;display:flex;justify-content:center;align-items:center;border-radius:2px}.ads-checkbox .checkbox-ripple .checkbox-container .check-icon{width:12px;height:12px;stroke:var(--color-secondary)}.ads-checkbox .checkbox-ripple .checkbox-container .indeterminate-icon{width:12px;height:12px;fill:var(--color-secondary)}.ads-checkbox.disabled .checkbox-container{background-color:var(--color-muted-50)!important;outline:1px solid var(--color-medium-30)!important}.ads-checkbox.disabled .checkbox-container .check-icon{stroke:var(--color-medium-30)!important}.ads-checkbox.disabled .checkbox-container .indeterminate-icon{fill:var(--color-medium-30)!important}.ads-checkbox span{font-size:16px;line-height:21px;color:var(--color-dark)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
2832
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsCheckboxComponent, isStandalone: false, selector: "ads-checkbox", inputs: { indeterminate: "indeterminate", width: "width" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: " <div [ngStyle]=\"{ width: width }\">\n <div class=\"ads-checkbox\" (click)=\"toggleCheck()\" [ngClass]=\"{ disabled: valueControl.disabled }\">\n <div class=\"checkbox-ripple\">\n <div class=\"checkbox-container\">\n @if (valueControl.value && !indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"12\"\n viewBox=\"0 0 14 12\"\n fill=\"none\"\n class=\"check-icon\"\n >\n <path d=\"M2 6L5.75 10.5L12 1.5\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n }\n\n @if (indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"4\"\n viewBox=\"0 0 12 4\"\n fill=\"none\"\n class=\"indeterminate-icon\"\n >\n <path\n d=\"M11.5385 0.5H0.461538C0.206638 0.5 0 0.723858 0 1V3C0 3.27614 0.206638 3.5 0.461538 3.5H11.5385C11.7934 3.5 12 3.27614 12 3V1C12 0.723858 11.7934 0.5 11.5385 0.5Z\"\n />\n </svg>\n }\n </div>\n </div>\n @if (label) {\n <span class=\"checkbox-label\">{{ label }}</span>\n }\n </div>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n</div>\n", styles: [".ads-checkbox{display:flex;align-items:center;cursor:pointer;gap:4px;height:48px}.ads-checkbox:not(.disabled) .checkbox-ripple:hover{background-color:var(--color-light-opacity-50)}.ads-checkbox:not(.disabled) .checkbox-ripple:active{background-color:var(--color-medium-opacity-50)}.ads-checkbox:not(.disabled):hover .checkbox-container{outline-color:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .check-icon{stroke:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .indeterminate-icon{fill:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):active .checkbox-container{outline-color:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .check-icon{stroke:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .indeterminate-icon{fill:var(--color-secondary-pressed)!important}.ads-checkbox.disabled{cursor:default}.ads-checkbox.disabled .checkbox-label{color:var(--color-medium-30)}.ads-checkbox .checkbox-ripple{width:32px;height:32px;border-radius:80px;display:flex;align-items:center;justify-content:center}.ads-checkbox .checkbox-ripple .checkbox-container{width:20px;height:20px;background-color:var(--color-white);outline:1px solid var(--color-secondary);outline-offset:-1px;display:flex;justify-content:center;align-items:center;border-radius:2px}.ads-checkbox .checkbox-ripple .checkbox-container .check-icon{width:12px;height:12px;stroke:var(--color-secondary)}.ads-checkbox .checkbox-ripple .checkbox-container .indeterminate-icon{width:12px;height:12px;fill:var(--color-secondary)}.ads-checkbox.disabled .checkbox-container{background-color:var(--color-muted-50)!important;outline:1px solid var(--color-medium-30)!important}.ads-checkbox.disabled .checkbox-container .check-icon{stroke:var(--color-medium-30)!important}.ads-checkbox.disabled .checkbox-container .indeterminate-icon{fill:var(--color-medium-30)!important}.ads-checkbox span{font-size:16px;line-height:21px;color:var(--color-dark)}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
2833
2833
  }
2834
2834
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsCheckboxComponent, decorators: [{
2835
2835
  type: Component,
2836
- args: [{ selector: 'ads-checkbox', standalone: false, template: " <div [ngStyle]=\"{ width: width }\">\n <div class=\"ads-checkbox\" (click)=\"toggleCheck()\" [ngClass]=\"{ disabled: valueControl.disabled }\">\n <div class=\"checkbox-ripple\">\n <div class=\"checkbox-container\">\n @if (valueControl.value && !indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"12\"\n viewBox=\"0 0 14 12\"\n fill=\"none\"\n class=\"check-icon\"\n >\n <path d=\"M2 6L5.75 10.5L12 1.5\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n }\n\n @if (indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"4\"\n viewBox=\"0 0 12 4\"\n fill=\"none\"\n class=\"indeterminate-icon\"\n >\n <path\n d=\"M11.5385 0.5H0.461538C0.206638 0.5 0 0.723858 0 1V3C0 3.27614 0.206638 3.5 0.461538 3.5H11.5385C11.7934 3.5 12 3.27614 12 3V1C12 0.723858 11.7934 0.5 11.5385 0.5Z\"\n />\n </svg>\n }\n </div>\n </div>\n @if (label) {\n <span class=\"checkbox-label\">{{ label }}</span>\n }\n </div>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n</div>\n", styles: [".ads-checkbox{display:flex;align-items:center;cursor:pointer;gap:4px;height:48px}.ads-checkbox:not(.disabled) .checkbox-ripple:hover{background-color:var(--color-light-opacity-50)}.ads-checkbox:not(.disabled) .checkbox-ripple:active{background-color:var(--color-medium-opacity-50)}.ads-checkbox:not(.disabled):hover .checkbox-container{outline-color:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .check-icon{stroke:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .indeterminate-icon{fill:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):active .checkbox-container{outline-color:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .check-icon{stroke:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .indeterminate-icon{fill:var(--color-secondary-pressed)!important}.ads-checkbox.disabled{cursor:default}.ads-checkbox.disabled .checkbox-label{color:var(--color-medium-30)}.ads-checkbox .checkbox-ripple{width:32px;height:32px;border-radius:80px;display:flex;align-items:center;justify-content:center}.ads-checkbox .checkbox-ripple .checkbox-container{width:20px;height:20px;background-color:var(--color-white);outline:1px solid var(--color-secondary);outline-offset:-1px;display:flex;justify-content:center;align-items:center;border-radius:2px}.ads-checkbox .checkbox-ripple .checkbox-container .check-icon{width:12px;height:12px;stroke:var(--color-secondary)}.ads-checkbox .checkbox-ripple .checkbox-container .indeterminate-icon{width:12px;height:12px;fill:var(--color-secondary)}.ads-checkbox.disabled .checkbox-container{background-color:var(--color-muted-50)!important;outline:1px solid var(--color-medium-30)!important}.ads-checkbox.disabled .checkbox-container .check-icon{stroke:var(--color-medium-30)!important}.ads-checkbox.disabled .checkbox-container .indeterminate-icon{fill:var(--color-medium-30)!important}.ads-checkbox span{font-size:16px;line-height:21px;color:var(--color-dark)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
2836
+ args: [{ selector: 'ads-checkbox', standalone: false, template: " <div [ngStyle]=\"{ width: width }\">\n <div class=\"ads-checkbox\" (click)=\"toggleCheck()\" [ngClass]=\"{ disabled: valueControl.disabled }\">\n <div class=\"checkbox-ripple\">\n <div class=\"checkbox-container\">\n @if (valueControl.value && !indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"12\"\n viewBox=\"0 0 14 12\"\n fill=\"none\"\n class=\"check-icon\"\n >\n <path d=\"M2 6L5.75 10.5L12 1.5\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n }\n\n @if (indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"4\"\n viewBox=\"0 0 12 4\"\n fill=\"none\"\n class=\"indeterminate-icon\"\n >\n <path\n d=\"M11.5385 0.5H0.461538C0.206638 0.5 0 0.723858 0 1V3C0 3.27614 0.206638 3.5 0.461538 3.5H11.5385C11.7934 3.5 12 3.27614 12 3V1C12 0.723858 11.7934 0.5 11.5385 0.5Z\"\n />\n </svg>\n }\n </div>\n </div>\n @if (label) {\n <span class=\"checkbox-label\">{{ label }}</span>\n }\n </div>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n</div>\n", styles: [".ads-checkbox{display:flex;align-items:center;cursor:pointer;gap:4px;height:48px}.ads-checkbox:not(.disabled) .checkbox-ripple:hover{background-color:var(--color-light-opacity-50)}.ads-checkbox:not(.disabled) .checkbox-ripple:active{background-color:var(--color-medium-opacity-50)}.ads-checkbox:not(.disabled):hover .checkbox-container{outline-color:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .check-icon{stroke:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .indeterminate-icon{fill:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):active .checkbox-container{outline-color:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .check-icon{stroke:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .indeterminate-icon{fill:var(--color-secondary-pressed)!important}.ads-checkbox.disabled{cursor:default}.ads-checkbox.disabled .checkbox-label{color:var(--color-medium-30)}.ads-checkbox .checkbox-ripple{width:32px;height:32px;border-radius:80px;display:flex;align-items:center;justify-content:center}.ads-checkbox .checkbox-ripple .checkbox-container{width:20px;height:20px;background-color:var(--color-white);outline:1px solid var(--color-secondary);outline-offset:-1px;display:flex;justify-content:center;align-items:center;border-radius:2px}.ads-checkbox .checkbox-ripple .checkbox-container .check-icon{width:12px;height:12px;stroke:var(--color-secondary)}.ads-checkbox .checkbox-ripple .checkbox-container .indeterminate-icon{width:12px;height:12px;fill:var(--color-secondary)}.ads-checkbox.disabled .checkbox-container{background-color:var(--color-muted-50)!important;outline:1px solid var(--color-medium-30)!important}.ads-checkbox.disabled .checkbox-container .check-icon{stroke:var(--color-medium-30)!important}.ads-checkbox.disabled .checkbox-container .indeterminate-icon{fill:var(--color-medium-30)!important}.ads-checkbox span{font-size:16px;line-height:21px;color:var(--color-dark)}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
2837
2837
  }], propDecorators: { indeterminate: [{
2838
2838
  type: Input
2839
2839
  }], width: [{
@@ -3019,11 +3019,11 @@ class AdsDropdownComponent extends AbstractDropdownComponent {
3019
3019
  return option && typeof option === 'object' && 'disableDropdownOption' in option && option.disableDropdownOption === true;
3020
3020
  }
3021
3021
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3022
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsDropdownComponent, isStandalone: false, selector: "ads-dropdown", inputs: { displayValueFormatter: "displayValueFormatter", mode: "mode", hasEmptyValue: "hasEmptyValue", checkSelected: "checkSelected", options: "options", optionTemplate: "optionTemplate", triggerTemplate: "triggerTemplate", panelClass: "panelClass" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!--&nbsp; is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || '&nbsp;'\"\n [panelClass]=\"panelClassList\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n } @else if (triggerTemplate) {\n <mat-select-trigger>\n <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{\n checkbox: isMultiselect && checkSelected,\n 'wrap-text': wrapOptionText,\n }\"\n [matTooltip]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n [matTooltipDisabled]=\"!showTooltip\"\n [disabled]=\"isDropdownOptionObject(option)\"\n >\n @if (optionTemplate) {\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\n } @else if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n [control]=\"createCheckboxControl(option)\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "id", "removable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
3022
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsDropdownComponent, isStandalone: false, selector: "ads-dropdown", inputs: { displayValueFormatter: "displayValueFormatter", mode: "mode", hasEmptyValue: "hasEmptyValue", checkSelected: "checkSelected", options: "options", optionTemplate: "optionTemplate", triggerTemplate: "triggerTemplate", panelClass: "panelClass" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!--&nbsp; is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || '&nbsp;'\"\n [panelClass]=\"panelClassList\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n } @else if (triggerTemplate) {\n <mat-select-trigger>\n <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{\n checkbox: isMultiselect && checkSelected,\n 'wrap-text': wrapOptionText,\n }\"\n [matTooltip]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n [matTooltipDisabled]=\"!showTooltip\"\n [disabled]=\"isDropdownOptionObject(option)\"\n >\n @if (optionTemplate) {\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\n } @else if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n [control]=\"createCheckboxControl(option)\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "id", "removable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
3023
3023
  }
3024
3024
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsDropdownComponent, decorators: [{
3025
3025
  type: Component,
3026
- args: [{ selector: 'ads-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!--&nbsp; is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || '&nbsp;'\"\n [panelClass]=\"panelClassList\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n } @else if (triggerTemplate) {\n <mat-select-trigger>\n <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{\n checkbox: isMultiselect && checkSelected,\n 'wrap-text': wrapOptionText,\n }\"\n [matTooltip]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n [matTooltipDisabled]=\"!showTooltip\"\n [disabled]=\"isDropdownOptionObject(option)\"\n >\n @if (optionTemplate) {\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\n } @else if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n [control]=\"createCheckboxControl(option)\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3026
+ args: [{ selector: 'ads-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!--&nbsp; is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || '&nbsp;'\"\n [panelClass]=\"panelClassList\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n } @else if (triggerTemplate) {\n <mat-select-trigger>\n <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{\n checkbox: isMultiselect && checkSelected,\n 'wrap-text': wrapOptionText,\n }\"\n [matTooltip]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n [matTooltipDisabled]=\"!showTooltip\"\n [disabled]=\"isDropdownOptionObject(option)\"\n >\n @if (optionTemplate) {\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\n } @else if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n [control]=\"createCheckboxControl(option)\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3027
3027
  }], ctorParameters: () => [], propDecorators: { displayValueFormatter: [{
3028
3028
  type: Input
3029
3029
  }], mode: [{
@@ -3174,11 +3174,11 @@ class AdsMultiSelectDropdownComponent extends AdsDropdownComponent {
3174
3174
  });
3175
3175
  }
3176
3176
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsMultiSelectDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
3177
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsMultiSelectDropdownComponent, isStandalone: false, selector: "ads-multi-select-dropdown", inputs: { showChips: "showChips" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!--&nbsp; is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || '&nbsp;'\"\n [panelClass]=\"panelClassList\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n } @else if (triggerTemplate) {\n <mat-select-trigger>\n <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{\n checkbox: isMultiselect && checkSelected,\n 'wrap-text': wrapOptionText,\n }\"\n [matTooltip]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n [matTooltipDisabled]=\"!showTooltip\"\n [disabled]=\"isDropdownOptionObject(option)\"\n >\n @if (optionTemplate) {\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\n } @else if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n [control]=\"createCheckboxControl(option)\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field.chips ::ng-deep .mdc-text-field{height:auto;min-height:var(--mat-form-field-container-height)}mat-form-field.x-small ::ng-deep{--mat-form-field-container-height: 32px}mat-option:not(.mdc-list-item--disabled):hover ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):focus ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):active ::ng-deep .checkbox-label{color:var(--color-white)}.tag-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "id", "removable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
3177
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsMultiSelectDropdownComponent, isStandalone: false, selector: "ads-multi-select-dropdown", inputs: { showChips: "showChips" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!--&nbsp; is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || '&nbsp;'\"\n [panelClass]=\"panelClassList\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n } @else if (triggerTemplate) {\n <mat-select-trigger>\n <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{\n checkbox: isMultiselect && checkSelected,\n 'wrap-text': wrapOptionText,\n }\"\n [matTooltip]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n [matTooltipDisabled]=\"!showTooltip\"\n [disabled]=\"isDropdownOptionObject(option)\"\n >\n @if (optionTemplate) {\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\n } @else if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n [control]=\"createCheckboxControl(option)\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field.chips ::ng-deep .mdc-text-field{height:auto;min-height:var(--mat-form-field-container-height)}mat-form-field.x-small ::ng-deep{--mat-form-field-container-height: 32px}mat-option:not(.mdc-list-item--disabled):hover ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):focus ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):active ::ng-deep .checkbox-label{color:var(--color-white)}.tag-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "id", "removable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
3178
3178
  }
3179
3179
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsMultiSelectDropdownComponent, decorators: [{
3180
3180
  type: Component,
3181
- args: [{ selector: 'ads-multi-select-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!--&nbsp; is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || '&nbsp;'\"\n [panelClass]=\"panelClassList\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n } @else if (triggerTemplate) {\n <mat-select-trigger>\n <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{\n checkbox: isMultiselect && checkSelected,\n 'wrap-text': wrapOptionText,\n }\"\n [matTooltip]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n [matTooltipDisabled]=\"!showTooltip\"\n [disabled]=\"isDropdownOptionObject(option)\"\n >\n @if (optionTemplate) {\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\n } @else if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n [control]=\"createCheckboxControl(option)\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field.chips ::ng-deep .mdc-text-field{height:auto;min-height:var(--mat-form-field-container-height)}mat-form-field.x-small ::ng-deep{--mat-form-field-container-height: 32px}mat-option:not(.mdc-list-item--disabled):hover ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):focus ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):active ::ng-deep .checkbox-label{color:var(--color-white)}.tag-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3181
+ args: [{ selector: 'ads-multi-select-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!--&nbsp; is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || '&nbsp;'\"\n [panelClass]=\"panelClassList\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n } @else if (triggerTemplate) {\n <mat-select-trigger>\n <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{\n checkbox: isMultiselect && checkSelected,\n 'wrap-text': wrapOptionText,\n }\"\n [matTooltip]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n [matTooltipDisabled]=\"!showTooltip\"\n [disabled]=\"isDropdownOptionObject(option)\"\n >\n @if (optionTemplate) {\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\n } @else if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n [control]=\"createCheckboxControl(option)\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field.chips ::ng-deep .mdc-text-field{height:auto;min-height:var(--mat-form-field-container-height)}mat-form-field.x-small ::ng-deep{--mat-form-field-container-height: 32px}mat-option:not(.mdc-list-item--disabled):hover ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):focus ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):active ::ng-deep .checkbox-label{color:var(--color-white)}.tag-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3182
3182
  }], propDecorators: { showChips: [{
3183
3183
  type: Input
3184
3184
  }] } });
@@ -3306,11 +3306,11 @@ class AdsInputComponent extends AbstractInputComponent {
3306
3306
  }
3307
3307
  }
3308
3308
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
3309
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsInputComponent, isStandalone: false, selector: "ads-input", inputs: { maxlength: "maxlength", type: "type", pattern: "pattern", defaultValue: "defaultValue", isPasswordField: "isPasswordField", showClockIcon: "showClockIcon", mask: "mask", suffix: "suffix", prefix: "prefix", dropSpecialCharacters: "dropSpecialCharacters", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", matAutocomplete: "matAutocomplete", showSearchIcon: "showSearchIcon", onFocus: "onFocus", onBlur: "onBlur", rightHint: "rightHint" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [floatLabel]=\"valueControl.value ? 'always' : 'auto'\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': canClear,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n #input\n matInput\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [mask]=\"mask\"\n [maxlength]=\"maxlength\"\n [dropSpecialCharacters]=\"dropSpecialCharacters\"\n [thousandSeparator]=\"thousandSeparator\"\n [decimalMarker]=\"decimalMarker\"\n [id]=\"id\"\n [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (keydown)=\"restrictInput($event)\"\n [attr.matAutocomplete]=\"matAutocomplete ? matAutocomplete : null\"\n [attr.pattern]=\"pattern\"\n />\n @if (rightHint) {\n <span class=\"ads-input-right-hint\">{{ rightHint }}</span>\n }\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (isPasswordField) {\n <button type=\"button\" mat-icon-button matTextSuffix (click)=\"showHidePassword()\" class=\"action-icon\">\n <ads-icon\n class=\"visibility-eye\"\n [name]=\"hidePassword ? 'visibility_eye_none' : 'visibility_eye'\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </button>\n }\n\n @if (showClockIcon) {\n <button\n type=\"button\"\n [disableRipple]=\"true\"\n mat-icon-button\n matTextSuffix\n (click)=\"showHidePassword()\"\n class=\"action-icon time-picker-button\"\n >\n <ads-icon\n class=\"status_processing\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n stroke=\"iconPrimary\"\n />\n </button>\n }\n\n @if (showSearchIcon) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disableRipple]=\"true\"\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "directive", type: i11.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
3309
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsInputComponent, isStandalone: false, selector: "ads-input", inputs: { maxlength: "maxlength", type: "type", pattern: "pattern", defaultValue: "defaultValue", isPasswordField: "isPasswordField", showClockIcon: "showClockIcon", mask: "mask", suffix: "suffix", prefix: "prefix", dropSpecialCharacters: "dropSpecialCharacters", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", matAutocomplete: "matAutocomplete", showSearchIcon: "showSearchIcon", onFocus: "onFocus", onBlur: "onBlur", rightHint: "rightHint" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [floatLabel]=\"valueControl.value ? 'always' : 'auto'\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': canClear,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n #input\n matInput\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [mask]=\"mask\"\n [maxlength]=\"maxlength\"\n [dropSpecialCharacters]=\"dropSpecialCharacters\"\n [thousandSeparator]=\"thousandSeparator\"\n [decimalMarker]=\"decimalMarker\"\n [id]=\"id\"\n [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (keydown)=\"restrictInput($event)\"\n [attr.matAutocomplete]=\"matAutocomplete ? matAutocomplete : null\"\n [attr.pattern]=\"pattern\"\n />\n @if (rightHint) {\n <span class=\"ads-input-right-hint\">{{ rightHint }}</span>\n }\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (isPasswordField) {\n <button type=\"button\" mat-icon-button matTextSuffix (click)=\"showHidePassword()\" class=\"action-icon\">\n <ads-icon\n class=\"visibility-eye\"\n [name]=\"hidePassword ? 'visibility_eye_none' : 'visibility_eye'\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </button>\n }\n\n @if (showClockIcon) {\n <button\n type=\"button\"\n [disableRipple]=\"true\"\n mat-icon-button\n matTextSuffix\n (click)=\"showHidePassword()\"\n class=\"action-icon time-picker-button\"\n >\n <ads-icon\n class=\"status_processing\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n stroke=\"iconPrimary\"\n />\n </button>\n }\n\n @if (showSearchIcon) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disableRipple]=\"true\"\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "directive", type: i11.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
3310
3310
  }
3311
3311
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsInputComponent, decorators: [{
3312
3312
  type: Component,
3313
- args: [{ selector: 'ads-input', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [floatLabel]=\"valueControl.value ? 'always' : 'auto'\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': canClear,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n #input\n matInput\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [mask]=\"mask\"\n [maxlength]=\"maxlength\"\n [dropSpecialCharacters]=\"dropSpecialCharacters\"\n [thousandSeparator]=\"thousandSeparator\"\n [decimalMarker]=\"decimalMarker\"\n [id]=\"id\"\n [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (keydown)=\"restrictInput($event)\"\n [attr.matAutocomplete]=\"matAutocomplete ? matAutocomplete : null\"\n [attr.pattern]=\"pattern\"\n />\n @if (rightHint) {\n <span class=\"ads-input-right-hint\">{{ rightHint }}</span>\n }\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (isPasswordField) {\n <button type=\"button\" mat-icon-button matTextSuffix (click)=\"showHidePassword()\" class=\"action-icon\">\n <ads-icon\n class=\"visibility-eye\"\n [name]=\"hidePassword ? 'visibility_eye_none' : 'visibility_eye'\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </button>\n }\n\n @if (showClockIcon) {\n <button\n type=\"button\"\n [disableRipple]=\"true\"\n mat-icon-button\n matTextSuffix\n (click)=\"showHidePassword()\"\n class=\"action-icon time-picker-button\"\n >\n <ads-icon\n class=\"status_processing\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n stroke=\"iconPrimary\"\n />\n </button>\n }\n\n @if (showSearchIcon) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disableRipple]=\"true\"\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3313
+ args: [{ selector: 'ads-input', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [floatLabel]=\"valueControl.value ? 'always' : 'auto'\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': canClear,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n #input\n matInput\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [mask]=\"mask\"\n [maxlength]=\"maxlength\"\n [dropSpecialCharacters]=\"dropSpecialCharacters\"\n [thousandSeparator]=\"thousandSeparator\"\n [decimalMarker]=\"decimalMarker\"\n [id]=\"id\"\n [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (keydown)=\"restrictInput($event)\"\n [attr.matAutocomplete]=\"matAutocomplete ? matAutocomplete : null\"\n [attr.pattern]=\"pattern\"\n />\n @if (rightHint) {\n <span class=\"ads-input-right-hint\">{{ rightHint }}</span>\n }\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (isPasswordField) {\n <button type=\"button\" mat-icon-button matTextSuffix (click)=\"showHidePassword()\" class=\"action-icon\">\n <ads-icon\n class=\"visibility-eye\"\n [name]=\"hidePassword ? 'visibility_eye_none' : 'visibility_eye'\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </button>\n }\n\n @if (showClockIcon) {\n <button\n type=\"button\"\n [disableRipple]=\"true\"\n mat-icon-button\n matTextSuffix\n (click)=\"showHidePassword()\"\n class=\"action-icon time-picker-button\"\n >\n <ads-icon\n class=\"status_processing\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n stroke=\"iconPrimary\"\n />\n </button>\n }\n\n @if (showSearchIcon) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disableRipple]=\"true\"\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3314
3314
  }], propDecorators: { maxlength: [{
3315
3315
  type: Input
3316
3316
  }], type: [{
@@ -3457,11 +3457,11 @@ class AdsPhoneFieldComponent extends AbstractInputComponent {
3457
3457
  this.valueChangesSubscription?.unsubscribe();
3458
3458
  }
3459
3459
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsPhoneFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
3460
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: AdsPhoneFieldComponent, isStandalone: false, selector: "ads-phone-field", usesInheritance: true, ngImport: i0, template: "<ads-input\n [control]=\"valueControl\"\n [mask]=\"phoneMask()\"\n [onBlur]=\"onBlur\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"errorMessages\"\n [width]=\"width\"\n [showClearButton]=\"showClearButton\"\n/>\n", styles: [".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "isPasswordField", "showClockIcon", "mask", "suffix", "prefix", "dropSpecialCharacters", "thousandSeparator", "decimalMarker", "matAutocomplete", "showSearchIcon", "onFocus", "onBlur", "rightHint"] }] }); }
3460
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: AdsPhoneFieldComponent, isStandalone: false, selector: "ads-phone-field", usesInheritance: true, ngImport: i0, template: "<ads-input\n [control]=\"valueControl\"\n [mask]=\"phoneMask()\"\n [onBlur]=\"onBlur\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"errorMessages\"\n [width]=\"width\"\n [showClearButton]=\"showClearButton\"\n/>\n", styles: [".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "isPasswordField", "showClockIcon", "mask", "suffix", "prefix", "dropSpecialCharacters", "thousandSeparator", "decimalMarker", "matAutocomplete", "showSearchIcon", "onFocus", "onBlur", "rightHint"] }] }); }
3461
3461
  }
3462
3462
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsPhoneFieldComponent, decorators: [{
3463
3463
  type: Component,
3464
- args: [{ selector: 'ads-phone-field', standalone: false, template: "<ads-input\n [control]=\"valueControl\"\n [mask]=\"phoneMask()\"\n [onBlur]=\"onBlur\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"errorMessages\"\n [width]=\"width\"\n [showClearButton]=\"showClearButton\"\n/>\n", styles: [".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3464
+ args: [{ selector: 'ads-phone-field', standalone: false, template: "<ads-input\n [control]=\"valueControl\"\n [mask]=\"phoneMask()\"\n [onBlur]=\"onBlur\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"errorMessages\"\n [width]=\"width\"\n [showClearButton]=\"showClearButton\"\n/>\n", styles: [".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3465
3465
  }] });
3466
3466
 
3467
3467
  class AdsPhoneFieldModule {
@@ -3490,11 +3490,11 @@ class AdsTextareaComponent extends AbstractInputComponent {
3490
3490
  this.canResize = true;
3491
3491
  }
3492
3492
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
3493
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsTextareaComponent, isStandalone: false, selector: "ads-textarea", inputs: { maxlength: "maxlength", rows: "rows", canResize: "canResize" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': canClear && !showExclamation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if(label || required) {\n <mat-label>{{ label }}</mat-label>\n }\n <textarea\n matInput\n [rows]=\"rows\"\n [maxlength]=\"maxlength\"\n [id]=\"id\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n [ngStyle]=\"{ resize: canResize ? null : 'none' }\"\n >\n </textarea>\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\">\n <ads-icon name=\"cross\" size=\"xxs\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n </mat-form-field>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ":host::ng-deep mat-form-field .mdc-text-field{height:auto}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label textarea{min-height:30px;margin-top:12px;margin-bottom:6px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix textarea{line-height:24px;min-height:24px;margin-top:20px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea{line-height:24px;position:relative;bottom:1px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea::-webkit-resizer{background-size:contain;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTUtNiA2bTYtMTMtMTMgMTMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-icon-suffix,:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{align-self:baseline;height:var(--mat-form-field-container-height);display:flex;align-items:center}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }] }); }
3493
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsTextareaComponent, isStandalone: false, selector: "ads-textarea", inputs: { maxlength: "maxlength", rows: "rows", canResize: "canResize" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': canClear && !showExclamation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if(label || required) {\n <mat-label>{{ label }}</mat-label>\n }\n <textarea\n matInput\n [rows]=\"rows\"\n [maxlength]=\"maxlength\"\n [id]=\"id\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n [ngStyle]=\"{ resize: canResize ? null : 'none' }\"\n >\n </textarea>\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\">\n <ads-icon name=\"cross\" size=\"xxs\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n </mat-form-field>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ":host::ng-deep mat-form-field .mdc-text-field{height:auto}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label textarea{min-height:30px;margin-top:12px;margin-bottom:6px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix textarea{line-height:24px;min-height:24px;margin-top:20px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea{line-height:24px;position:relative;bottom:1px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea::-webkit-resizer{background-size:contain;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTUtNiA2bTYtMTMtMTMgMTMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-icon-suffix,:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{align-self:baseline;height:var(--mat-form-field-container-height);display:flex;align-items:center}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }] }); }
3494
3494
  }
3495
3495
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsTextareaComponent, decorators: [{
3496
3496
  type: Component,
3497
- args: [{ selector: 'ads-textarea', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': canClear && !showExclamation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if(label || required) {\n <mat-label>{{ label }}</mat-label>\n }\n <textarea\n matInput\n [rows]=\"rows\"\n [maxlength]=\"maxlength\"\n [id]=\"id\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n [ngStyle]=\"{ resize: canResize ? null : 'none' }\"\n >\n </textarea>\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\">\n <ads-icon name=\"cross\" size=\"xxs\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n </mat-form-field>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ":host::ng-deep mat-form-field .mdc-text-field{height:auto}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label textarea{min-height:30px;margin-top:12px;margin-bottom:6px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix textarea{line-height:24px;min-height:24px;margin-top:20px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea{line-height:24px;position:relative;bottom:1px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea::-webkit-resizer{background-size:contain;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTUtNiA2bTYtMTMtMTMgMTMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-icon-suffix,:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{align-self:baseline;height:var(--mat-form-field-container-height);display:flex;align-items:center}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3497
+ args: [{ selector: 'ads-textarea', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': canClear && !showExclamation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if(label || required) {\n <mat-label>{{ label }}</mat-label>\n }\n <textarea\n matInput\n [rows]=\"rows\"\n [maxlength]=\"maxlength\"\n [id]=\"id\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n [ngStyle]=\"{ resize: canResize ? null : 'none' }\"\n >\n </textarea>\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\">\n <ads-icon name=\"cross\" size=\"xxs\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n </mat-form-field>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ":host::ng-deep mat-form-field .mdc-text-field{height:auto}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label textarea{min-height:30px;margin-top:12px;margin-bottom:6px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix textarea{line-height:24px;min-height:24px;margin-top:20px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea{line-height:24px;position:relative;bottom:1px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea::-webkit-resizer{background-size:contain;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTUtNiA2bTYtMTMtMTMgMTMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-icon-suffix,:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{align-self:baseline;height:var(--mat-form-field-container-height);display:flex;align-items:center}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3498
3498
  }], propDecorators: { maxlength: [{
3499
3499
  type: Input
3500
3500
  }], rows: [{
@@ -3609,11 +3609,11 @@ class AdsInputDropdownComponent extends AbstractInputComponent {
3609
3609
  }
3610
3610
  }
3611
3611
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsInputDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
3612
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsInputDropdownComponent, isStandalone: false, selector: "ads-input-dropdown", inputs: { maxlength: "maxlength", type: "type", pattern: "pattern", dropdownControl: "dropdownControl", dropdownId: "dropdownId", dropdownLabel: "dropdownLabel", dropdownPlaceholder: "dropdownPlaceholder", inputWidth: "inputWidth", dropdownWidth: "dropdownWidth", autoSelectSingleDropdownOption: "autoSelectSingleDropdownOption", options: "options", displayValueKey: "displayValueKey", hasEmptyValue: "hasEmptyValue", fitContent: "fitContent", mask: "mask", suffix: "suffix", prefix: "prefix", dropSpecialCharacters: "dropSpecialCharacters", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", showTooltip: "showTooltip" }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: AdsDropdownComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\">\n <div class=\"form-controls-wrapper\">\n <div\n class=\"text-box\"\n [ngClass]=\"{\n invalid: dropdownControl.invalid && dropdownControl.touched,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: inputWidth }\"\n >\n <ads-input\n [control]=\"valueControl\"\n [maxlength]=\"maxlength\"\n [id]=\"id\"\n [pattern]=\"pattern\"\n [label]=\"label\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [errorMessages]=\"errorMessages\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [showClearButton]=\"showClearButton\"\n [immediateValidation]=\"immediateValidation\"\n [showFooter]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [mask]=\"mask\"\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [dropSpecialCharacters]=\"dropSpecialCharacters\"\n [thousandSeparator]=\"thousandSeparator\"\n [decimalMarker]=\"decimalMarker\"\n />\n </div>\n <div\n class=\"select-box\"\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\n [ngStyle]=\"{ width: dropdownWidth }\"\n >\n @if (isSingleOptionSelected) {\n <ads-input\n [control]=\"dropdownControl\"\n [id]=\"id\"\n [label]=\"dropdownLabel\"\n [placeholder]=\"dropdownPlaceholder\"\n [immediateValidation]=\"immediateValidation\"\n [showFooter]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [mask]=\"mask\"\n />\n } @else {\n <ads-dropdown\n [hasEmptyValue]=\"hasEmptyValue\"\n [control]=\"dropdownControl\"\n [id]=\"dropdownId\"\n [options]=\"options\"\n [label]=\"dropdownLabel\"\n [placeholder]=\"dropdownPlaceholder\"\n [immediateValidation]=\"immediateValidation\"\n [displayValueKey]=\"displayValueKey\"\n [fitContent]=\"fitContent\"\n [showFooter]=\"false\"\n [checkSelected]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [showTooltip]=\"showTooltip\"\n />\n }\n </div>\n </div>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n</div>\n@if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n}\n", styles: [":host{display:flex;gap:12px;align-items:flex-start}.form-field-wrapper{display:flex;flex-direction:column}.form-field-wrapper .form-controls-wrapper{display:flex;width:100%}.form-field-wrapper .invalid ::ng-deep .mdc-text-field{border-color:var(--mat-form-field-filled-error-label-text-color)}.form-field-wrapper .invalid.text-box ::ng-deep .mdc-text-field{border-right-width:1px}.form-field-wrapper .invalid.select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent}.form-field-wrapper .select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.form-field-wrapper .text-box{z-index:1}.form-field-wrapper .text-box ::ng-deep .mdc-text-field{border-top-right-radius:0;border-bottom-right-radius:0}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "isPasswordField", "showClockIcon", "mask", "suffix", "prefix", "dropSpecialCharacters", "thousandSeparator", "decimalMarker", "matAutocomplete", "showSearchIcon", "onFocus", "onBlur", "rightHint"] }, { kind: "component", type: AdsDropdownComponent, selector: "ads-dropdown", inputs: ["displayValueFormatter", "mode", "hasEmptyValue", "checkSelected", "options", "optionTemplate", "triggerTemplate", "panelClass"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
3612
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsInputDropdownComponent, isStandalone: false, selector: "ads-input-dropdown", inputs: { maxlength: "maxlength", type: "type", pattern: "pattern", dropdownControl: "dropdownControl", dropdownId: "dropdownId", dropdownLabel: "dropdownLabel", dropdownPlaceholder: "dropdownPlaceholder", inputWidth: "inputWidth", dropdownWidth: "dropdownWidth", autoSelectSingleDropdownOption: "autoSelectSingleDropdownOption", options: "options", displayValueKey: "displayValueKey", hasEmptyValue: "hasEmptyValue", fitContent: "fitContent", mask: "mask", suffix: "suffix", prefix: "prefix", dropSpecialCharacters: "dropSpecialCharacters", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", showTooltip: "showTooltip" }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: AdsDropdownComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\">\n <div class=\"form-controls-wrapper\">\n <div\n class=\"text-box\"\n [ngClass]=\"{\n invalid: dropdownControl.invalid && dropdownControl.touched,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: inputWidth }\"\n >\n <ads-input\n [control]=\"valueControl\"\n [maxlength]=\"maxlength\"\n [id]=\"id\"\n [pattern]=\"pattern\"\n [label]=\"label\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [errorMessages]=\"errorMessages\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [showClearButton]=\"showClearButton\"\n [immediateValidation]=\"immediateValidation\"\n [showFooter]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [mask]=\"mask\"\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [dropSpecialCharacters]=\"dropSpecialCharacters\"\n [thousandSeparator]=\"thousandSeparator\"\n [decimalMarker]=\"decimalMarker\"\n />\n </div>\n <div\n class=\"select-box\"\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\n [ngStyle]=\"{ width: dropdownWidth }\"\n >\n @if (isSingleOptionSelected) {\n <ads-input\n [control]=\"dropdownControl\"\n [id]=\"id\"\n [label]=\"dropdownLabel\"\n [placeholder]=\"dropdownPlaceholder\"\n [immediateValidation]=\"immediateValidation\"\n [showFooter]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [mask]=\"mask\"\n />\n } @else {\n <ads-dropdown\n [hasEmptyValue]=\"hasEmptyValue\"\n [control]=\"dropdownControl\"\n [id]=\"dropdownId\"\n [options]=\"options\"\n [label]=\"dropdownLabel\"\n [placeholder]=\"dropdownPlaceholder\"\n [immediateValidation]=\"immediateValidation\"\n [displayValueKey]=\"displayValueKey\"\n [fitContent]=\"fitContent\"\n [showFooter]=\"false\"\n [checkSelected]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [showTooltip]=\"showTooltip\"\n />\n }\n </div>\n </div>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n</div>\n@if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n}\n", styles: [":host{display:flex;gap:12px;align-items:flex-start}.form-field-wrapper{display:flex;flex-direction:column}.form-field-wrapper .form-controls-wrapper{display:flex;width:100%}.form-field-wrapper .invalid ::ng-deep .mdc-text-field{border-color:var(--mat-form-field-filled-error-label-text-color)}.form-field-wrapper .invalid.text-box ::ng-deep .mdc-text-field{border-right-width:1px}.form-field-wrapper .invalid.select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent}.form-field-wrapper .select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.form-field-wrapper .text-box{z-index:1}.form-field-wrapper .text-box ::ng-deep .mdc-text-field{border-top-right-radius:0;border-bottom-right-radius:0}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "isPasswordField", "showClockIcon", "mask", "suffix", "prefix", "dropSpecialCharacters", "thousandSeparator", "decimalMarker", "matAutocomplete", "showSearchIcon", "onFocus", "onBlur", "rightHint"] }, { kind: "component", type: AdsDropdownComponent, selector: "ads-dropdown", inputs: ["displayValueFormatter", "mode", "hasEmptyValue", "checkSelected", "options", "optionTemplate", "triggerTemplate", "panelClass"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
3613
3613
  }
3614
3614
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsInputDropdownComponent, decorators: [{
3615
3615
  type: Component,
3616
- args: [{ selector: 'ads-input-dropdown', standalone: false, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\">\n <div class=\"form-controls-wrapper\">\n <div\n class=\"text-box\"\n [ngClass]=\"{\n invalid: dropdownControl.invalid && dropdownControl.touched,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: inputWidth }\"\n >\n <ads-input\n [control]=\"valueControl\"\n [maxlength]=\"maxlength\"\n [id]=\"id\"\n [pattern]=\"pattern\"\n [label]=\"label\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [errorMessages]=\"errorMessages\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [showClearButton]=\"showClearButton\"\n [immediateValidation]=\"immediateValidation\"\n [showFooter]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [mask]=\"mask\"\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [dropSpecialCharacters]=\"dropSpecialCharacters\"\n [thousandSeparator]=\"thousandSeparator\"\n [decimalMarker]=\"decimalMarker\"\n />\n </div>\n <div\n class=\"select-box\"\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\n [ngStyle]=\"{ width: dropdownWidth }\"\n >\n @if (isSingleOptionSelected) {\n <ads-input\n [control]=\"dropdownControl\"\n [id]=\"id\"\n [label]=\"dropdownLabel\"\n [placeholder]=\"dropdownPlaceholder\"\n [immediateValidation]=\"immediateValidation\"\n [showFooter]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [mask]=\"mask\"\n />\n } @else {\n <ads-dropdown\n [hasEmptyValue]=\"hasEmptyValue\"\n [control]=\"dropdownControl\"\n [id]=\"dropdownId\"\n [options]=\"options\"\n [label]=\"dropdownLabel\"\n [placeholder]=\"dropdownPlaceholder\"\n [immediateValidation]=\"immediateValidation\"\n [displayValueKey]=\"displayValueKey\"\n [fitContent]=\"fitContent\"\n [showFooter]=\"false\"\n [checkSelected]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [showTooltip]=\"showTooltip\"\n />\n }\n </div>\n </div>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n</div>\n@if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n}\n", styles: [":host{display:flex;gap:12px;align-items:flex-start}.form-field-wrapper{display:flex;flex-direction:column}.form-field-wrapper .form-controls-wrapper{display:flex;width:100%}.form-field-wrapper .invalid ::ng-deep .mdc-text-field{border-color:var(--mat-form-field-filled-error-label-text-color)}.form-field-wrapper .invalid.text-box ::ng-deep .mdc-text-field{border-right-width:1px}.form-field-wrapper .invalid.select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent}.form-field-wrapper .select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.form-field-wrapper .text-box{z-index:1}.form-field-wrapper .text-box ::ng-deep .mdc-text-field{border-top-right-radius:0;border-bottom-right-radius:0}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3616
+ args: [{ selector: 'ads-input-dropdown', standalone: false, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\">\n <div class=\"form-controls-wrapper\">\n <div\n class=\"text-box\"\n [ngClass]=\"{\n invalid: dropdownControl.invalid && dropdownControl.touched,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: inputWidth }\"\n >\n <ads-input\n [control]=\"valueControl\"\n [maxlength]=\"maxlength\"\n [id]=\"id\"\n [pattern]=\"pattern\"\n [label]=\"label\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [errorMessages]=\"errorMessages\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [showClearButton]=\"showClearButton\"\n [immediateValidation]=\"immediateValidation\"\n [showFooter]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [mask]=\"mask\"\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [dropSpecialCharacters]=\"dropSpecialCharacters\"\n [thousandSeparator]=\"thousandSeparator\"\n [decimalMarker]=\"decimalMarker\"\n />\n </div>\n <div\n class=\"select-box\"\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\n [ngStyle]=\"{ width: dropdownWidth }\"\n >\n @if (isSingleOptionSelected) {\n <ads-input\n [control]=\"dropdownControl\"\n [id]=\"id\"\n [label]=\"dropdownLabel\"\n [placeholder]=\"dropdownPlaceholder\"\n [immediateValidation]=\"immediateValidation\"\n [showFooter]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [mask]=\"mask\"\n />\n } @else {\n <ads-dropdown\n [hasEmptyValue]=\"hasEmptyValue\"\n [control]=\"dropdownControl\"\n [id]=\"dropdownId\"\n [options]=\"options\"\n [label]=\"dropdownLabel\"\n [placeholder]=\"dropdownPlaceholder\"\n [immediateValidation]=\"immediateValidation\"\n [displayValueKey]=\"displayValueKey\"\n [fitContent]=\"fitContent\"\n [showFooter]=\"false\"\n [checkSelected]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [showTooltip]=\"showTooltip\"\n />\n }\n </div>\n </div>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n</div>\n@if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n}\n", styles: [":host{display:flex;gap:12px;align-items:flex-start}.form-field-wrapper{display:flex;flex-direction:column}.form-field-wrapper .form-controls-wrapper{display:flex;width:100%}.form-field-wrapper .invalid ::ng-deep .mdc-text-field{border-color:var(--mat-form-field-filled-error-label-text-color)}.form-field-wrapper .invalid.text-box ::ng-deep .mdc-text-field{border-right-width:1px}.form-field-wrapper .invalid.select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent}.form-field-wrapper .select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.form-field-wrapper .text-box{z-index:1}.form-field-wrapper .text-box ::ng-deep .mdc-text-field{border-top-right-radius:0;border-bottom-right-radius:0}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
3617
3617
  }], propDecorators: { maxlength: [{
3618
3618
  type: Input
3619
3619
  }], type: [{
@@ -4421,11 +4421,11 @@ class AdsSearchDropdownComponent extends AbstractDropdownComponent {
4421
4421
  textarea.style.height = newHeight + 'px';
4422
4422
  }
4423
4423
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsSearchDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
4424
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsSearchDropdownComponent, isStandalone: false, selector: "ads-search-dropdown", inputs: { externalButton: { classPropertyName: "externalButton", publicName: "externalButton", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: false, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: false, transformFunction: null }, staticOptions: { classPropertyName: "staticOptions", publicName: "staticOptions", isSignal: false, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: false, isRequired: false, transformFunction: null }, emitEmptyValues: { classPropertyName: "emitEmptyValues", publicName: "emitEmptyValues", isSignal: false, isRequired: false, transformFunction: null }, loadSuggestionOnInit: { classPropertyName: "loadSuggestionOnInit", publicName: "loadSuggestionOnInit", isSignal: false, isRequired: false, transformFunction: null }, noDataOption: { classPropertyName: "noDataOption", publicName: "noDataOption", isSignal: false, isRequired: false, transformFunction: null }, moreDataOption: { classPropertyName: "moreDataOption", publicName: "moreDataOption", isSignal: false, isRequired: false, transformFunction: null }, staticDataOption: { classPropertyName: "staticDataOption", publicName: "staticDataOption", isSignal: false, isRequired: false, transformFunction: null }, onEnterKeyDown: { classPropertyName: "onEnterKeyDown", publicName: "onEnterKeyDown", isSignal: false, isRequired: false, transformFunction: null }, searchIconClickCallback: { classPropertyName: "searchIconClickCallback", publicName: "searchIconClickCallback", isSignal: false, isRequired: false, transformFunction: null }, displayValueFormatter: { classPropertyName: "displayValueFormatter", publicName: "displayValueFormatter", isSignal: false, isRequired: false, transformFunction: null }, useOptionTemplate: { classPropertyName: "useOptionTemplate", publicName: "useOptionTemplate", isSignal: false, isRequired: false, transformFunction: null }, minValueLength: { classPropertyName: "minValueLength", publicName: "minValueLength", isSignal: false, isRequired: false, transformFunction: null }, preventClick: { classPropertyName: "preventClick", publicName: "preventClick", isSignal: false, isRequired: false, transformFunction: null }, closePanelEnabled: { classPropertyName: "closePanelEnabled", publicName: "closePanelEnabled", isSignal: false, isRequired: false, transformFunction: null }, trimValue: { classPropertyName: "trimValue", publicName: "trimValue", isSignal: false, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: false, isRequired: false, transformFunction: null }, errorMessages: { classPropertyName: "errorMessages", publicName: "errorMessages", isSignal: false, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { externalButtonClick: "externalButtonClick", focusInput: "focusInput", blurInput: "blurInput", emitSearchValueInput: "emitSearchValueInput" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "moreDataMatOption", first: true, predicate: ["moreDataMatOption"], descendants: true }, { propertyName: "noDataMatOption", first: true, predicate: ["noDataMatOption"], descendants: true }, { propertyName: "staticDataMatOption", first: true, predicate: ["staticDataMatOption"], descendants: true }, { propertyName: "auto", first: true, predicate: ["auto"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'is-open': trigger?.panelOpen,\n invalid: canShowError(),\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n @if (wrapOptionText) {\n <textarea\n #input\n [disabled]=\"displayControl.disabled\"\n (keydown.enter)=\"onKeyDown($event.target)\"\n (blur)=\"onBlur()\"\n (input)=\"onInput($event.target)\"\n (focus)=\"onFocus()\"\n [autocomplete]=\"'none'\"\n [id]=\"id\"\n matInput\n [value]=\"getDisplayedValueAsString()\"\n [attr.maxlength]=\"maxlength\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n rows=\"1\"\n class=\"auto-resize-textarea\"\n ></textarea>\n } @else {\n <input\n #input\n [disabled]=\"displayControl.disabled\"\n (keydown.enter)=\"onKeyDown($event.target)\"\n (blur)=\"onBlur()\"\n (input)=\"onInput($event.target)\"\n (focus)=\"onFocus()\"\n type=\"text\"\n [autocomplete]=\"'none'\"\n [id]=\"id\"\n matInput\n [value]=\"getDisplayedValueAsString()\"\n [attr.maxlength]=\"maxlength\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n />\n }\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [disableRipple]=\"true\"\n [class]=\"\n 'ads-dropdown-panel' +\n (fitContent ? ' fit-content' : '') +\n (loading() ? ' loading' : '') +\n (preventClick ? '' : ' clickable') +\n ' ' +\n panelClass\n \"\n >\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\n <mat-option\n #opt\n [value]=\"option\"\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n (mousedown)=\"onOptionMouseDown($event, opt)\"\n [matTooltip]=\"tooltipLabel(option)\"\n [matTooltipDisabled]=\"useOptionTemplate || !showTooltip\"\n >\n @if (useOptionTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"optionRef()\"\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\n ></ng-template>\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHtml]=\"\n displayValueFormatter\n ? displayValueFormatter(\n option!.value! | adsSearchDropdownHighlighter: displayControl.value,\n option.key\n )\n : (option!.value! | adsSearchDropdownHighlighter: displayControl.value)\n \"\n ></span>\n }\n </mat-option>\n }\n\n @if (canUseMoreDataOption) {\n <hr class=\"no-results-hr\" />\n <mat-option #moreDataMatOption class=\"extra\" [disabled]=\"!moreDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: moreDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseNoDataOption) {\n <mat-option #noDataMatOption class=\"extra\" [disabled]=\"!noDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: noDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseStaticOption) {\n @if (displayedOptions.size) {\n <hr class=\"no-results-hr\" />\n }\n <mat-option #staticDataMatOption class=\"extra\" [disabled]=\"!staticDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: staticDataOption }\"\n />\n </mat-option>\n }\n </mat-autocomplete>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n @if (showDropdownIcon) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"togglePanel($event)\" class=\"action-icon\">\n <ads-icon\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n }\n @if (!staticOptions && loading()) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\n </button>\n }\n @if (!staticOptions && !loading()) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canSearch\"\n (click)=\"canSearch ? onSearchIconClick($event) : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n @if(externalButton()) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"onExternalButtonClick($event)\" class=\"action-icon external-button\">\n <ads-icon [name]=\"externalButton()!\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"external-icon\" />\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n\n <ng-template #extraOptionValue let-option>\n <span\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"onStaticOptionMouseDown($event, option!)\"\n [innerHTML]=\"option!.label\"\n ></span>\n </ng-template>\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field{width:100%}mat-form-field.invalid ::ng-deep{--mat-form-field-filled-label-text-color: var(--color-error);--mat-form-field-filled-hover-label-text-color: var(--color-error);--mat-form-field-filled-focus-label-text-color: var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field{border-color:var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field ads-icon{stroke:var(--mat-form-field-filled-error-label-text-color)!important;color:var(--mat-form-field-filled-error-label-text-color)!important}mat-form-field.wrap-trigger-text ::ng-deep .auto-resize-textarea{resize:none;overflow:hidden;min-height:24px;max-height:120px;line-height:1.4;padding-top:12px;padding-bottom:12px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{min-height:24px;padding-top:0;padding-bottom:0}mat-form-field.has-label.wrap-trigger-text ::ng-deep .auto-resize-textarea{padding-top:0;padding-bottom:0}mat-option.extra{opacity:1;font-size:.75rem;min-height:32px;display:flex}mat-option.extra ::ng-deep .mdc-list-item__primary-text{opacity:1}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option ::ng-deep .highlighted-text{font-weight:700}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: AdsSearchDropdownHighlighterPipe, name: "adsSearchDropdownHighlighter" }] }); }
4424
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsSearchDropdownComponent, isStandalone: false, selector: "ads-search-dropdown", inputs: { externalButton: { classPropertyName: "externalButton", publicName: "externalButton", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: false, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: false, transformFunction: null }, staticOptions: { classPropertyName: "staticOptions", publicName: "staticOptions", isSignal: false, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: false, isRequired: false, transformFunction: null }, emitEmptyValues: { classPropertyName: "emitEmptyValues", publicName: "emitEmptyValues", isSignal: false, isRequired: false, transformFunction: null }, loadSuggestionOnInit: { classPropertyName: "loadSuggestionOnInit", publicName: "loadSuggestionOnInit", isSignal: false, isRequired: false, transformFunction: null }, noDataOption: { classPropertyName: "noDataOption", publicName: "noDataOption", isSignal: false, isRequired: false, transformFunction: null }, moreDataOption: { classPropertyName: "moreDataOption", publicName: "moreDataOption", isSignal: false, isRequired: false, transformFunction: null }, staticDataOption: { classPropertyName: "staticDataOption", publicName: "staticDataOption", isSignal: false, isRequired: false, transformFunction: null }, onEnterKeyDown: { classPropertyName: "onEnterKeyDown", publicName: "onEnterKeyDown", isSignal: false, isRequired: false, transformFunction: null }, searchIconClickCallback: { classPropertyName: "searchIconClickCallback", publicName: "searchIconClickCallback", isSignal: false, isRequired: false, transformFunction: null }, displayValueFormatter: { classPropertyName: "displayValueFormatter", publicName: "displayValueFormatter", isSignal: false, isRequired: false, transformFunction: null }, useOptionTemplate: { classPropertyName: "useOptionTemplate", publicName: "useOptionTemplate", isSignal: false, isRequired: false, transformFunction: null }, minValueLength: { classPropertyName: "minValueLength", publicName: "minValueLength", isSignal: false, isRequired: false, transformFunction: null }, preventClick: { classPropertyName: "preventClick", publicName: "preventClick", isSignal: false, isRequired: false, transformFunction: null }, closePanelEnabled: { classPropertyName: "closePanelEnabled", publicName: "closePanelEnabled", isSignal: false, isRequired: false, transformFunction: null }, trimValue: { classPropertyName: "trimValue", publicName: "trimValue", isSignal: false, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: false, isRequired: false, transformFunction: null }, errorMessages: { classPropertyName: "errorMessages", publicName: "errorMessages", isSignal: false, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { externalButtonClick: "externalButtonClick", focusInput: "focusInput", blurInput: "blurInput", emitSearchValueInput: "emitSearchValueInput" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "moreDataMatOption", first: true, predicate: ["moreDataMatOption"], descendants: true }, { propertyName: "noDataMatOption", first: true, predicate: ["noDataMatOption"], descendants: true }, { propertyName: "staticDataMatOption", first: true, predicate: ["staticDataMatOption"], descendants: true }, { propertyName: "auto", first: true, predicate: ["auto"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'is-open': trigger?.panelOpen,\n invalid: canShowError(),\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n @if (wrapOptionText) {\n <textarea\n #input\n [disabled]=\"displayControl.disabled\"\n (keydown.enter)=\"onKeyDown($event.target)\"\n (blur)=\"onBlur()\"\n (input)=\"onInput($event.target)\"\n (focus)=\"onFocus()\"\n [autocomplete]=\"'none'\"\n [id]=\"id\"\n matInput\n [value]=\"getDisplayedValueAsString()\"\n [attr.maxlength]=\"maxlength\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n rows=\"1\"\n class=\"auto-resize-textarea\"\n ></textarea>\n } @else {\n <input\n #input\n [disabled]=\"displayControl.disabled\"\n (keydown.enter)=\"onKeyDown($event.target)\"\n (blur)=\"onBlur()\"\n (input)=\"onInput($event.target)\"\n (focus)=\"onFocus()\"\n type=\"text\"\n [autocomplete]=\"'none'\"\n [id]=\"id\"\n matInput\n [value]=\"getDisplayedValueAsString()\"\n [attr.maxlength]=\"maxlength\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n />\n }\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [disableRipple]=\"true\"\n [class]=\"\n 'ads-dropdown-panel' +\n (fitContent ? ' fit-content' : '') +\n (loading() ? ' loading' : '') +\n (preventClick ? '' : ' clickable') +\n ' ' +\n panelClass\n \"\n >\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\n <mat-option\n #opt\n [value]=\"option\"\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n (mousedown)=\"onOptionMouseDown($event, opt)\"\n [matTooltip]=\"tooltipLabel(option)\"\n [matTooltipDisabled]=\"useOptionTemplate || !showTooltip\"\n >\n @if (useOptionTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"optionRef()\"\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\n ></ng-template>\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHtml]=\"\n displayValueFormatter\n ? displayValueFormatter(\n option!.value! | adsSearchDropdownHighlighter: displayControl.value,\n option.key\n )\n : (option!.value! | adsSearchDropdownHighlighter: displayControl.value)\n \"\n ></span>\n }\n </mat-option>\n }\n\n @if (canUseMoreDataOption) {\n <hr class=\"no-results-hr\" />\n <mat-option #moreDataMatOption class=\"extra\" [disabled]=\"!moreDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: moreDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseNoDataOption) {\n <mat-option #noDataMatOption class=\"extra\" [disabled]=\"!noDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: noDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseStaticOption) {\n @if (displayedOptions.size) {\n <hr class=\"no-results-hr\" />\n }\n <mat-option #staticDataMatOption class=\"extra\" [disabled]=\"!staticDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: staticDataOption }\"\n />\n </mat-option>\n }\n </mat-autocomplete>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n @if (showDropdownIcon) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"togglePanel($event)\" class=\"action-icon\">\n <ads-icon\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n }\n @if (!staticOptions && loading()) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\n </button>\n }\n @if (!staticOptions && !loading()) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canSearch\"\n (click)=\"canSearch ? onSearchIconClick($event) : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n @if(externalButton()) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"onExternalButtonClick($event)\" class=\"action-icon external-button\">\n <ads-icon [name]=\"externalButton()!\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"external-icon\" />\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n\n <ng-template #extraOptionValue let-option>\n <span\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"onStaticOptionMouseDown($event, option!)\"\n [innerHTML]=\"option!.label\"\n ></span>\n </ng-template>\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field{width:100%}mat-form-field.invalid ::ng-deep{--mat-form-field-filled-label-text-color: var(--color-error);--mat-form-field-filled-hover-label-text-color: var(--color-error);--mat-form-field-filled-focus-label-text-color: var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field{border-color:var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field ads-icon{stroke:var(--mat-form-field-filled-error-label-text-color)!important;color:var(--mat-form-field-filled-error-label-text-color)!important}mat-form-field.wrap-trigger-text ::ng-deep .auto-resize-textarea{resize:none;overflow:hidden;min-height:24px;max-height:120px;line-height:1.4;padding-top:12px;padding-bottom:12px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{min-height:24px;padding-top:0;padding-bottom:0}mat-form-field.has-label.wrap-trigger-text ::ng-deep .auto-resize-textarea{padding-top:0;padding-bottom:0}mat-option.extra{opacity:1;font-size:.75rem;min-height:32px;display:flex}mat-option.extra ::ng-deep .mdc-list-item__primary-text{opacity:1}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option ::ng-deep .highlighted-text{font-weight:700}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: AdsSearchDropdownHighlighterPipe, name: "adsSearchDropdownHighlighter" }] }); }
4425
4425
  }
4426
4426
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsSearchDropdownComponent, decorators: [{
4427
4427
  type: Component,
4428
- args: [{ selector: 'ads-search-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'is-open': trigger?.panelOpen,\n invalid: canShowError(),\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n @if (wrapOptionText) {\n <textarea\n #input\n [disabled]=\"displayControl.disabled\"\n (keydown.enter)=\"onKeyDown($event.target)\"\n (blur)=\"onBlur()\"\n (input)=\"onInput($event.target)\"\n (focus)=\"onFocus()\"\n [autocomplete]=\"'none'\"\n [id]=\"id\"\n matInput\n [value]=\"getDisplayedValueAsString()\"\n [attr.maxlength]=\"maxlength\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n rows=\"1\"\n class=\"auto-resize-textarea\"\n ></textarea>\n } @else {\n <input\n #input\n [disabled]=\"displayControl.disabled\"\n (keydown.enter)=\"onKeyDown($event.target)\"\n (blur)=\"onBlur()\"\n (input)=\"onInput($event.target)\"\n (focus)=\"onFocus()\"\n type=\"text\"\n [autocomplete]=\"'none'\"\n [id]=\"id\"\n matInput\n [value]=\"getDisplayedValueAsString()\"\n [attr.maxlength]=\"maxlength\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n />\n }\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [disableRipple]=\"true\"\n [class]=\"\n 'ads-dropdown-panel' +\n (fitContent ? ' fit-content' : '') +\n (loading() ? ' loading' : '') +\n (preventClick ? '' : ' clickable') +\n ' ' +\n panelClass\n \"\n >\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\n <mat-option\n #opt\n [value]=\"option\"\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n (mousedown)=\"onOptionMouseDown($event, opt)\"\n [matTooltip]=\"tooltipLabel(option)\"\n [matTooltipDisabled]=\"useOptionTemplate || !showTooltip\"\n >\n @if (useOptionTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"optionRef()\"\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\n ></ng-template>\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHtml]=\"\n displayValueFormatter\n ? displayValueFormatter(\n option!.value! | adsSearchDropdownHighlighter: displayControl.value,\n option.key\n )\n : (option!.value! | adsSearchDropdownHighlighter: displayControl.value)\n \"\n ></span>\n }\n </mat-option>\n }\n\n @if (canUseMoreDataOption) {\n <hr class=\"no-results-hr\" />\n <mat-option #moreDataMatOption class=\"extra\" [disabled]=\"!moreDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: moreDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseNoDataOption) {\n <mat-option #noDataMatOption class=\"extra\" [disabled]=\"!noDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: noDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseStaticOption) {\n @if (displayedOptions.size) {\n <hr class=\"no-results-hr\" />\n }\n <mat-option #staticDataMatOption class=\"extra\" [disabled]=\"!staticDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: staticDataOption }\"\n />\n </mat-option>\n }\n </mat-autocomplete>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n @if (showDropdownIcon) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"togglePanel($event)\" class=\"action-icon\">\n <ads-icon\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n }\n @if (!staticOptions && loading()) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\n </button>\n }\n @if (!staticOptions && !loading()) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canSearch\"\n (click)=\"canSearch ? onSearchIconClick($event) : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n @if(externalButton()) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"onExternalButtonClick($event)\" class=\"action-icon external-button\">\n <ads-icon [name]=\"externalButton()!\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"external-icon\" />\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n\n <ng-template #extraOptionValue let-option>\n <span\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"onStaticOptionMouseDown($event, option!)\"\n [innerHTML]=\"option!.label\"\n ></span>\n </ng-template>\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field{width:100%}mat-form-field.invalid ::ng-deep{--mat-form-field-filled-label-text-color: var(--color-error);--mat-form-field-filled-hover-label-text-color: var(--color-error);--mat-form-field-filled-focus-label-text-color: var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field{border-color:var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field ads-icon{stroke:var(--mat-form-field-filled-error-label-text-color)!important;color:var(--mat-form-field-filled-error-label-text-color)!important}mat-form-field.wrap-trigger-text ::ng-deep .auto-resize-textarea{resize:none;overflow:hidden;min-height:24px;max-height:120px;line-height:1.4;padding-top:12px;padding-bottom:12px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{min-height:24px;padding-top:0;padding-bottom:0}mat-form-field.has-label.wrap-trigger-text ::ng-deep .auto-resize-textarea{padding-top:0;padding-bottom:0}mat-option.extra{opacity:1;font-size:.75rem;min-height:32px;display:flex}mat-option.extra ::ng-deep .mdc-list-item__primary-text{opacity:1}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option ::ng-deep .highlighted-text{font-weight:700}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
4428
+ args: [{ selector: 'ads-search-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'is-open': trigger?.panelOpen,\n invalid: canShowError(),\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n 'wrap-trigger-text': wrapOptionText,\n 'has-label': !!label\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n @if (wrapOptionText) {\n <textarea\n #input\n [disabled]=\"displayControl.disabled\"\n (keydown.enter)=\"onKeyDown($event.target)\"\n (blur)=\"onBlur()\"\n (input)=\"onInput($event.target)\"\n (focus)=\"onFocus()\"\n [autocomplete]=\"'none'\"\n [id]=\"id\"\n matInput\n [value]=\"getDisplayedValueAsString()\"\n [attr.maxlength]=\"maxlength\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n rows=\"1\"\n class=\"auto-resize-textarea\"\n ></textarea>\n } @else {\n <input\n #input\n [disabled]=\"displayControl.disabled\"\n (keydown.enter)=\"onKeyDown($event.target)\"\n (blur)=\"onBlur()\"\n (input)=\"onInput($event.target)\"\n (focus)=\"onFocus()\"\n type=\"text\"\n [autocomplete]=\"'none'\"\n [id]=\"id\"\n matInput\n [value]=\"getDisplayedValueAsString()\"\n [attr.maxlength]=\"maxlength\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n />\n }\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [disableRipple]=\"true\"\n [class]=\"\n 'ads-dropdown-panel' +\n (fitContent ? ' fit-content' : '') +\n (loading() ? ' loading' : '') +\n (preventClick ? '' : ' clickable') +\n ' ' +\n panelClass\n \"\n >\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\n <mat-option\n #opt\n [value]=\"option\"\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n (mousedown)=\"onOptionMouseDown($event, opt)\"\n [matTooltip]=\"tooltipLabel(option)\"\n [matTooltipDisabled]=\"useOptionTemplate || !showTooltip\"\n >\n @if (useOptionTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"optionRef()\"\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\n ></ng-template>\n } @else {\n <span\n [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\n [innerHtml]=\"\n displayValueFormatter\n ? displayValueFormatter(\n option!.value! | adsSearchDropdownHighlighter: displayControl.value,\n option.key\n )\n : (option!.value! | adsSearchDropdownHighlighter: displayControl.value)\n \"\n ></span>\n }\n </mat-option>\n }\n\n @if (canUseMoreDataOption) {\n <hr class=\"no-results-hr\" />\n <mat-option #moreDataMatOption class=\"extra\" [disabled]=\"!moreDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: moreDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseNoDataOption) {\n <mat-option #noDataMatOption class=\"extra\" [disabled]=\"!noDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: noDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseStaticOption) {\n @if (displayedOptions.size) {\n <hr class=\"no-results-hr\" />\n }\n <mat-option #staticDataMatOption class=\"extra\" [disabled]=\"!staticDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: staticDataOption }\"\n />\n </mat-option>\n }\n </mat-autocomplete>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n @if (showDropdownIcon) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"togglePanel($event)\" class=\"action-icon\">\n <ads-icon\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n }\n @if (!staticOptions && loading()) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\n </button>\n }\n @if (!staticOptions && !loading()) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canSearch\"\n (click)=\"canSearch ? onSearchIconClick($event) : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n @if(externalButton()) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"onExternalButtonClick($event)\" class=\"action-icon external-button\">\n <ads-icon [name]=\"externalButton()!\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"external-icon\" />\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n\n <ng-template #extraOptionValue let-option>\n <span\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"onStaticOptionMouseDown($event, option!)\"\n [innerHTML]=\"option!.label\"\n ></span>\n </ng-template>\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field{width:100%}mat-form-field.invalid ::ng-deep{--mat-form-field-filled-label-text-color: var(--color-error);--mat-form-field-filled-hover-label-text-color: var(--color-error);--mat-form-field-filled-focus-label-text-color: var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field{border-color:var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field ads-icon{stroke:var(--mat-form-field-filled-error-label-text-color)!important;color:var(--mat-form-field-filled-error-label-text-color)!important}mat-form-field.wrap-trigger-text ::ng-deep .auto-resize-textarea{resize:none;overflow:hidden;min-height:24px;max-height:120px;line-height:1.4;padding-top:12px;padding-bottom:12px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{min-height:24px;padding-top:0;padding-bottom:0}mat-form-field.has-label.wrap-trigger-text ::ng-deep .auto-resize-textarea{padding-top:0;padding-bottom:0}mat-option.extra{opacity:1;font-size:.75rem;min-height:32px;display:flex}mat-option.extra ::ng-deep .mdc-list-item__primary-text{opacity:1}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option ::ng-deep .highlighted-text{font-weight:700}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
4429
4429
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { optionRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], externalButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalButton", required: false }] }], externalButtonClick: [{ type: i0.Output, args: ["externalButtonClick"] }], maxlength: [{
4430
4430
  type: Input
4431
4431
  }], panelClass: [{
@@ -4583,11 +4583,11 @@ class AdsSearchInputComponent extends AdsInputComponent {
4583
4583
  return this.valueControl.value || this.searchEmptyValue;
4584
4584
  }
4585
4585
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsSearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4586
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsSearchInputComponent, isStandalone: false, selector: "ads-search-input", inputs: { searchCallback: "searchCallback", isIconClickable: "isIconClickable", searchEmptyValue: "searchEmptyValue", loading: "loading" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n matInput\n (keydown.enter)=\"onSearch()\"\n [maxlength]=\"maxlength\"\n [attr.pattern]=\"pattern\"\n [id]=\"id\"\n [type]=\"type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n\n @if (loading) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\n </button>\n } @else {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canClick\"\n (click)=\"canClick ? onSearch() : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
4586
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsSearchInputComponent, isStandalone: false, selector: "ads-search-input", inputs: { searchCallback: "searchCallback", isIconClickable: "isIconClickable", searchEmptyValue: "searchEmptyValue", loading: "loading" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n matInput\n (keydown.enter)=\"onSearch()\"\n [maxlength]=\"maxlength\"\n [attr.pattern]=\"pattern\"\n [id]=\"id\"\n [type]=\"type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n\n @if (loading) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\n </button>\n } @else {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canClick\"\n (click)=\"canClick ? onSearch() : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
4587
4587
  }
4588
4588
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsSearchInputComponent, decorators: [{
4589
4589
  type: Component,
4590
- args: [{ selector: 'ads-search-input', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n matInput\n (keydown.enter)=\"onSearch()\"\n [maxlength]=\"maxlength\"\n [attr.pattern]=\"pattern\"\n [id]=\"id\"\n [type]=\"type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n\n @if (loading) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\n </button>\n } @else {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canClick\"\n (click)=\"canClick ? onSearch() : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
4590
+ args: [{ selector: 'ads-search-input', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n matInput\n (keydown.enter)=\"onSearch()\"\n [maxlength]=\"maxlength\"\n [attr.pattern]=\"pattern\"\n [id]=\"id\"\n [type]=\"type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n\n @if (loading) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\n </button>\n } @else {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canClick\"\n (click)=\"canClick ? onSearch() : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
4591
4591
  }], ctorParameters: () => [], propDecorators: { searchCallback: [{
4592
4592
  type: Input
4593
4593
  }], isIconClickable: [{
@@ -5287,11 +5287,11 @@ class AdsDatetimepickerComponent extends AbstractInputComponent {
5287
5287
  return this.removeOffset(value, this.getRequiredOffset(value));
5288
5288
  }
5289
5289
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsDatetimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5290
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsDatetimepickerComponent, isStandalone: false, selector: "ads-datetimepicker", inputs: { twelveHour: "twelveHour", offset: "offset", allowPastValues: "allowPastValues", allowManualInput: "allowManualInput", useShortcuts: "useShortcuts", overrideDisplayFormat: "overrideDisplayFormat", showTimePicker: "showTimePicker", customDisplayFormat: "customDisplayFormat", timeInterval: "timeInterval", overlayCdkClass: "overlayCdkClass" }, viewQueries: [{ propertyName: "picker", first: true, predicate: MatDatetimepickerComponent, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
5290
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsDatetimepickerComponent, isStandalone: false, selector: "ads-datetimepicker", inputs: { twelveHour: "twelveHour", offset: "offset", allowPastValues: "allowPastValues", allowManualInput: "allowManualInput", useShortcuts: "useShortcuts", overrideDisplayFormat: "overrideDisplayFormat", showTimePicker: "showTimePicker", customDisplayFormat: "customDisplayFormat", timeInterval: "timeInterval", overlayCdkClass: "overlayCdkClass" }, viewQueries: [{ propertyName: "picker", first: true, predicate: MatDatetimepickerComponent, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
5291
5291
  }
5292
5292
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsDatetimepickerComponent, decorators: [{
5293
5293
  type: Component,
5294
- args: [{ selector: 'ads-datetimepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
5294
+ args: [{ selector: 'ads-datetimepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
5295
5295
  }], ctorParameters: () => [], propDecorators: { picker: [{
5296
5296
  type: ViewChild,
5297
5297
  args: [MatDatetimepickerComponent]
@@ -5474,11 +5474,11 @@ class AdsDatepickerComponent extends AdsDatetimepickerComponent {
5474
5474
  this.setControlValue(this.displayControl, valueToApply);
5475
5475
  }
5476
5476
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
5477
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsDatepickerComponent, isStandalone: false, selector: "ads-datepicker", inputs: { customDisplayFormat: "customDisplayFormat" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
5477
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsDatepickerComponent, isStandalone: false, selector: "ads-datepicker", inputs: { customDisplayFormat: "customDisplayFormat" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
5478
5478
  }
5479
5479
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsDatepickerComponent, decorators: [{
5480
5480
  type: Component,
5481
- args: [{ selector: 'ads-datepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
5481
+ args: [{ selector: 'ads-datepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
5482
5482
  }], propDecorators: { customDisplayFormat: [{
5483
5483
  type: Input
5484
5484
  }] } });
@@ -5604,11 +5604,11 @@ class AdsTimepickerComponent extends AdsDatetimepickerComponent {
5604
5604
  super.onSyncDisplayedValue(valueToApply);
5605
5605
  }
5606
5606
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5607
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsTimepickerComponent, isStandalone: false, selector: "ads-timepicker", inputs: { customDisplayFormat: "customDisplayFormat" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
5607
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsTimepickerComponent, isStandalone: false, selector: "ads-timepicker", inputs: { customDisplayFormat: "customDisplayFormat" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
5608
5608
  }
5609
5609
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsTimepickerComponent, decorators: [{
5610
5610
  type: Component,
5611
- args: [{ selector: 'ads-timepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
5611
+ args: [{ selector: 'ads-timepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"timeInterval\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
5612
5612
  }], ctorParameters: () => [], propDecorators: { customDisplayFormat: [{
5613
5613
  type: Input
5614
5614
  }] } });
@@ -5713,11 +5713,11 @@ class AdsRadioButtonComponent extends AdsDropdownComponent {
5713
5713
  }
5714
5714
  }
5715
5715
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsRadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
5716
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsRadioButtonComponent, isStandalone: false, selector: "ads-radio-button", inputs: { vertical: "vertical", sortOptions: "sortOptions", useOptionTemplate: "useOptionTemplate" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div>\n <mat-radio-group\n [id]=\"id\"\n [ngClass]=\"{\n vertical: vertical,\n 'radio-invalid': valueControl.invalid && (valueControl.touched || immediateValidation),\n }\"\n [formControl]=\"valueControl\"\n [ngStyle]=\"{ width: width }\"\n >\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\n <mat-radio-button [value]=\"option.key\">\n @if (useOptionTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"optionRef()\"\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\n ></ng-template>\n } @else {\n {{ displayValueFormatter ? displayValueFormatter(option.key) : option.value }}\n }\n </mat-radio-button>\n }\n </mat-radio-group>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}mat-radio-group{display:flex;gap:10px;height:48px;align-items:center}mat-radio-group.radio-invalid ::ng-deep .mdc-label{color:var(--color-error);-webkit-font-smoothing:antialiased}mat-radio-group.vertical{display:inline-block}mat-radio-group.vertical mat-radio-button{display:block}.mat-mdc-radio-button{--mat-radio-label-text-color: var(--color-dark);--mat-radio-label-text-line-height: 21px !important;--mat-radio-label-text-size: 16px;--mat-radio-checked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-unchecked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-ripple-color: var(--color-light-opacity-50);--mat-radio-state-layer-size: 32px !important;--mat-radio-selected-icon-color: var(--color-secondary);--mat-radio-selected-hover-icon-color: var(--color-secondary-hover);--mat-radio-selected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-selected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-icon-color: var(--color-secondary);--mat-radio-unselected-hover-icon-color: var(--color-secondary-hover);--mat-radio-unselected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-disabled-selected-icon-color: var(--color-medium-30);--mat-radio-disabled-unselected-icon-color: var(--color-medium-30)}.mat-mdc-radio-button ::ng-deep .mdc-radio__outer-circle{border-width:1px}.mat-mdc-radio-button ::ng-deep .mdc-label{cursor:pointer}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(.7)}.mat-mdc-radio-button ::ng-deep .mdc-radio__background:before{opacity:1!important}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-muted-50)}.mat-mdc-radio-button ::ng-deep .mat-internal-form-field>label{padding-left:2px}.mat-mdc-radio-button:hover ::ng-deep .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button:active{--mat-radio-ripple-color: var(--color-medium-opacity-50) !important}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }] }); }
5716
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsRadioButtonComponent, isStandalone: false, selector: "ads-radio-button", inputs: { vertical: "vertical", sortOptions: "sortOptions", useOptionTemplate: "useOptionTemplate" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div>\n <mat-radio-group\n [id]=\"id\"\n [ngClass]=\"{\n vertical: vertical,\n 'radio-invalid': valueControl.invalid && (valueControl.touched || immediateValidation),\n }\"\n [formControl]=\"valueControl\"\n [ngStyle]=\"{ width: width }\"\n >\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\n <mat-radio-button [value]=\"option.key\">\n @if (useOptionTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"optionRef()\"\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\n ></ng-template>\n } @else {\n {{ displayValueFormatter ? displayValueFormatter(option.key) : option.value }}\n }\n </mat-radio-button>\n }\n </mat-radio-group>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}mat-radio-group{display:flex;gap:10px;height:48px;align-items:center}mat-radio-group.radio-invalid ::ng-deep .mdc-label{color:var(--color-error);-webkit-font-smoothing:antialiased}mat-radio-group.vertical{display:inline-block}mat-radio-group.vertical mat-radio-button{display:block}.mat-mdc-radio-button{--mat-radio-label-text-color: var(--color-dark);--mat-radio-label-text-line-height: 21px !important;--mat-radio-label-text-size: 16px;--mat-radio-checked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-unchecked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-ripple-color: var(--color-light-opacity-50);--mat-radio-state-layer-size: 32px !important;--mat-radio-selected-icon-color: var(--color-secondary);--mat-radio-selected-hover-icon-color: var(--color-secondary-hover);--mat-radio-selected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-selected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-icon-color: var(--color-secondary);--mat-radio-unselected-hover-icon-color: var(--color-secondary-hover);--mat-radio-unselected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-disabled-selected-icon-color: var(--color-medium-30);--mat-radio-disabled-unselected-icon-color: var(--color-medium-30)}.mat-mdc-radio-button ::ng-deep .mdc-radio__outer-circle{border-width:1px}.mat-mdc-radio-button ::ng-deep .mdc-label{cursor:pointer}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(.7)}.mat-mdc-radio-button ::ng-deep .mdc-radio__background:before{opacity:1!important}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-muted-50)}.mat-mdc-radio-button ::ng-deep .mat-internal-form-field>label{padding-left:2px}.mat-mdc-radio-button:hover ::ng-deep .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button:active{--mat-radio-ripple-color: var(--color-medium-opacity-50) !important}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }] }); }
5717
5717
  }
5718
5718
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsRadioButtonComponent, decorators: [{
5719
5719
  type: Component,
5720
- args: [{ selector: 'ads-radio-button', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div>\n <mat-radio-group\n [id]=\"id\"\n [ngClass]=\"{\n vertical: vertical,\n 'radio-invalid': valueControl.invalid && (valueControl.touched || immediateValidation),\n }\"\n [formControl]=\"valueControl\"\n [ngStyle]=\"{ width: width }\"\n >\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\n <mat-radio-button [value]=\"option.key\">\n @if (useOptionTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"optionRef()\"\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\n ></ng-template>\n } @else {\n {{ displayValueFormatter ? displayValueFormatter(option.key) : option.value }}\n }\n </mat-radio-button>\n }\n </mat-radio-group>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}mat-radio-group{display:flex;gap:10px;height:48px;align-items:center}mat-radio-group.radio-invalid ::ng-deep .mdc-label{color:var(--color-error);-webkit-font-smoothing:antialiased}mat-radio-group.vertical{display:inline-block}mat-radio-group.vertical mat-radio-button{display:block}.mat-mdc-radio-button{--mat-radio-label-text-color: var(--color-dark);--mat-radio-label-text-line-height: 21px !important;--mat-radio-label-text-size: 16px;--mat-radio-checked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-unchecked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-ripple-color: var(--color-light-opacity-50);--mat-radio-state-layer-size: 32px !important;--mat-radio-selected-icon-color: var(--color-secondary);--mat-radio-selected-hover-icon-color: var(--color-secondary-hover);--mat-radio-selected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-selected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-icon-color: var(--color-secondary);--mat-radio-unselected-hover-icon-color: var(--color-secondary-hover);--mat-radio-unselected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-disabled-selected-icon-color: var(--color-medium-30);--mat-radio-disabled-unselected-icon-color: var(--color-medium-30)}.mat-mdc-radio-button ::ng-deep .mdc-radio__outer-circle{border-width:1px}.mat-mdc-radio-button ::ng-deep .mdc-label{cursor:pointer}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(.7)}.mat-mdc-radio-button ::ng-deep .mdc-radio__background:before{opacity:1!important}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-muted-50)}.mat-mdc-radio-button ::ng-deep .mat-internal-form-field>label{padding-left:2px}.mat-mdc-radio-button:hover ::ng-deep .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button:active{--mat-radio-ripple-color: var(--color-medium-opacity-50) !important}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
5720
+ args: [{ selector: 'ads-radio-button', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div>\n <mat-radio-group\n [id]=\"id\"\n [ngClass]=\"{\n vertical: vertical,\n 'radio-invalid': valueControl.invalid && (valueControl.touched || immediateValidation),\n }\"\n [formControl]=\"valueControl\"\n [ngStyle]=\"{ width: width }\"\n >\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\n <mat-radio-button [value]=\"option.key\">\n @if (useOptionTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"optionRef()\"\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\n ></ng-template>\n } @else {\n {{ displayValueFormatter ? displayValueFormatter(option.key) : option.value }}\n }\n </mat-radio-button>\n }\n </mat-radio-group>\n @if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}mat-radio-group{display:flex;gap:10px;height:48px;align-items:center}mat-radio-group.radio-invalid ::ng-deep .mdc-label{color:var(--color-error);-webkit-font-smoothing:antialiased}mat-radio-group.vertical{display:inline-block}mat-radio-group.vertical mat-radio-button{display:block}.mat-mdc-radio-button{--mat-radio-label-text-color: var(--color-dark);--mat-radio-label-text-line-height: 21px !important;--mat-radio-label-text-size: 16px;--mat-radio-checked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-unchecked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-ripple-color: var(--color-light-opacity-50);--mat-radio-state-layer-size: 32px !important;--mat-radio-selected-icon-color: var(--color-secondary);--mat-radio-selected-hover-icon-color: var(--color-secondary-hover);--mat-radio-selected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-selected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-icon-color: var(--color-secondary);--mat-radio-unselected-hover-icon-color: var(--color-secondary-hover);--mat-radio-unselected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-disabled-selected-icon-color: var(--color-medium-30);--mat-radio-disabled-unselected-icon-color: var(--color-medium-30)}.mat-mdc-radio-button ::ng-deep .mdc-radio__outer-circle{border-width:1px}.mat-mdc-radio-button ::ng-deep .mdc-label{cursor:pointer}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(.7)}.mat-mdc-radio-button ::ng-deep .mdc-radio__background:before{opacity:1!important}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-muted-50)}.mat-mdc-radio-button ::ng-deep .mat-internal-form-field>label{padding-left:2px}.mat-mdc-radio-button:hover ::ng-deep .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button:active{--mat-radio-ripple-color: var(--color-medium-opacity-50) !important}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
5721
5721
  }], propDecorators: { optionRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], vertical: [{
5722
5722
  type: Input
5723
5723
  }], sortOptions: [{
@@ -5808,11 +5808,11 @@ class AdsSlideToggleComponent extends AbstractBaseComponent {
5808
5808
  return enabled ? titles[0] : titles[1];
5809
5809
  }
5810
5810
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsSlideToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
5811
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsSlideToggleComponent, isStandalone: false, selector: "ads-slide-toggle", inputs: { enableYesOrNo: "enableYesOrNo", control: "control", label: "label", id: "id", width: "width" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ads-toggle\" [class.disabled]=\"valueControl.disabled\" (click)=\"toggle()\" [ngStyle]=\"{ width: width }\">\n <div class=\"toggle-container\" [class.checked]=\"valueControl.value\" [class.enable-yes-no]=\"enableYesOrNo\">\n <div class=\"toggle-track\">\n <span class=\"toggle-label\"> {{ getTitle(valueControl.value) }} </span>\n </div>\n <div class=\"toggle-handle\"></div>\n </div>\n\n @if (label) {\n <span class=\"label\"> {{ label }} </span>\n }\n</div>\n@if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n}\n", styles: [".ads-toggle{height:48px;display:flex;align-items:center}.ads-toggle .label{padding:8px;cursor:pointer;font-size:1rem;line-height:21px;color:var(--color-dark);transition:transform .3s ease,color .3s ease}.ads-toggle:not(.disabled) .toggle-container{background-color:var(--color-medium);border-radius:48px;height:20px;width:40px;display:flex;align-items:center;position:relative;transition:background-color .3s ease;cursor:pointer}.ads-toggle:not(.disabled) .toggle-container .toggle-handle{position:absolute;width:16px;height:16px;background-color:var(--color-white);border-radius:50%;border:1px solid var(--color-medium);transform:translate(2px);transition:transform .3s ease,border-color .3s ease}.ads-toggle:not(.disabled) .toggle-container .toggle-track{position:absolute;right:4px;height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:10px;line-height:13px;color:var(--color-white);transition:transform .3s ease}.ads-toggle:not(.disabled) .toggle-container.checked{background-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-handle{transform:translate(21px);border-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-track{transform:translate(-20px)}.ads-toggle:not(.disabled) .toggle-container.checked.enable-yes-no .toggle-track{transform:translate(-16px)}.ads-toggle:not(.disabled) .toggle-container:hover .toggle-handle{box-shadow:0 0 0 6px var(--color-light-30)}.ads-toggle:not(.disabled) .toggle-container:hover.checked .toggle-handle{border-color:var(--color-secondary-hover)}.ads-toggle:not(.disabled) .toggle-container.enable-yes-no{width:42px}.ads-toggle:not(.disabled) .toggle-container.enable-yes-no .toggle-track{right:6px}.ads-toggle.disabled .toggle-container{cursor:default;background-color:var(--color-medium-50)}.ads-toggle.disabled .toggle-container .toggle-handle{border-color:var(--color-medium-50)}.ads-toggle.disabled .label{cursor:default;color:var(--color-medium-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
5811
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsSlideToggleComponent, isStandalone: false, selector: "ads-slide-toggle", inputs: { enableYesOrNo: "enableYesOrNo", control: "control", label: "label", id: "id", width: "width" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ads-toggle\" [class.disabled]=\"valueControl.disabled\" (click)=\"toggle()\" [ngStyle]=\"{ width: width }\">\n <div class=\"toggle-container\" [class.checked]=\"valueControl.value\" [class.enable-yes-no]=\"enableYesOrNo\">\n <div class=\"toggle-track\">\n <span class=\"toggle-label\"> {{ getTitle(valueControl.value) }} </span>\n </div>\n <div class=\"toggle-handle\"></div>\n </div>\n\n @if (label) {\n <span class=\"label\"> {{ label }} </span>\n }\n</div>\n@if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n}\n", styles: [".ads-toggle{height:48px;display:flex;align-items:center}.ads-toggle .label{padding:8px;cursor:pointer;font-size:1rem;line-height:21px;color:var(--color-dark);transition:transform .3s ease,color .3s ease}.ads-toggle:not(.disabled) .toggle-container{background-color:var(--color-medium);border-radius:48px;height:20px;width:40px;display:flex;align-items:center;position:relative;transition:background-color .3s ease;cursor:pointer}.ads-toggle:not(.disabled) .toggle-container .toggle-handle{position:absolute;width:16px;height:16px;background-color:var(--color-white);border-radius:50%;border:1px solid var(--color-medium);transform:translate(2px);transition:transform .3s ease,border-color .3s ease}.ads-toggle:not(.disabled) .toggle-container .toggle-track{position:absolute;right:4px;height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:10px;line-height:13px;color:var(--color-white);transition:transform .3s ease}.ads-toggle:not(.disabled) .toggle-container.checked{background-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-handle{transform:translate(21px);border-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-track{transform:translate(-20px)}.ads-toggle:not(.disabled) .toggle-container.checked.enable-yes-no .toggle-track{transform:translate(-16px)}.ads-toggle:not(.disabled) .toggle-container:hover .toggle-handle{box-shadow:0 0 0 6px var(--color-light-30)}.ads-toggle:not(.disabled) .toggle-container:hover.checked .toggle-handle{border-color:var(--color-secondary-hover)}.ads-toggle:not(.disabled) .toggle-container.enable-yes-no{width:42px}.ads-toggle:not(.disabled) .toggle-container.enable-yes-no .toggle-track{right:6px}.ads-toggle.disabled .toggle-container{cursor:default;background-color:var(--color-medium-50)}.ads-toggle.disabled .toggle-container .toggle-handle{border-color:var(--color-medium-50)}.ads-toggle.disabled .label{cursor:default;color:var(--color-medium-30)}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
5812
5812
  }
5813
5813
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsSlideToggleComponent, decorators: [{
5814
5814
  type: Component,
5815
- args: [{ selector: 'ads-slide-toggle', standalone: false, template: "<div class=\"ads-toggle\" [class.disabled]=\"valueControl.disabled\" (click)=\"toggle()\" [ngStyle]=\"{ width: width }\">\n <div class=\"toggle-container\" [class.checked]=\"valueControl.value\" [class.enable-yes-no]=\"enableYesOrNo\">\n <div class=\"toggle-track\">\n <span class=\"toggle-label\"> {{ getTitle(valueControl.value) }} </span>\n </div>\n <div class=\"toggle-handle\"></div>\n </div>\n\n @if (label) {\n <span class=\"label\"> {{ label }} </span>\n }\n</div>\n@if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n}\n", styles: [".ads-toggle{height:48px;display:flex;align-items:center}.ads-toggle .label{padding:8px;cursor:pointer;font-size:1rem;line-height:21px;color:var(--color-dark);transition:transform .3s ease,color .3s ease}.ads-toggle:not(.disabled) .toggle-container{background-color:var(--color-medium);border-radius:48px;height:20px;width:40px;display:flex;align-items:center;position:relative;transition:background-color .3s ease;cursor:pointer}.ads-toggle:not(.disabled) .toggle-container .toggle-handle{position:absolute;width:16px;height:16px;background-color:var(--color-white);border-radius:50%;border:1px solid var(--color-medium);transform:translate(2px);transition:transform .3s ease,border-color .3s ease}.ads-toggle:not(.disabled) .toggle-container .toggle-track{position:absolute;right:4px;height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:10px;line-height:13px;color:var(--color-white);transition:transform .3s ease}.ads-toggle:not(.disabled) .toggle-container.checked{background-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-handle{transform:translate(21px);border-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-track{transform:translate(-20px)}.ads-toggle:not(.disabled) .toggle-container.checked.enable-yes-no .toggle-track{transform:translate(-16px)}.ads-toggle:not(.disabled) .toggle-container:hover .toggle-handle{box-shadow:0 0 0 6px var(--color-light-30)}.ads-toggle:not(.disabled) .toggle-container:hover.checked .toggle-handle{border-color:var(--color-secondary-hover)}.ads-toggle:not(.disabled) .toggle-container.enable-yes-no{width:42px}.ads-toggle:not(.disabled) .toggle-container.enable-yes-no .toggle-track{right:6px}.ads-toggle.disabled .toggle-container{cursor:default;background-color:var(--color-medium-50)}.ads-toggle.disabled .toggle-container .toggle-handle{border-color:var(--color-medium-50)}.ads-toggle.disabled .label{cursor:default;color:var(--color-medium-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
5815
+ args: [{ selector: 'ads-slide-toggle', standalone: false, template: "<div class=\"ads-toggle\" [class.disabled]=\"valueControl.disabled\" (click)=\"toggle()\" [ngStyle]=\"{ width: width }\">\n <div class=\"toggle-container\" [class.checked]=\"valueControl.value\" [class.enable-yes-no]=\"enableYesOrNo\">\n <div class=\"toggle-track\">\n <span class=\"toggle-label\"> {{ getTitle(valueControl.value) }} </span>\n </div>\n <div class=\"toggle-handle\"></div>\n </div>\n\n @if (label) {\n <span class=\"label\"> {{ label }} </span>\n }\n</div>\n@if (showFooter) {\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n}\n", styles: [".ads-toggle{height:48px;display:flex;align-items:center}.ads-toggle .label{padding:8px;cursor:pointer;font-size:1rem;line-height:21px;color:var(--color-dark);transition:transform .3s ease,color .3s ease}.ads-toggle:not(.disabled) .toggle-container{background-color:var(--color-medium);border-radius:48px;height:20px;width:40px;display:flex;align-items:center;position:relative;transition:background-color .3s ease;cursor:pointer}.ads-toggle:not(.disabled) .toggle-container .toggle-handle{position:absolute;width:16px;height:16px;background-color:var(--color-white);border-radius:50%;border:1px solid var(--color-medium);transform:translate(2px);transition:transform .3s ease,border-color .3s ease}.ads-toggle:not(.disabled) .toggle-container .toggle-track{position:absolute;right:4px;height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:10px;line-height:13px;color:var(--color-white);transition:transform .3s ease}.ads-toggle:not(.disabled) .toggle-container.checked{background-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-handle{transform:translate(21px);border-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-track{transform:translate(-20px)}.ads-toggle:not(.disabled) .toggle-container.checked.enable-yes-no .toggle-track{transform:translate(-16px)}.ads-toggle:not(.disabled) .toggle-container:hover .toggle-handle{box-shadow:0 0 0 6px var(--color-light-30)}.ads-toggle:not(.disabled) .toggle-container:hover.checked .toggle-handle{border-color:var(--color-secondary-hover)}.ads-toggle:not(.disabled) .toggle-container.enable-yes-no{width:42px}.ads-toggle:not(.disabled) .toggle-container.enable-yes-no .toggle-track{right:6px}.ads-toggle.disabled .toggle-container{cursor:default;background-color:var(--color-medium-50)}.ads-toggle.disabled .toggle-container .toggle-handle{border-color:var(--color-medium-50)}.ads-toggle.disabled .label{cursor:default;color:var(--color-medium-30)}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
5816
5816
  }], propDecorators: { enableYesOrNo: [{
5817
5817
  type: Input
5818
5818
  }], control: [{
@@ -6153,8 +6153,8 @@ class AdsChipComponent {
6153
6153
  this.registry = registry;
6154
6154
  /** The unique id of the chip */
6155
6155
  this.id = input.required(...(ngDevMode ? [{ debugName: "id" }] : []));
6156
- /** The text of the chip */
6157
- this.title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
6156
+ /** The text of the chip - optional when using ng-content */
6157
+ this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
6158
6158
  /** Show check icon before text */
6159
6159
  this.showCheckedIcon = input(false, ...(ngDevMode ? [{ debugName: "showCheckedIcon" }] : []));
6160
6160
  /** Disable chip */
@@ -6171,7 +6171,7 @@ class AdsChipComponent {
6171
6171
  onSelected() {
6172
6172
  this.selected.emit({
6173
6173
  id: this.id(),
6174
- title: this.title(),
6174
+ title: this.title() || '',
6175
6175
  });
6176
6176
  }
6177
6177
  /** @ignore */
@@ -6181,12 +6181,12 @@ class AdsChipComponent {
6181
6181
  }
6182
6182
  }
6183
6183
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsChipComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
6184
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsChipComponent, isStandalone: false, selector: "ads-chip", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, showCheckedIcon: { classPropertyName: "showCheckedIcon", publicName: "showCheckedIcon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, deletable: { classPropertyName: "deletable", publicName: "deletable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { deleted: "deleted", selected: "selected" }, ngImport: i0, template: "<div class=\"chip\" [class.disabled]=\"disabled()\" tabindex=\"0\">\n @if (showCheckedIcon()) {\n <ads-icon name=\"check\" />\n }\n <span (click)=\"onSelected()\">{{ title() }}</span>\n @if (deletable()) {\n <ads-icon name=\"cross\" class=\"chip-delete\" (click)=\"onDelete()\" />\n }\n</div>\n", styles: [":host{display:flex}.chip{display:inline-flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;line-height:16px;font-weight:400;color:var(--color-medium);background-color:var(--color-muted);border-radius:100px;gap:8px}.chip ads-icon{width:10px!important;height:10px!important;stroke:var(--color-medium)}.chip .chip-delete{cursor:pointer}.chip.disabled{background-color:var(--color-light-30);color:var(--color-medium-50)}.chip.disabled .chip-delete{cursor:default}.chip.disabled ads-icon{stroke:var(--color-medium-50)}.chip:not(.disabled):hover{background-color:var(--color-primary-hover);color:var(--color-white)}.chip:not(.disabled):hover ads-icon{stroke:var(--color-white)}.chip:not(.disabled):focus:active{background-color:var(--color-primary-pressed);color:var(--color-white)}.chip:not(.disabled):focus:active ads-icon{stroke:var(--color-white)}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
6184
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsChipComponent, isStandalone: false, selector: "ads-chip", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showCheckedIcon: { classPropertyName: "showCheckedIcon", publicName: "showCheckedIcon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, deletable: { classPropertyName: "deletable", publicName: "deletable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { deleted: "deleted", selected: "selected" }, ngImport: i0, template: "<div class=\"chip\" [class.disabled]=\"disabled()\" tabindex=\"0\">\n @if (showCheckedIcon()) {\n <ads-icon name=\"check\" />\n }\n @if (title()) {\n <span (click)=\"onSelected()\">{{ title() }}</span>\n } @else {\n <span (click)=\"onSelected()\">\n <ng-content></ng-content>\n </span>\n }\n @if (deletable()) {\n <ads-icon name=\"cross\" class=\"chip-delete\" (click)=\"onDelete()\" />\n }\n</div>\n", styles: [":host{display:flex}.chip{display:inline-flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;line-height:16px;font-weight:400;color:var(--color-medium);background-color:var(--color-muted);border-radius:100px;gap:8px}.chip ads-icon{width:10px!important;height:10px!important;stroke:var(--color-medium)}.chip .chip-delete{cursor:pointer}.chip.disabled{background-color:var(--color-light-30);color:var(--color-medium-50)}.chip.disabled .chip-delete{cursor:default}.chip.disabled ads-icon{stroke:var(--color-medium-50)}.chip:not(.disabled):hover{background-color:var(--color-primary-hover);color:var(--color-white)}.chip:not(.disabled):hover ads-icon{stroke:var(--color-white)}.chip:not(.disabled):focus:active{background-color:var(--color-primary-pressed);color:var(--color-white)}.chip:not(.disabled):focus:active ads-icon{stroke:var(--color-white)}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
6185
6185
  }
6186
6186
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsChipComponent, decorators: [{
6187
6187
  type: Component,
6188
- args: [{ selector: 'ads-chip', standalone: false, template: "<div class=\"chip\" [class.disabled]=\"disabled()\" tabindex=\"0\">\n @if (showCheckedIcon()) {\n <ads-icon name=\"check\" />\n }\n <span (click)=\"onSelected()\">{{ title() }}</span>\n @if (deletable()) {\n <ads-icon name=\"cross\" class=\"chip-delete\" (click)=\"onDelete()\" />\n }\n</div>\n", styles: [":host{display:flex}.chip{display:inline-flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;line-height:16px;font-weight:400;color:var(--color-medium);background-color:var(--color-muted);border-radius:100px;gap:8px}.chip ads-icon{width:10px!important;height:10px!important;stroke:var(--color-medium)}.chip .chip-delete{cursor:pointer}.chip.disabled{background-color:var(--color-light-30);color:var(--color-medium-50)}.chip.disabled .chip-delete{cursor:default}.chip.disabled ads-icon{stroke:var(--color-medium-50)}.chip:not(.disabled):hover{background-color:var(--color-primary-hover);color:var(--color-white)}.chip:not(.disabled):hover ads-icon{stroke:var(--color-white)}.chip:not(.disabled):focus:active{background-color:var(--color-primary-pressed);color:var(--color-white)}.chip:not(.disabled):focus:active ads-icon{stroke:var(--color-white)}\n"] }]
6189
- }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], showCheckedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCheckedIcon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], deletable: [{ type: i0.Input, args: [{ isSignal: true, alias: "deletable", required: false }] }], deleted: [{ type: i0.Output, args: ["deleted"] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
6188
+ args: [{ selector: 'ads-chip', standalone: false, template: "<div class=\"chip\" [class.disabled]=\"disabled()\" tabindex=\"0\">\n @if (showCheckedIcon()) {\n <ads-icon name=\"check\" />\n }\n @if (title()) {\n <span (click)=\"onSelected()\">{{ title() }}</span>\n } @else {\n <span (click)=\"onSelected()\">\n <ng-content></ng-content>\n </span>\n }\n @if (deletable()) {\n <ads-icon name=\"cross\" class=\"chip-delete\" (click)=\"onDelete()\" />\n }\n</div>\n", styles: [":host{display:flex}.chip{display:inline-flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;line-height:16px;font-weight:400;color:var(--color-medium);background-color:var(--color-muted);border-radius:100px;gap:8px}.chip ads-icon{width:10px!important;height:10px!important;stroke:var(--color-medium)}.chip .chip-delete{cursor:pointer}.chip.disabled{background-color:var(--color-light-30);color:var(--color-medium-50)}.chip.disabled .chip-delete{cursor:default}.chip.disabled ads-icon{stroke:var(--color-medium-50)}.chip:not(.disabled):hover{background-color:var(--color-primary-hover);color:var(--color-white)}.chip:not(.disabled):hover ads-icon{stroke:var(--color-white)}.chip:not(.disabled):focus:active{background-color:var(--color-primary-pressed);color:var(--color-white)}.chip:not(.disabled):focus:active ads-icon{stroke:var(--color-white)}\n"] }]
6189
+ }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], showCheckedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCheckedIcon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], deletable: [{ type: i0.Input, args: [{ isSignal: true, alias: "deletable", required: false }] }], deleted: [{ type: i0.Output, args: ["deleted"] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
6190
6190
 
6191
6191
  class AdsChipModule {
6192
6192
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -7416,11 +7416,11 @@ class AdsTimeFieldComponent extends AdsInputDropdownComponent {
7416
7416
  }
7417
7417
  }
7418
7418
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsTimeFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
7419
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsTimeFieldComponent, isStandalone: false, selector: "ads-time-field", inputs: { militaryTime: { classPropertyName: "militaryTime", publicName: "militaryTime", isSignal: true, isRequired: false, transformFunction: null }, hideClockIcon: { classPropertyName: "hideClockIcon", publicName: "hideClockIcon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (militaryTime()) {\n <ads-input\n [control]=\"valueControl\"\n mask=\"Hh:m0\"\n [onBlur]=\"onBlurUpdateTime\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"errorMessages\"\n [width]=\"width\"\n [showClockIcon]=\"!hideClockIcon()\"\n [showClearButton]=\"showClearButton\"\n />\n} @else {\n <ads-input-dropdown\n [width]=\"width\"\n [label]=\"label\"\n [options]=\"periodOptions\"\n [hasEmptyValue]=\"false\"\n [control]=\"timeControl\"\n [dropdownControl]=\"periodControl\"\n [placeholder]=\"placeholder\"\n [id]=\"id\"\n [dropdownId]=\"dropdownId\"\n [dropdownLabel]=\"'AM/PM'\"\n [dropdownPlaceholder]=\"dropdownPlaceholder\"\n [dropdownWidth]=\"'128px'\"\n [inputWidth]=\"inputWidth\"\n [tooltip]=\"tooltip\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [errorMessages]=\"errorMessages\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [showClearButton]=\"showClearButton\"\n [immediateValidation]=\"immediateValidation\"\n mask=\"Hh:m0\"\n />\n}\n", styles: [":host::ng-deep .mdc-floating-label{max-width:100%!important}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: AdsInputDropdownComponent, selector: "ads-input-dropdown", inputs: ["maxlength", "type", "pattern", "dropdownControl", "dropdownId", "dropdownLabel", "dropdownPlaceholder", "inputWidth", "dropdownWidth", "autoSelectSingleDropdownOption", "options", "displayValueKey", "hasEmptyValue", "fitContent", "mask", "suffix", "prefix", "dropSpecialCharacters", "thousandSeparator", "decimalMarker", "showTooltip"] }, { kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "isPasswordField", "showClockIcon", "mask", "suffix", "prefix", "dropSpecialCharacters", "thousandSeparator", "decimalMarker", "matAutocomplete", "showSearchIcon", "onFocus", "onBlur", "rightHint"] }] }); }
7419
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsTimeFieldComponent, isStandalone: false, selector: "ads-time-field", inputs: { militaryTime: { classPropertyName: "militaryTime", publicName: "militaryTime", isSignal: true, isRequired: false, transformFunction: null }, hideClockIcon: { classPropertyName: "hideClockIcon", publicName: "hideClockIcon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (militaryTime()) {\n <ads-input\n [control]=\"valueControl\"\n mask=\"Hh:m0\"\n [onBlur]=\"onBlurUpdateTime\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"errorMessages\"\n [width]=\"width\"\n [showClockIcon]=\"!hideClockIcon()\"\n [showClearButton]=\"showClearButton\"\n />\n} @else {\n <ads-input-dropdown\n [width]=\"width\"\n [label]=\"label\"\n [options]=\"periodOptions\"\n [hasEmptyValue]=\"false\"\n [control]=\"timeControl\"\n [dropdownControl]=\"periodControl\"\n [placeholder]=\"placeholder\"\n [id]=\"id\"\n [dropdownId]=\"dropdownId\"\n [dropdownLabel]=\"'AM/PM'\"\n [dropdownPlaceholder]=\"dropdownPlaceholder\"\n [dropdownWidth]=\"'128px'\"\n [inputWidth]=\"inputWidth\"\n [tooltip]=\"tooltip\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [errorMessages]=\"errorMessages\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [showClearButton]=\"showClearButton\"\n [immediateValidation]=\"immediateValidation\"\n mask=\"Hh:m0\"\n />\n}\n", styles: [":host::ng-deep .mdc-floating-label{max-width:100%!important}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: AdsInputDropdownComponent, selector: "ads-input-dropdown", inputs: ["maxlength", "type", "pattern", "dropdownControl", "dropdownId", "dropdownLabel", "dropdownPlaceholder", "inputWidth", "dropdownWidth", "autoSelectSingleDropdownOption", "options", "displayValueKey", "hasEmptyValue", "fitContent", "mask", "suffix", "prefix", "dropSpecialCharacters", "thousandSeparator", "decimalMarker", "showTooltip"] }, { kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "isPasswordField", "showClockIcon", "mask", "suffix", "prefix", "dropSpecialCharacters", "thousandSeparator", "decimalMarker", "matAutocomplete", "showSearchIcon", "onFocus", "onBlur", "rightHint"] }] }); }
7420
7420
  }
7421
7421
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsTimeFieldComponent, decorators: [{
7422
7422
  type: Component,
7423
- args: [{ selector: 'ads-time-field', standalone: false, template: "@if (militaryTime()) {\n <ads-input\n [control]=\"valueControl\"\n mask=\"Hh:m0\"\n [onBlur]=\"onBlurUpdateTime\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"errorMessages\"\n [width]=\"width\"\n [showClockIcon]=\"!hideClockIcon()\"\n [showClearButton]=\"showClearButton\"\n />\n} @else {\n <ads-input-dropdown\n [width]=\"width\"\n [label]=\"label\"\n [options]=\"periodOptions\"\n [hasEmptyValue]=\"false\"\n [control]=\"timeControl\"\n [dropdownControl]=\"periodControl\"\n [placeholder]=\"placeholder\"\n [id]=\"id\"\n [dropdownId]=\"dropdownId\"\n [dropdownLabel]=\"'AM/PM'\"\n [dropdownPlaceholder]=\"dropdownPlaceholder\"\n [dropdownWidth]=\"'128px'\"\n [inputWidth]=\"inputWidth\"\n [tooltip]=\"tooltip\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [errorMessages]=\"errorMessages\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [showClearButton]=\"showClearButton\"\n [immediateValidation]=\"immediateValidation\"\n mask=\"Hh:m0\"\n />\n}\n", styles: [":host::ng-deep .mdc-floating-label{max-width:100%!important}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
7423
+ args: [{ selector: 'ads-time-field', standalone: false, template: "@if (militaryTime()) {\n <ads-input\n [control]=\"valueControl\"\n mask=\"Hh:m0\"\n [onBlur]=\"onBlurUpdateTime\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"errorMessages\"\n [width]=\"width\"\n [showClockIcon]=\"!hideClockIcon()\"\n [showClearButton]=\"showClearButton\"\n />\n} @else {\n <ads-input-dropdown\n [width]=\"width\"\n [label]=\"label\"\n [options]=\"periodOptions\"\n [hasEmptyValue]=\"false\"\n [control]=\"timeControl\"\n [dropdownControl]=\"periodControl\"\n [placeholder]=\"placeholder\"\n [id]=\"id\"\n [dropdownId]=\"dropdownId\"\n [dropdownLabel]=\"'AM/PM'\"\n [dropdownPlaceholder]=\"dropdownPlaceholder\"\n [dropdownWidth]=\"'128px'\"\n [inputWidth]=\"inputWidth\"\n [tooltip]=\"tooltip\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [errorMessages]=\"errorMessages\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [showClearButton]=\"showClearButton\"\n [immediateValidation]=\"immediateValidation\"\n mask=\"Hh:m0\"\n />\n}\n", styles: [":host::ng-deep .mdc-floating-label{max-width:100%!important}\n", ".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
7424
7424
  }], propDecorators: { militaryTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "militaryTime", required: false }] }], hideClockIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideClockIcon", required: false }] }] } });
7425
7425
 
7426
7426
  class AdsTimeFieldModule {
@@ -8012,11 +8012,11 @@ class AdsInternationalPhoneFieldComponent extends AbstractInputComponent {
8012
8012
  }
8013
8013
  }
8014
8014
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsInternationalPhoneFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8015
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsInternationalPhoneFieldComponent, isStandalone: false, selector: "ads-international-phone-field", inputs: { dropdownId: "dropdownId" }, viewQueries: [{ propertyName: "wrapperRef", first: true, predicate: ["wrapperRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\" #wrapperRef>\n <div class=\"form-controls-wrapper\">\n <div\n class=\"select-box\"\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\n [ngStyle]=\"{ width: '87px' }\"\n >\n <ads-dropdown\n [control]=\"dropdownControl\"\n [id]=\"dropdownId\"\n [options]=\"countryOptions\"\n [immediateValidation]=\"immediateValidation\"\n [optionTemplate]=\"optionTemplate\"\n [fitContent]=\"true\"\n [showFooter]=\"false\"\n [checkSelected]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [triggerTemplate]=\"triggerTemplate\"\n [panelClass]=\"'full-width-panel'\"\n />\n </div>\n <div\n class=\"text-box\"\n [ngClass]=\"{\n invalid: dropdownControl.invalid && dropdownControl.touched,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: '100%' }\"\n >\n <ads-input\n [control]=\"inputControl\"\n [mask]=\"phoneMask\"\n [id]=\"id\"\n [width]=\"'100%'\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [showClearButton]=\"showClearButton\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [immediateValidation]=\"immediateValidation\"\n [dropSpecialCharacters]=\"true\"\n [showFooter]=\"false\"\n [size]=\"size\"\n />\n </div>\n\n </div>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n</div>\n@if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n}\n\n<ng-template #optionTemplate let-option=\"option\">\n <div class=\"flag-option\">\n <div>\n <img [src]=\"getFlag(option)\" alt=\"flag\"/>\n <span>{{option.name}}</span>\n </div>\n <span class=\"code\">{{option.code}}</span>\n </div>\n</ng-template>\n\n<ng-template #triggerTemplate let-option=\"option\">\n <span>{{ option.code }}</span>\n</ng-template>\n", styles: [".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host{display:flex;gap:12px;align-items:flex-start}.form-field-wrapper{display:flex;flex-direction:column}.form-field-wrapper .form-controls-wrapper{display:flex;width:100%}.form-field-wrapper .invalid ::ng-deep .mdc-text-field{border-color:var(--mdc-filled-text-field-error-label-text-color)}.form-field-wrapper .invalid.text-box ::ng-deep .mdc-text-field{border-right-width:1px}.form-field-wrapper .invalid.select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent}.form-field-wrapper .select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.form-field-wrapper .text-box{z-index:1}.form-field-wrapper .text-box ::ng-deep .mdc-text-field{border-top-left-radius:0;border-bottom-left-radius:0}.flag-option{display:flex;justify-content:space-between;align-items:center;width:100%}.flag-option div{display:flex;gap:8px;align-items:center}.flag-option div img{width:29px;height:19px}.flag-option span{font-size:16px;color:var(--color-medium);line-height:21px}.flag-option .code{color:var(--color-dark)}::ng-deep .full-width-panel{width:var(--full-width-panel)!important;min-width:var(--full-width-panel)!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "isPasswordField", "showClockIcon", "mask", "suffix", "prefix", "dropSpecialCharacters", "thousandSeparator", "decimalMarker", "matAutocomplete", "showSearchIcon", "onFocus", "onBlur", "rightHint"] }, { kind: "component", type: AdsDropdownComponent, selector: "ads-dropdown", inputs: ["displayValueFormatter", "mode", "hasEmptyValue", "checkSelected", "options", "optionTemplate", "triggerTemplate", "panelClass"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
8015
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: AdsInternationalPhoneFieldComponent, isStandalone: false, selector: "ads-international-phone-field", inputs: { dropdownId: "dropdownId" }, viewQueries: [{ propertyName: "wrapperRef", first: true, predicate: ["wrapperRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\" #wrapperRef>\n <div class=\"form-controls-wrapper\">\n <div\n class=\"select-box\"\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\n [ngStyle]=\"{ width: '87px' }\"\n >\n <ads-dropdown\n [control]=\"dropdownControl\"\n [id]=\"dropdownId\"\n [options]=\"countryOptions\"\n [immediateValidation]=\"immediateValidation\"\n [optionTemplate]=\"optionTemplate\"\n [fitContent]=\"true\"\n [showFooter]=\"false\"\n [checkSelected]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [triggerTemplate]=\"triggerTemplate\"\n [panelClass]=\"'full-width-panel'\"\n />\n </div>\n <div\n class=\"text-box\"\n [ngClass]=\"{\n invalid: dropdownControl.invalid && dropdownControl.touched,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: '100%' }\"\n >\n <ads-input\n [control]=\"inputControl\"\n [mask]=\"phoneMask\"\n [id]=\"id\"\n [width]=\"'100%'\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [showClearButton]=\"showClearButton\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [immediateValidation]=\"immediateValidation\"\n [dropSpecialCharacters]=\"true\"\n [showFooter]=\"false\"\n [size]=\"size\"\n />\n </div>\n\n </div>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n</div>\n@if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n}\n\n<ng-template #optionTemplate let-option=\"option\">\n <div class=\"flag-option\">\n <div>\n <img [src]=\"getFlag(option)\" alt=\"flag\"/>\n <span>{{option.name}}</span>\n </div>\n <span class=\"code\">{{option.code}}</span>\n </div>\n</ng-template>\n\n<ng-template #triggerTemplate let-option=\"option\">\n <span>{{ option.code }}</span>\n</ng-template>\n", styles: [".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host{display:flex;gap:12px;align-items:flex-start}.form-field-wrapper{display:flex;flex-direction:column}.form-field-wrapper .form-controls-wrapper{display:flex;width:100%}.form-field-wrapper .invalid ::ng-deep .mdc-text-field{border-color:var(--mdc-filled-text-field-error-label-text-color)}.form-field-wrapper .invalid.text-box ::ng-deep .mdc-text-field{border-right-width:1px}.form-field-wrapper .invalid.select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent}.form-field-wrapper .select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.form-field-wrapper .text-box{z-index:1}.form-field-wrapper .text-box ::ng-deep .mdc-text-field{border-top-left-radius:0;border-bottom-left-radius:0}.flag-option{display:flex;justify-content:space-between;align-items:center;width:100%}.flag-option div{display:flex;gap:8px;align-items:center}.flag-option div img{width:29px;height:19px}.flag-option span{font-size:16px;color:var(--color-medium);line-height:21px}.flag-option .code{color:var(--color-dark)}::ng-deep .full-width-panel{width:var(--full-width-panel)!important;min-width:var(--full-width-panel)!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "isPasswordField", "showClockIcon", "mask", "suffix", "prefix", "dropSpecialCharacters", "thousandSeparator", "decimalMarker", "matAutocomplete", "showSearchIcon", "onFocus", "onBlur", "rightHint"] }, { kind: "component", type: AdsDropdownComponent, selector: "ads-dropdown", inputs: ["displayValueFormatter", "mode", "hasEmptyValue", "checkSelected", "options", "optionTemplate", "triggerTemplate", "panelClass"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
8016
8016
  }
8017
8017
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: AdsInternationalPhoneFieldComponent, decorators: [{
8018
8018
  type: Component,
8019
- args: [{ selector: 'ads-international-phone-field', standalone: false, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\" #wrapperRef>\n <div class=\"form-controls-wrapper\">\n <div\n class=\"select-box\"\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\n [ngStyle]=\"{ width: '87px' }\"\n >\n <ads-dropdown\n [control]=\"dropdownControl\"\n [id]=\"dropdownId\"\n [options]=\"countryOptions\"\n [immediateValidation]=\"immediateValidation\"\n [optionTemplate]=\"optionTemplate\"\n [fitContent]=\"true\"\n [showFooter]=\"false\"\n [checkSelected]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [triggerTemplate]=\"triggerTemplate\"\n [panelClass]=\"'full-width-panel'\"\n />\n </div>\n <div\n class=\"text-box\"\n [ngClass]=\"{\n invalid: dropdownControl.invalid && dropdownControl.touched,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: '100%' }\"\n >\n <ads-input\n [control]=\"inputControl\"\n [mask]=\"phoneMask\"\n [id]=\"id\"\n [width]=\"'100%'\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [showClearButton]=\"showClearButton\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [immediateValidation]=\"immediateValidation\"\n [dropSpecialCharacters]=\"true\"\n [showFooter]=\"false\"\n [size]=\"size\"\n />\n </div>\n\n </div>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n</div>\n@if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n}\n\n<ng-template #optionTemplate let-option=\"option\">\n <div class=\"flag-option\">\n <div>\n <img [src]=\"getFlag(option)\" alt=\"flag\"/>\n <span>{{option.name}}</span>\n </div>\n <span class=\"code\">{{option.code}}</span>\n </div>\n</ng-template>\n\n<ng-template #triggerTemplate let-option=\"option\">\n <span>{{ option.code }}</span>\n</ng-template>\n", styles: [".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host{display:flex;gap:12px;align-items:flex-start}.form-field-wrapper{display:flex;flex-direction:column}.form-field-wrapper .form-controls-wrapper{display:flex;width:100%}.form-field-wrapper .invalid ::ng-deep .mdc-text-field{border-color:var(--mdc-filled-text-field-error-label-text-color)}.form-field-wrapper .invalid.text-box ::ng-deep .mdc-text-field{border-right-width:1px}.form-field-wrapper .invalid.select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent}.form-field-wrapper .select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.form-field-wrapper .text-box{z-index:1}.form-field-wrapper .text-box ::ng-deep .mdc-text-field{border-top-left-radius:0;border-bottom-left-radius:0}.flag-option{display:flex;justify-content:space-between;align-items:center;width:100%}.flag-option div{display:flex;gap:8px;align-items:center}.flag-option div img{width:29px;height:19px}.flag-option span{font-size:16px;color:var(--color-medium);line-height:21px}.flag-option .code{color:var(--color-dark)}::ng-deep .full-width-panel{width:var(--full-width-panel)!important;min-width:var(--full-width-panel)!important}\n"] }]
8019
+ args: [{ selector: 'ads-international-phone-field', standalone: false, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\" #wrapperRef>\n <div class=\"form-controls-wrapper\">\n <div\n class=\"select-box\"\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\n [ngStyle]=\"{ width: '87px' }\"\n >\n <ads-dropdown\n [control]=\"dropdownControl\"\n [id]=\"dropdownId\"\n [options]=\"countryOptions\"\n [immediateValidation]=\"immediateValidation\"\n [optionTemplate]=\"optionTemplate\"\n [fitContent]=\"true\"\n [showFooter]=\"false\"\n [checkSelected]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [triggerTemplate]=\"triggerTemplate\"\n [panelClass]=\"'full-width-panel'\"\n />\n </div>\n <div\n class=\"text-box\"\n [ngClass]=\"{\n invalid: dropdownControl.invalid && dropdownControl.touched,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: '100%' }\"\n >\n <ads-input\n [control]=\"inputControl\"\n [mask]=\"phoneMask\"\n [id]=\"id\"\n [width]=\"'100%'\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [showClearButton]=\"showClearButton\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [immediateValidation]=\"immediateValidation\"\n [dropSpecialCharacters]=\"true\"\n [showFooter]=\"false\"\n [size]=\"size\"\n />\n </div>\n\n </div>\n <div class=\"footer-container\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n</div>\n@if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n}\n\n<ng-template #optionTemplate let-option=\"option\">\n <div class=\"flag-option\">\n <div>\n <img [src]=\"getFlag(option)\" alt=\"flag\"/>\n <span>{{option.name}}</span>\n </div>\n <span class=\"code\">{{option.code}}</span>\n </div>\n</ng-template>\n\n<ng-template #triggerTemplate let-option=\"option\">\n <span>{{ option.code }}</span>\n</ng-template>\n", styles: [".footer-container{min-height:20px}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host{display:flex;gap:12px;align-items:flex-start}.form-field-wrapper{display:flex;flex-direction:column}.form-field-wrapper .form-controls-wrapper{display:flex;width:100%}.form-field-wrapper .invalid ::ng-deep .mdc-text-field{border-color:var(--mdc-filled-text-field-error-label-text-color)}.form-field-wrapper .invalid.text-box ::ng-deep .mdc-text-field{border-right-width:1px}.form-field-wrapper .invalid.select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent}.form-field-wrapper .select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.form-field-wrapper .text-box{z-index:1}.form-field-wrapper .text-box ::ng-deep .mdc-text-field{border-top-left-radius:0;border-bottom-left-radius:0}.flag-option{display:flex;justify-content:space-between;align-items:center;width:100%}.flag-option div{display:flex;gap:8px;align-items:center}.flag-option div img{width:29px;height:19px}.flag-option span{font-size:16px;color:var(--color-medium);line-height:21px}.flag-option .code{color:var(--color-dark)}::ng-deep .full-width-panel{width:var(--full-width-panel)!important;min-width:var(--full-width-panel)!important}\n"] }]
8020
8020
  }], propDecorators: { dropdownId: [{
8021
8021
  type: Input
8022
8022
  }], wrapperRef: [{