@natec/mef-dev-ui-kit 20.0.167 → 20.0.168

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.
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Input, ViewEncapsulation, Component, EventEmitter, Output, HostBinding, ContentChild, Host, NgModule, Injectable, ChangeDetectionStrategy, Pipe, forwardRef, HostListener, ViewChild, Directive, ContentChildren, Optional, TemplateRef, InjectionToken, inject, ViewContainerRef, DOCUMENT, NgZone, ElementRef, Renderer2, booleanAttribute, ChangeDetectorRef, HostAttributeToken, numberAttribute, QueryList, Injector, SkipSelf, signal, ViewChildren, ApplicationRef, afterNextRender, input, computed } from '@angular/core';
2
+ import { Input, ViewEncapsulation, Component, EventEmitter, Output, HostBinding, ContentChild, Host, NgModule, Injectable, ChangeDetectionStrategy, Pipe, forwardRef, HostListener, ViewChild, Directive, ContentChildren, Optional, TemplateRef, InjectionToken, inject, ViewContainerRef, DOCUMENT, NgZone, ElementRef, Renderer2, booleanAttribute, ChangeDetectorRef, HostAttributeToken, numberAttribute, QueryList, Injector, SkipSelf, signal, ViewChildren, ApplicationRef, afterNextRender, input, computed, EnvironmentInjector, HOST_TAG_NAME } from '@angular/core';
3
3
  import { trigger, state, transition, style, animate } from '@angular/animations';
4
4
  import * as i1 from '@angular/common';
5
5
  import { CommonModule, NgTemplateOutlet, NgClass } from '@angular/common';
@@ -7,23 +7,25 @@ import { Subject, of, fromEvent, merge, Subscription, EMPTY, defer, timer, Obser
7
7
  import * as i3 from '@angular/cdk/overlay';
8
8
  import { CdkConnectedOverlay, OverlayModule, createBlockScrollStrategy, createGlobalPositionStrategy, createRepositionScrollStrategy, createOverlayRef, OverlayConfig, createFlexibleConnectedPositionStrategy, ViewportRuler, ScrollDispatcher, Overlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
9
9
  import * as i2 from '@angular/forms';
10
- import { NG_VALUE_ACCESSOR, FormsModule, NgControl, Validators, NG_VALIDATORS } from '@angular/forms';
11
- import { TAB, DOWN_ARROW, ENTER, hasModifierKey, SPACE, ESCAPE, UP_ARROW, RIGHT_ARROW, LEFT_ARROW, A } from '@angular/cdk/keycodes';
12
- import { auditTime, startWith, map, filter, take, switchMap, takeUntil, debounceTime, skip, skipWhile } from 'rxjs/operators';
10
+ import { NG_VALUE_ACCESSOR, FormsModule, NgControl, Validators, NG_VALIDATORS, NgForm, FormGroupDirective } from '@angular/forms';
11
+ import { TAB, DOWN_ARROW, ENTER, hasModifierKey, SPACE, ESCAPE, UP_ARROW, RIGHT_ARROW, LEFT_ARROW, A, BACKSPACE, DELETE } from '@angular/cdk/keycodes';
12
+ import { auditTime, startWith, map, filter, take, switchMap, takeUntil, debounceTime, skip, skipWhile, tap, delay } from 'rxjs/operators';
13
13
  import * as i1$1 from '@angular/cdk/bidi';
14
14
  import { Directionality, BidiModule } from '@angular/cdk/bidi';
15
15
  import { CdkAccordionItem, CdkAccordion } from '@angular/cdk/accordion';
16
- import { _IdGenerator, FocusMonitor, FocusKeyManager, isFakeTouchstartFromScreenReader, isFakeMousedownFromScreenReader, ActiveDescendantKeyManager, CdkMonitorFocus } from '@angular/cdk/a11y';
16
+ import { _IdGenerator, FocusMonitor, FocusKeyManager, isFakeTouchstartFromScreenReader, isFakeMousedownFromScreenReader, ActiveDescendantKeyManager, CdkMonitorFocus, removeAriaReferencedId, addAriaReferencedId } from '@angular/cdk/a11y';
17
17
  import { UniqueSelectionDispatcher, SelectionModel } from '@angular/cdk/collections';
18
18
  import { TemplatePortal, CdkPortalOutlet, PortalModule, DomPortalOutlet, CdkPortal } from '@angular/cdk/portal';
19
19
  import { CdkDialogContainer, Dialog, DialogConfig, DialogModule } from '@angular/cdk/dialog';
20
- import { coerceNumberProperty } from '@angular/cdk/coercion';
20
+ import { coerceNumberProperty, coerceArray } from '@angular/cdk/coercion';
21
21
  import * as i1$2 from '@angular/cdk/scrolling';
22
22
  import { CdkScrollable, CdkScrollableModule, ViewportRuler as ViewportRuler$1 } from '@angular/cdk/scrolling';
23
23
  import { CdkStepLabel, CdkStepHeader, CdkStep, CdkStepper, CdkStepperNext, CdkStepperPrevious, CdkStepperModule } from '@angular/cdk/stepper';
24
- import { Platform, _getEventTarget, _getShadowRoot } from '@angular/cdk/platform';
24
+ import { Platform, _getEventTarget, _getShadowRoot, _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';
25
25
  import { SharedResizeObserver } from '@angular/cdk/observers/private';
26
+ import { MDOptionGroup as MDOptionGroup$1, MDOption as MDOption$1, MDOptionSelectionChange as MDOptionSelectionChange$1, _countGroupLabelsBeforeOption as _countGroupLabelsBeforeOption$1, _getOptionScrollPosition as _getOptionScrollPosition$1 } from 'ui-kit-lib';
26
27
  import { CdkObserveContent } from '@angular/cdk/observers';
28
+ import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
27
29
 
28
30
  /**
29
31
  * Component representing a set of collapsible panels.
@@ -5881,28 +5883,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
5881
5883
  type: Injectable
5882
5884
  }] });
5883
5885
  /**
5884
- * Default ErrorStateMatcher used across the stepper.
5886
+ * Default StepperErrorStateMatcher used across the stepper.
5885
5887
  * Marks error when a control is invalid and touched, or the form is submitted.
5886
5888
  */
5887
- class ErrorStateMatcher {
5889
+ class StepperErrorStateMatcher {
5888
5890
  isErrorState(control, form) {
5889
5891
  return !!(control && control.invalid && (control.touched || (form && form.submitted)));
5890
5892
  }
5891
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
5892
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ErrorStateMatcher, providedIn: 'root' });
5893
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: StepperErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
5894
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: StepperErrorStateMatcher, providedIn: 'root' });
5893
5895
  }
5894
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ErrorStateMatcher, decorators: [{
5896
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: StepperErrorStateMatcher, decorators: [{
5895
5897
  type: Injectable,
5896
5898
  args: [{ providedIn: 'root' }]
5897
5899
  }] });
5898
5900
  /**
5899
5901
  * Single step inside the stepper.
5900
5902
  * - Extends CdkStep and plugs in lazy content via <ng-template mdStepContent>.
5901
- * - Provides ErrorStateMatcher so the step can decide its own error state.
5903
+ * - Provides StepperErrorStateMatcher so the step can decide its own error state.
5902
5904
  */
5903
5905
  class MDStep extends CdkStep {
5904
5906
  /** Parent-provided matcher used as a baseline in isErrorState. */
5905
- _errorStateMatcher = inject(ErrorStateMatcher, { skipSelf: true });
5907
+ _errorStateMatcher = inject(StepperErrorStateMatcher, { skipSelf: true });
5906
5908
  /** View container used to create a portal for lazy content. */
5907
5909
  _viewContainerRef = inject(ViewContainerRef);
5908
5910
  /** Subscription to selected-state changes (to attach lazy content). */
@@ -5930,7 +5932,7 @@ class MDStep extends CdkStep {
5930
5932
  this._isSelected.unsubscribe();
5931
5933
  }
5932
5934
  /**
5933
- * ErrorStateMatcher implementation for this step.
5935
+ * StepperErrorStateMatcher implementation for this step.
5934
5936
  * Combines the injected default matcher with “interacted” state so that
5935
5937
  * a step can show errors after the user interacted with the step controls.
5936
5938
  */
@@ -5941,16 +5943,16 @@ class MDStep extends CdkStep {
5941
5943
  }
5942
5944
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDStep, deps: null, target: i0.ɵɵFactoryTarget.Component });
5943
5945
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDStep, isStandalone: true, selector: "md-step", host: { attributes: { "hidden": "" } }, providers: [
5944
- // Provide the step instance wherever ErrorStateMatcher or CdkStep is requested.
5945
- { provide: ErrorStateMatcher, useExisting: MDStep },
5946
+ // Provide the step instance wherever StepperErrorStateMatcher or CdkStep is requested.
5947
+ { provide: StepperErrorStateMatcher, useExisting: MDStep },
5946
5948
  { provide: CdkStep, useExisting: MDStep },
5947
5949
  ], queries: [{ propertyName: "stepLabel", first: true, predicate: MDStepLabel, descendants: true }, { propertyName: "_lazyContent", first: true, predicate: MDStepContent, descendants: true }], exportAs: ["mdStep"], usesInheritance: true, ngImport: i0, template: "<ng-template>\r\n <ng-content></ng-content>\r\n <ng-template [cdkPortalOutlet]=\"_portal\"></ng-template>\r\n</ng-template>", dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
5948
5950
  }
5949
5951
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDStep, decorators: [{
5950
5952
  type: Component,
5951
5953
  args: [{ selector: 'md-step', providers: [
5952
- // Provide the step instance wherever ErrorStateMatcher or CdkStep is requested.
5953
- { provide: ErrorStateMatcher, useExisting: MDStep },
5954
+ // Provide the step instance wherever StepperErrorStateMatcher or CdkStep is requested.
5955
+ { provide: StepperErrorStateMatcher, useExisting: MDStep },
5954
5956
  { provide: CdkStep, useExisting: MDStep },
5955
5957
  ], encapsulation: ViewEncapsulation.None, exportAs: 'mdStep', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CdkPortalOutlet], host: {
5956
5958
  // Keep steps hidden by default; container controls visibility.
@@ -8641,6 +8643,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
8641
8643
  args: [{ transform: booleanAttribute }]
8642
8644
  }] } });
8643
8645
 
8646
+ class MDPseudoCheckboxModule {
8647
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDPseudoCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
8648
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: MDPseudoCheckboxModule, imports: [PseudoCheckbox], exports: [PseudoCheckbox, BidiModule] });
8649
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDPseudoCheckboxModule, imports: [BidiModule] });
8650
+ }
8651
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDPseudoCheckboxModule, decorators: [{
8652
+ type: NgModule,
8653
+ args: [{
8654
+ imports: [PseudoCheckbox],
8655
+ exports: [PseudoCheckbox, BidiModule],
8656
+ }]
8657
+ }] });
8658
+
8659
+ class MDOptionModule {
8660
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
8661
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: MDOptionModule, imports: [MDPseudoCheckboxModule, MDOption, MDOptionGroup$1], exports: [MDOption, MDOptionGroup$1, BidiModule] });
8662
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDOptionModule, imports: [MDPseudoCheckboxModule, BidiModule] });
8663
+ }
8664
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDOptionModule, decorators: [{
8665
+ type: NgModule,
8666
+ args: [{
8667
+ imports: [MDPseudoCheckboxModule, MDOption, MDOptionGroup$1],
8668
+ exports: [MDOption, MDOptionGroup$1, BidiModule],
8669
+ }]
8670
+ }] });
8671
+
8644
8672
  class MDSelectModule {
8645
8673
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
8646
8674
  static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: MDSelectModule, imports: [CommonModule, FormsModule, OverlayModule, MDOption, MDOptionGroup, MDSelect, MDSelectTrigger, PseudoCheckbox], exports: [MDOption, MDOptionGroup, MDSelect, MDSelectTrigger] });
@@ -11097,9 +11125,3150 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
11097
11125
  }]
11098
11126
  }] });
11099
11127
 
11128
+ class MDAutocompleteSelectedEvent {
11129
+ source;
11130
+ option;
11131
+ constructor(source, option) {
11132
+ this.source = source;
11133
+ this.option = option;
11134
+ }
11135
+ }
11136
+ const MD_AUTOCOMPLETE_DEFAULT_OPTIONS = new InjectionToken('md-autocomplete-default-options', {
11137
+ providedIn: 'root',
11138
+ factory: () => ({
11139
+ autoActiveFirstOption: false,
11140
+ autoSelectActiveOption: false,
11141
+ hideSingleSelectionIndicator: false,
11142
+ requireSelection: false,
11143
+ hasBackdrop: false,
11144
+ }),
11145
+ });
11146
+ const MD_OPTION_PARENT_COMPONENT = new InjectionToken('MD_OPTION_PARENT_COMPONENT');
11147
+ class MDAutocomplete {
11148
+ _changeDetectorRef = inject(ChangeDetectorRef);
11149
+ _elementRef = inject(ElementRef);
11150
+ _defaults = inject(MD_AUTOCOMPLETE_DEFAULT_OPTIONS);
11151
+ _activeOptionChanges = Subscription.EMPTY;
11152
+ _keyManager;
11153
+ showPanel = false;
11154
+ get isOpen() {
11155
+ return this._isOpen && this.showPanel;
11156
+ }
11157
+ _isOpen = false;
11158
+ _latestOpeningTrigger;
11159
+ template;
11160
+ panel;
11161
+ options;
11162
+ optionGroups;
11163
+ ariaLabel;
11164
+ ariaLabelledby;
11165
+ displayWith = null;
11166
+ autoActiveFirstOption;
11167
+ autoSelectActiveOption;
11168
+ requireSelection;
11169
+ panelWidth;
11170
+ _animationsDisabled = false;
11171
+ optionSelected = new EventEmitter();
11172
+ opened = new EventEmitter();
11173
+ closed = new EventEmitter();
11174
+ optionActivated = new EventEmitter();
11175
+ set classList(value) {
11176
+ this._classList = value;
11177
+ this._elementRef.nativeElement.className = '';
11178
+ }
11179
+ _classList;
11180
+ get hideSingleSelectionIndicator() {
11181
+ return this._hideSingleSelectionIndicator;
11182
+ }
11183
+ set hideSingleSelectionIndicator(value) {
11184
+ this._hideSingleSelectionIndicator = value;
11185
+ this._syncParentProperties();
11186
+ }
11187
+ _hideSingleSelectionIndicator;
11188
+ _syncParentProperties() {
11189
+ if (this.options) {
11190
+ for (const option of this.options) {
11191
+ option._changeDetectorRef.markForCheck();
11192
+ }
11193
+ }
11194
+ }
11195
+ id = inject(_IdGenerator).getId('md-autocomplete-');
11196
+ inertGroups;
11197
+ constructor() {
11198
+ const platform = inject(Platform);
11199
+ this.inertGroups = platform?.SAFARI || false;
11200
+ this.autoActiveFirstOption = !!this._defaults.autoActiveFirstOption;
11201
+ this.autoSelectActiveOption = !!this._defaults.autoSelectActiveOption;
11202
+ this.requireSelection = !!this._defaults.requireSelection;
11203
+ this._hideSingleSelectionIndicator = this._defaults.hideSingleSelectionIndicator ?? false;
11204
+ }
11205
+ ngAfterContentInit() {
11206
+ this._keyManager = new ActiveDescendantKeyManager(this.options)
11207
+ .withWrap()
11208
+ .skipPredicate(this._skipPredicate);
11209
+ this._activeOptionChanges = this._keyManager.change.subscribe(index => {
11210
+ if (this.isOpen) {
11211
+ this.optionActivated.emit({ source: this, option: this.options.toArray()[index] || null });
11212
+ }
11213
+ });
11214
+ this._setVisibility();
11215
+ }
11216
+ ngOnDestroy() {
11217
+ this._keyManager?.destroy();
11218
+ this._activeOptionChanges.unsubscribe();
11219
+ }
11220
+ _setScrollTop(scrollTop) {
11221
+ if (this.panel) {
11222
+ this.panel.nativeElement.scrollTop = scrollTop;
11223
+ }
11224
+ }
11225
+ _getScrollTop() {
11226
+ return this.panel ? this.panel.nativeElement.scrollTop : 0;
11227
+ }
11228
+ _setVisibility() {
11229
+ this.showPanel = !!this.options?.length;
11230
+ this._changeDetectorRef.markForCheck();
11231
+ }
11232
+ _emitSelectEvent(option) {
11233
+ const event = new MDAutocompleteSelectedEvent(this, option);
11234
+ this.optionSelected.emit(event);
11235
+ }
11236
+ _getPanelAriaLabelledby(labelId) {
11237
+ if (this.ariaLabel) {
11238
+ return null;
11239
+ }
11240
+ const labelExpression = labelId ? labelId + ' ' : '';
11241
+ return this.ariaLabelledby ? labelExpression + this.ariaLabelledby : labelId;
11242
+ }
11243
+ _skipPredicate() {
11244
+ return false;
11245
+ }
11246
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component });
11247
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDAutocomplete, isStandalone: true, selector: "md-autocomplete", inputs: { ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], displayWith: "displayWith", autoActiveFirstOption: ["autoActiveFirstOption", "autoActiveFirstOption", booleanAttribute], autoSelectActiveOption: ["autoSelectActiveOption", "autoSelectActiveOption", booleanAttribute], requireSelection: ["requireSelection", "requireSelection", booleanAttribute], panelWidth: "panelWidth", _animationsDisabled: "_animationsDisabled", classList: ["class", "classList"], hideSingleSelectionIndicator: ["hideSingleSelectionIndicator", "hideSingleSelectionIndicator", booleanAttribute] }, outputs: { optionSelected: "optionSelected", opened: "opened", closed: "closed", optionActivated: "optionActivated" }, host: { classAttribute: "md-mdc-autocomplete" }, providers: [{ provide: MD_OPTION_PARENT_COMPONENT, useExisting: MDAutocomplete }], queries: [{ propertyName: "options", predicate: MDOption$1, descendants: true }, { propertyName: "optionGroups", predicate: MDOptionGroup$1, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], exportAs: ["mdAutocomplete"], ngImport: i0, template: "<ng-template>\r\n <div\r\n class=\"md-mdc-autocomplete-panel mdc-menu-surface mdc-menu-surface--open\"\r\n role=\"listbox\"\r\n [id]=\"id\"\r\n [class]=\"_classList\"\r\n [class.md-mdc-autocomplete-visible]=\"showPanel\"\r\n [class.md-mdc-autocomplete-hidden]=\"!showPanel\"\r\n [class.md-autocomplete-panel-animations-enabled]=\"!_animationsDisabled\"\r\n [class.md-primary]=\"_color === 'primary'\"\r\n [class.md-accent]=\"_color === 'accent'\"\r\n [class.md-warn]=\"_color === 'warn'\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n #panel>\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>", styles: ["div.md-mdc-autocomplete-panel{width:100%;max-height:256px;visibility:hidden;transform-origin:center top;overflow:auto;padding:8px 0;box-sizing:border-box;position:relative;border-radius:5px;background-color:#fff;box-shadow:0 2px 8px #00000026}@media (forced-colors: active){div.md-mdc-autocomplete-panel{outline:solid 1px}}.cdk-overlay-pane:not(.md-mdc-autocomplete-panel-above) div.md-mdc-autocomplete-panel{border-top-left-radius:0;border-top-right-radius:0}.md-mdc-autocomplete-panel-above div.md-mdc-autocomplete-panel{border-bottom-left-radius:0;border-bottom-right-radius:0;transform-origin:center bottom}div.md-mdc-autocomplete-panel.md-mdc-autocomplete-visible{visibility:visible}div.md-mdc-autocomplete-panel.md-mdc-autocomplete-hidden{visibility:hidden;pointer-events:none}@keyframes _md-autocomplete-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}.md-autocomplete-panel-animations-enabled{animation:_md-autocomplete-enter .12s cubic-bezier(0,0,.2,1)}md-autocomplete{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
11248
+ }
11249
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDAutocomplete, decorators: [{
11250
+ type: Component,
11251
+ args: [{ selector: 'md-autocomplete', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'mdAutocomplete', host: {
11252
+ 'class': 'md-mdc-autocomplete',
11253
+ }, providers: [{ provide: MD_OPTION_PARENT_COMPONENT, useExisting: MDAutocomplete }], template: "<ng-template>\r\n <div\r\n class=\"md-mdc-autocomplete-panel mdc-menu-surface mdc-menu-surface--open\"\r\n role=\"listbox\"\r\n [id]=\"id\"\r\n [class]=\"_classList\"\r\n [class.md-mdc-autocomplete-visible]=\"showPanel\"\r\n [class.md-mdc-autocomplete-hidden]=\"!showPanel\"\r\n [class.md-autocomplete-panel-animations-enabled]=\"!_animationsDisabled\"\r\n [class.md-primary]=\"_color === 'primary'\"\r\n [class.md-accent]=\"_color === 'accent'\"\r\n [class.md-warn]=\"_color === 'warn'\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n #panel>\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>", styles: ["div.md-mdc-autocomplete-panel{width:100%;max-height:256px;visibility:hidden;transform-origin:center top;overflow:auto;padding:8px 0;box-sizing:border-box;position:relative;border-radius:5px;background-color:#fff;box-shadow:0 2px 8px #00000026}@media (forced-colors: active){div.md-mdc-autocomplete-panel{outline:solid 1px}}.cdk-overlay-pane:not(.md-mdc-autocomplete-panel-above) div.md-mdc-autocomplete-panel{border-top-left-radius:0;border-top-right-radius:0}.md-mdc-autocomplete-panel-above div.md-mdc-autocomplete-panel{border-bottom-left-radius:0;border-bottom-right-radius:0;transform-origin:center bottom}div.md-mdc-autocomplete-panel.md-mdc-autocomplete-visible{visibility:visible}div.md-mdc-autocomplete-panel.md-mdc-autocomplete-hidden{visibility:hidden;pointer-events:none}@keyframes _md-autocomplete-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}.md-autocomplete-panel-animations-enabled{animation:_md-autocomplete-enter .12s cubic-bezier(0,0,.2,1)}md-autocomplete{display:none}\n"] }]
11254
+ }], ctorParameters: () => [], propDecorators: { template: [{
11255
+ type: ViewChild,
11256
+ args: [TemplateRef, { static: true }]
11257
+ }], panel: [{
11258
+ type: ViewChild,
11259
+ args: ['panel']
11260
+ }], options: [{
11261
+ type: ContentChildren,
11262
+ args: [MDOption$1, { descendants: true }]
11263
+ }], optionGroups: [{
11264
+ type: ContentChildren,
11265
+ args: [MDOptionGroup$1, { descendants: true }]
11266
+ }], ariaLabel: [{
11267
+ type: Input,
11268
+ args: ['aria-label']
11269
+ }], ariaLabelledby: [{
11270
+ type: Input,
11271
+ args: ['aria-labelledby']
11272
+ }], displayWith: [{
11273
+ type: Input
11274
+ }], autoActiveFirstOption: [{
11275
+ type: Input,
11276
+ args: [{ transform: booleanAttribute }]
11277
+ }], autoSelectActiveOption: [{
11278
+ type: Input,
11279
+ args: [{ transform: booleanAttribute }]
11280
+ }], requireSelection: [{
11281
+ type: Input,
11282
+ args: [{ transform: booleanAttribute }]
11283
+ }], panelWidth: [{
11284
+ type: Input
11285
+ }], _animationsDisabled: [{
11286
+ type: Input
11287
+ }], optionSelected: [{
11288
+ type: Output
11289
+ }], opened: [{
11290
+ type: Output
11291
+ }], closed: [{
11292
+ type: Output
11293
+ }], optionActivated: [{
11294
+ type: Output
11295
+ }], classList: [{
11296
+ type: Input,
11297
+ args: ['class']
11298
+ }], hideSingleSelectionIndicator: [{
11299
+ type: Input,
11300
+ args: [{ transform: booleanAttribute }]
11301
+ }] } });
11302
+
11303
+ class MDAutocompleteOrigin {
11304
+ elementRef = inject(ElementRef);
11305
+ constructor() { }
11306
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDAutocompleteOrigin, deps: [], target: i0.ɵɵFactoryTarget.Directive });
11307
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDAutocompleteOrigin, isStandalone: true, selector: "[mdAutocompleteOrigin]", exportAs: ["mdAutocompleteOrigin"], ngImport: i0 });
11308
+ }
11309
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDAutocompleteOrigin, decorators: [{
11310
+ type: Directive,
11311
+ args: [{
11312
+ selector: '[mdAutocompleteOrigin]',
11313
+ exportAs: 'mdAutocompleteOrigin',
11314
+ }]
11315
+ }], ctorParameters: () => [] });
11316
+
11317
+ const MD_AUTOCOMPLETE_VALUE_ACCESSOR = {
11318
+ provide: NG_VALUE_ACCESSOR,
11319
+ useExisting: forwardRef(() => MDAutocompleteTrigger),
11320
+ multi: true,
11321
+ };
11322
+ function getMDAutocompleteMissingPanelError() {
11323
+ return Error('Attempting to open an undefined instance of `md-autocomplete`. ' +
11324
+ 'Make sure that the id passed to the `mdAutocomplete` is correct and that ' +
11325
+ "you're attempting to open it after the ngAfterContentInit hook.");
11326
+ }
11327
+ const MD_AUTOCOMPLETE_SCROLL_STRATEGY = new InjectionToken('md-autocomplete-scroll-strategy', {
11328
+ providedIn: 'root',
11329
+ factory: () => {
11330
+ const injector = inject(Injector);
11331
+ return () => createRepositionScrollStrategy(injector);
11332
+ },
11333
+ });
11334
+ class MDAutocompleteTrigger {
11335
+ _environmentInjector = inject(EnvironmentInjector);
11336
+ _element = inject(ElementRef);
11337
+ _injector = inject(Injector);
11338
+ _viewContainerRef = inject(ViewContainerRef);
11339
+ _zone = inject(NgZone);
11340
+ _changeDetectorRef = inject(ChangeDetectorRef);
11341
+ _dir = inject(Directionality, { optional: true });
11342
+ _viewportRuler = inject(ViewportRuler$1);
11343
+ _scrollStrategy = inject(MD_AUTOCOMPLETE_SCROLL_STRATEGY);
11344
+ _renderer = inject(Renderer2);
11345
+ _animationsDisabled = false;
11346
+ _defaults = inject(MD_AUTOCOMPLETE_DEFAULT_OPTIONS, {
11347
+ optional: true,
11348
+ });
11349
+ _overlayRef;
11350
+ _portal;
11351
+ _componentDestroyed = false;
11352
+ _initialized = new Subject();
11353
+ _keydownSubscription;
11354
+ _outsideClickSubscription;
11355
+ _cleanupWindowBlur;
11356
+ _previousValue;
11357
+ _valueOnAttach;
11358
+ _valueOnLastKeydown;
11359
+ _positionStrategy;
11360
+ _manuallyFloatingLabel = false;
11361
+ _closingActionsSubscription;
11362
+ _viewportSubscription = Subscription.EMPTY;
11363
+ _breakpointObserver = inject(BreakpointObserver);
11364
+ _handsetLandscapeSubscription = Subscription.EMPTY;
11365
+ _canOpenOnNextFocus = true;
11366
+ _valueBeforeAutoSelection;
11367
+ _pendingAutoselectedOption;
11368
+ _closeKeyEventStream = new Subject();
11369
+ _overlayPanelClass = coerceArray(this._defaults?.overlayPanelClass || []);
11370
+ _windowBlurHandler = () => {
11371
+ this._canOpenOnNextFocus = this.panelOpen || !this._hasFocus();
11372
+ };
11373
+ _onChange = () => { };
11374
+ _onTouched = () => { };
11375
+ autocomplete;
11376
+ position = 'auto';
11377
+ connectedTo;
11378
+ autocompleteAttribute = 'off';
11379
+ autocompleteDisabled;
11380
+ constructor() { }
11381
+ _aboveClass = 'md-mdc-autocomplete-panel-above';
11382
+ ngAfterViewInit() {
11383
+ this._initialized.next();
11384
+ this._initialized.complete();
11385
+ this._cleanupWindowBlur = this._renderer.listen('window', 'blur', this._windowBlurHandler);
11386
+ }
11387
+ ngOnChanges(changes) {
11388
+ if (changes['position'] && this._positionStrategy) {
11389
+ this._setStrategyPositions(this._positionStrategy);
11390
+ if (this.panelOpen) {
11391
+ this._overlayRef.updatePosition();
11392
+ }
11393
+ }
11394
+ }
11395
+ ngOnDestroy() {
11396
+ this._cleanupWindowBlur?.();
11397
+ this._handsetLandscapeSubscription.unsubscribe();
11398
+ this._viewportSubscription.unsubscribe();
11399
+ this._componentDestroyed = true;
11400
+ this._destroyPanel();
11401
+ this._closeKeyEventStream.complete();
11402
+ this._clearFromModal();
11403
+ }
11404
+ get panelOpen() {
11405
+ return this._overlayAttached && this.autocomplete.showPanel;
11406
+ }
11407
+ _overlayAttached = false;
11408
+ openPanel() {
11409
+ this._openPanelInternal();
11410
+ }
11411
+ closePanel() {
11412
+ if (!this._overlayAttached) {
11413
+ return;
11414
+ }
11415
+ if (this.panelOpen) {
11416
+ this._zone.run(() => {
11417
+ this.autocomplete.closed.emit();
11418
+ });
11419
+ }
11420
+ if (this.autocomplete._latestOpeningTrigger === this) {
11421
+ this.autocomplete._isOpen = false;
11422
+ this.autocomplete._latestOpeningTrigger = null;
11423
+ }
11424
+ this._overlayAttached = false;
11425
+ this._pendingAutoselectedOption = null;
11426
+ if (this._overlayRef && this._overlayRef.hasAttached()) {
11427
+ this._overlayRef.detach();
11428
+ this._closingActionsSubscription.unsubscribe();
11429
+ }
11430
+ this._updatePanelState();
11431
+ if (!this._componentDestroyed) {
11432
+ this._changeDetectorRef.detectChanges();
11433
+ }
11434
+ if (this._trackedModal) {
11435
+ removeAriaReferencedId(this._trackedModal, 'aria-owns', this.autocomplete.id);
11436
+ }
11437
+ }
11438
+ updatePosition() {
11439
+ if (this._overlayAttached) {
11440
+ this._overlayRef.updatePosition();
11441
+ }
11442
+ }
11443
+ get panelClosingActions() {
11444
+ return merge(this.optionSelections, this.autocomplete._keyManager.tabOut.pipe(filter(() => this._overlayAttached)), this._closeKeyEventStream, this._getOutsideClickStream(), this._overlayRef ? this._overlayRef.detachments().pipe(filter(() => this._overlayAttached)) : of()).pipe(map((event) => (event instanceof MDOptionSelectionChange$1 ? event : null)));
11445
+ }
11446
+ optionSelections = defer(() => {
11447
+ const options = this.autocomplete ? this.autocomplete.options : null;
11448
+ if (options) {
11449
+ return options.changes.pipe(startWith(options), switchMap(() => merge(...options.map((option) => option.onSelectionChange))));
11450
+ }
11451
+ return this._initialized.pipe(switchMap(() => this.optionSelections));
11452
+ });
11453
+ get activeOption() {
11454
+ if (this.autocomplete && this.autocomplete._keyManager) {
11455
+ return this.autocomplete._keyManager.activeItem;
11456
+ }
11457
+ return null;
11458
+ }
11459
+ _getOutsideClickStream() {
11460
+ return new Observable((observer) => {
11461
+ const listener = (event) => {
11462
+ const clickTarget = _getEventTarget(event);
11463
+ const customOrigin = this.connectedTo ? this.connectedTo.elementRef.nativeElement : null;
11464
+ if (this._overlayAttached &&
11465
+ clickTarget !== this._element.nativeElement &&
11466
+ !this._hasFocus() &&
11467
+ (!customOrigin || !customOrigin.contains(clickTarget)) &&
11468
+ !!this._overlayRef &&
11469
+ !this._overlayRef.overlayElement.contains(clickTarget)) {
11470
+ observer.next(event);
11471
+ }
11472
+ };
11473
+ const cleanups = [
11474
+ this._renderer.listen('document', 'click', listener),
11475
+ this._renderer.listen('document', 'auxclick', listener),
11476
+ this._renderer.listen('document', 'touchend', listener),
11477
+ ];
11478
+ return () => {
11479
+ cleanups.forEach((current) => current());
11480
+ };
11481
+ });
11482
+ }
11483
+ writeValue(value) {
11484
+ Promise.resolve(null).then(() => this._assignOptionValue(value));
11485
+ }
11486
+ registerOnChange(fn) {
11487
+ this._onChange = fn;
11488
+ }
11489
+ registerOnTouched(fn) {
11490
+ this._onTouched = fn;
11491
+ }
11492
+ setDisabledState(isDisabled) {
11493
+ this._element.nativeElement.disabled = isDisabled;
11494
+ }
11495
+ _handleKeydown(e) {
11496
+ const event = e;
11497
+ const keyCode = event.keyCode;
11498
+ const hasModifier = hasModifierKey(event);
11499
+ if (keyCode === ESCAPE && !hasModifier) {
11500
+ event.preventDefault();
11501
+ }
11502
+ this._valueOnLastKeydown = this._element.nativeElement.value;
11503
+ if (this.activeOption && keyCode === ENTER && this.panelOpen && !hasModifier) {
11504
+ this.activeOption._selectViaInteraction();
11505
+ this._resetActiveItem();
11506
+ event.preventDefault();
11507
+ }
11508
+ else if (this.autocomplete) {
11509
+ const prevActiveItem = this.autocomplete._keyManager.activeItem;
11510
+ const isArrowKey = keyCode === UP_ARROW || keyCode === DOWN_ARROW;
11511
+ if (keyCode === TAB || (isArrowKey && !hasModifier && this.panelOpen)) {
11512
+ this.autocomplete._keyManager.onKeydown(event);
11513
+ }
11514
+ else if (isArrowKey && this._canOpen()) {
11515
+ this._openPanelInternal(this._valueOnLastKeydown);
11516
+ }
11517
+ if (isArrowKey || this.autocomplete._keyManager.activeItem !== prevActiveItem) {
11518
+ this._scrollToOption(this.autocomplete._keyManager.activeItemIndex || 0);
11519
+ if (this.autocomplete.autoSelectActiveOption && this.activeOption) {
11520
+ if (!this._pendingAutoselectedOption) {
11521
+ this._valueBeforeAutoSelection = this._valueOnLastKeydown;
11522
+ }
11523
+ this._pendingAutoselectedOption = this.activeOption;
11524
+ this._assignOptionValue(this.activeOption.value);
11525
+ }
11526
+ }
11527
+ }
11528
+ }
11529
+ _handleInput(event) {
11530
+ let target = event.target;
11531
+ let value = target.value;
11532
+ if (target.type === 'number') {
11533
+ value = value == '' ? null : parseFloat(value);
11534
+ }
11535
+ if (this._previousValue !== value) {
11536
+ this._previousValue = value;
11537
+ this._pendingAutoselectedOption = null;
11538
+ if (!this.autocomplete || !this.autocomplete.requireSelection) {
11539
+ this._onChange(value);
11540
+ }
11541
+ if (!value) {
11542
+ this._clearPreviousSelectedOption(null, false);
11543
+ }
11544
+ else if (this.panelOpen && !this.autocomplete.requireSelection) {
11545
+ const selectedOption = this.autocomplete.options?.find((option) => option.selected);
11546
+ if (selectedOption) {
11547
+ const display = this._getDisplayValue(selectedOption.value);
11548
+ if (value !== display) {
11549
+ selectedOption.deselect(false);
11550
+ }
11551
+ }
11552
+ }
11553
+ if (this._canOpen() && this._hasFocus()) {
11554
+ const valueOnAttach = this._valueOnLastKeydown ?? this._element.nativeElement.value;
11555
+ this._valueOnLastKeydown = null;
11556
+ this._openPanelInternal(valueOnAttach);
11557
+ }
11558
+ }
11559
+ }
11560
+ _handleFocus() {
11561
+ if (!this._canOpenOnNextFocus) {
11562
+ this._canOpenOnNextFocus = true;
11563
+ }
11564
+ else if (this._canOpen()) {
11565
+ this._previousValue = this._element.nativeElement.value;
11566
+ this._attachOverlay(this._previousValue);
11567
+ }
11568
+ }
11569
+ _handleClick() {
11570
+ if (this._canOpen() && !this.panelOpen) {
11571
+ this._openPanelInternal();
11572
+ }
11573
+ }
11574
+ _hasFocus() {
11575
+ return _getFocusedElementPierceShadowDom() === this._element.nativeElement;
11576
+ }
11577
+ _subscribeToClosingActions() {
11578
+ const initialRender = new Observable((subscriber) => {
11579
+ afterNextRender(() => {
11580
+ subscriber.next();
11581
+ }, { injector: this._environmentInjector });
11582
+ });
11583
+ const optionChanges = this.autocomplete.options?.changes.pipe(tap(() => this._positionStrategy.reapplyLastPosition()), delay(0)) ?? of();
11584
+ return merge(initialRender, optionChanges)
11585
+ .pipe(switchMap(() => this._zone.run(() => {
11586
+ const wasOpen = this.panelOpen;
11587
+ this._resetActiveItem();
11588
+ this._updatePanelState();
11589
+ this._changeDetectorRef.detectChanges();
11590
+ if (this.panelOpen) {
11591
+ this._overlayRef.updatePosition();
11592
+ }
11593
+ if (wasOpen !== this.panelOpen) {
11594
+ if (this.panelOpen) {
11595
+ this._emitOpened();
11596
+ }
11597
+ else {
11598
+ this.autocomplete.closed.emit();
11599
+ }
11600
+ }
11601
+ return this.panelClosingActions;
11602
+ })), take(1))
11603
+ .subscribe((event) => this._setValueAndClose(event));
11604
+ }
11605
+ _emitOpened() {
11606
+ this.autocomplete.opened.emit();
11607
+ }
11608
+ _destroyPanel() {
11609
+ if (this._overlayRef) {
11610
+ this.closePanel();
11611
+ this._overlayRef.dispose();
11612
+ this._overlayRef = null;
11613
+ }
11614
+ }
11615
+ _getDisplayValue(value) {
11616
+ const autocomplete = this.autocomplete;
11617
+ return autocomplete && autocomplete.displayWith ? autocomplete.displayWith(value) : value;
11618
+ }
11619
+ _assignOptionValue(value) {
11620
+ const toDisplay = this._getDisplayValue(value);
11621
+ if (value == null) {
11622
+ this._clearPreviousSelectedOption(null, false);
11623
+ }
11624
+ this._updateNativeInputValue(toDisplay != null ? toDisplay : '');
11625
+ }
11626
+ _updateNativeInputValue(value) {
11627
+ this._element.nativeElement.value = value;
11628
+ this._previousValue = value;
11629
+ }
11630
+ _setValueAndClose(event) {
11631
+ const panel = this.autocomplete;
11632
+ const toSelect = event ? event.source : this._pendingAutoselectedOption;
11633
+ if (toSelect) {
11634
+ this._clearPreviousSelectedOption(toSelect);
11635
+ this._assignOptionValue(toSelect.value);
11636
+ this._onChange(toSelect.value);
11637
+ panel._emitSelectEvent(toSelect);
11638
+ this._element.nativeElement.focus();
11639
+ }
11640
+ else if (panel.requireSelection && this._element.nativeElement.value !== this._valueOnAttach) {
11641
+ this._clearPreviousSelectedOption(null);
11642
+ this._assignOptionValue(null);
11643
+ this._onChange(null);
11644
+ }
11645
+ this.closePanel();
11646
+ }
11647
+ _clearPreviousSelectedOption(skip, emitEvent) {
11648
+ this.autocomplete?.options?.forEach((option) => {
11649
+ if (option !== skip && option.selected) {
11650
+ option.deselect(emitEvent);
11651
+ }
11652
+ });
11653
+ }
11654
+ _openPanelInternal(valueOnAttach = this._element.nativeElement.value) {
11655
+ this._attachOverlay(valueOnAttach);
11656
+ if (this._trackedModal) {
11657
+ const panelId = this.autocomplete.id;
11658
+ addAriaReferencedId(this._trackedModal, 'aria-owns', panelId);
11659
+ }
11660
+ }
11661
+ _attachOverlay(valueOnAttach) {
11662
+ if (!this.autocomplete && (typeof ngDevMode === 'undefined' || ngDevMode)) {
11663
+ throw getMDAutocompleteMissingPanelError();
11664
+ }
11665
+ let overlayRef = this._overlayRef;
11666
+ if (!overlayRef) {
11667
+ this._portal = new TemplatePortal(this.autocomplete.template, this._viewContainerRef);
11668
+ overlayRef = createOverlayRef(this._injector, this._getOverlayConfig());
11669
+ this._overlayRef = overlayRef;
11670
+ this._viewportSubscription = this._viewportRuler.change().subscribe(() => {
11671
+ if (this.panelOpen && overlayRef) {
11672
+ overlayRef.updateSize({ width: this._getPanelWidth() });
11673
+ }
11674
+ });
11675
+ this._handsetLandscapeSubscription = this._breakpointObserver
11676
+ .observe(Breakpoints.HandsetLandscape)
11677
+ .subscribe((result) => {
11678
+ const isHandsetLandscape = result.matches;
11679
+ if (isHandsetLandscape) {
11680
+ this._positionStrategy
11681
+ .withFlexibleDimensions(true)
11682
+ .withGrowAfterOpen(true)
11683
+ .withViewportMargin(8);
11684
+ }
11685
+ else {
11686
+ this._positionStrategy
11687
+ .withFlexibleDimensions(false)
11688
+ .withGrowAfterOpen(false)
11689
+ .withViewportMargin(0);
11690
+ }
11691
+ });
11692
+ }
11693
+ else {
11694
+ this._positionStrategy.setOrigin(this._getConnectedElement());
11695
+ overlayRef.updateSize({ width: this._getPanelWidth() });
11696
+ }
11697
+ if (overlayRef && !overlayRef.hasAttached()) {
11698
+ overlayRef.attach(this._portal);
11699
+ this._valueOnAttach = valueOnAttach;
11700
+ this._valueOnLastKeydown = null;
11701
+ this._closingActionsSubscription = this._subscribeToClosingActions();
11702
+ }
11703
+ const wasOpen = this.panelOpen;
11704
+ this.autocomplete._isOpen = this._overlayAttached = true;
11705
+ this.autocomplete._latestOpeningTrigger = this;
11706
+ this._updatePanelState();
11707
+ this._applyModalPanelOwnership();
11708
+ if (this.panelOpen && wasOpen !== this.panelOpen) {
11709
+ this._emitOpened();
11710
+ }
11711
+ }
11712
+ _handlePanelKeydown = (event) => {
11713
+ if ((event.keyCode === ESCAPE && !hasModifierKey(event)) ||
11714
+ (event.keyCode === UP_ARROW && hasModifierKey(event, 'altKey'))) {
11715
+ if (this._pendingAutoselectedOption) {
11716
+ this._updateNativeInputValue(this._valueBeforeAutoSelection ?? '');
11717
+ this._pendingAutoselectedOption = null;
11718
+ }
11719
+ this._closeKeyEventStream.next();
11720
+ this._resetActiveItem();
11721
+ event.stopPropagation();
11722
+ event.preventDefault();
11723
+ }
11724
+ };
11725
+ _updatePanelState() {
11726
+ this.autocomplete._setVisibility();
11727
+ if (this.panelOpen) {
11728
+ const overlayRef = this._overlayRef;
11729
+ if (!this._keydownSubscription) {
11730
+ this._keydownSubscription = overlayRef.keydownEvents().subscribe(this._handlePanelKeydown);
11731
+ }
11732
+ if (!this._outsideClickSubscription) {
11733
+ this._outsideClickSubscription = overlayRef.outsidePointerEvents().subscribe();
11734
+ }
11735
+ }
11736
+ else {
11737
+ this._keydownSubscription?.unsubscribe();
11738
+ this._outsideClickSubscription?.unsubscribe();
11739
+ this._keydownSubscription = this._outsideClickSubscription = null;
11740
+ }
11741
+ }
11742
+ _getOverlayConfig() {
11743
+ return new OverlayConfig({
11744
+ positionStrategy: this._getOverlayPosition(),
11745
+ scrollStrategy: this._scrollStrategy(),
11746
+ width: this._getPanelWidth(),
11747
+ direction: this._dir ?? undefined,
11748
+ hasBackdrop: this._defaults?.hasBackdrop,
11749
+ backdropClass: this._defaults?.backdropClass || 'cdk-overlay-transparent-backdrop',
11750
+ panelClass: this._overlayPanelClass,
11751
+ disableAnimations: this._animationsDisabled,
11752
+ });
11753
+ }
11754
+ _getOverlayPosition() {
11755
+ const strategy = createFlexibleConnectedPositionStrategy(this._injector, this._getConnectedElement())
11756
+ .withFlexibleDimensions(false)
11757
+ .withPush(false);
11758
+ this._setStrategyPositions(strategy);
11759
+ this._positionStrategy = strategy;
11760
+ return strategy;
11761
+ }
11762
+ _setStrategyPositions(positionStrategy) {
11763
+ const belowPositions = [
11764
+ { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },
11765
+ { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },
11766
+ ];
11767
+ const panelClass = this._aboveClass;
11768
+ const abovePositions = [
11769
+ { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', panelClass },
11770
+ { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', panelClass },
11771
+ ];
11772
+ let positions;
11773
+ if (this.position === 'above') {
11774
+ positions = abovePositions;
11775
+ }
11776
+ else if (this.position === 'below') {
11777
+ positions = belowPositions;
11778
+ }
11779
+ else {
11780
+ positions = [...belowPositions, ...abovePositions];
11781
+ }
11782
+ positionStrategy.withPositions(positions);
11783
+ }
11784
+ _getConnectedElement() {
11785
+ if (this.connectedTo) {
11786
+ return this.connectedTo.elementRef;
11787
+ }
11788
+ return this._element;
11789
+ }
11790
+ _getPanelWidth() {
11791
+ return this.autocomplete.panelWidth || this._getHostWidth();
11792
+ }
11793
+ _getHostWidth() {
11794
+ return this._getConnectedElement().nativeElement.getBoundingClientRect().width;
11795
+ }
11796
+ _resetActiveItem() {
11797
+ const autocomplete = this.autocomplete;
11798
+ if (autocomplete.autoActiveFirstOption) {
11799
+ let firstEnabledOptionIndex = -1;
11800
+ for (let index = 0; index < autocomplete.options.length; index++) {
11801
+ const option = autocomplete.options.get(index);
11802
+ if (!option.disabled) {
11803
+ firstEnabledOptionIndex = index;
11804
+ break;
11805
+ }
11806
+ }
11807
+ autocomplete._keyManager.setActiveItem(firstEnabledOptionIndex);
11808
+ }
11809
+ else {
11810
+ autocomplete._keyManager.setActiveItem(-1);
11811
+ }
11812
+ }
11813
+ _canOpen() {
11814
+ const element = this._element.nativeElement;
11815
+ return !element.readOnly && !element.disabled && !this.autocompleteDisabled;
11816
+ }
11817
+ _scrollToOption(index) {
11818
+ const autocomplete = this.autocomplete;
11819
+ const labelCount = _countGroupLabelsBeforeOption$1(index, autocomplete.options, autocomplete.optionGroups);
11820
+ if (index === 0 && labelCount === 1) {
11821
+ autocomplete._setScrollTop(0);
11822
+ }
11823
+ else if (autocomplete.panel) {
11824
+ const option = autocomplete.options.toArray()[index];
11825
+ if (option) {
11826
+ const element = option._getHostElement();
11827
+ const newScrollPosition = _getOptionScrollPosition$1(element.offsetTop, element.offsetHeight, autocomplete._getScrollTop(), autocomplete.panel.nativeElement.offsetHeight);
11828
+ autocomplete._setScrollTop(newScrollPosition);
11829
+ }
11830
+ }
11831
+ }
11832
+ _trackedModal = null;
11833
+ _applyModalPanelOwnership() {
11834
+ const modal = this._element.nativeElement.closest('body > .cdk-overlay-container [aria-modal="true"]');
11835
+ if (!modal) {
11836
+ return;
11837
+ }
11838
+ const panelId = this.autocomplete.id;
11839
+ if (this._trackedModal) {
11840
+ removeAriaReferencedId(this._trackedModal, 'aria-owns', panelId);
11841
+ }
11842
+ addAriaReferencedId(modal, 'aria-owns', panelId);
11843
+ this._trackedModal = modal;
11844
+ }
11845
+ _clearFromModal() {
11846
+ if (this._trackedModal) {
11847
+ const panelId = this.autocomplete.id;
11848
+ removeAriaReferencedId(this._trackedModal, 'aria-owns', panelId);
11849
+ this._trackedModal = null;
11850
+ }
11851
+ }
11852
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDAutocompleteTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
11853
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.6", type: MDAutocompleteTrigger, isStandalone: true, selector: "input[mdAutocomplete], textarea[mdAutocomplete]", inputs: { autocomplete: ["mdAutocomplete", "autocomplete"], position: ["mdAutocompletePosition", "position"], connectedTo: ["mdAutocompleteConnectedTo", "connectedTo"], autocompleteAttribute: ["autocomplete", "autocompleteAttribute"], autocompleteDisabled: ["mdAutocompleteDisabled", "autocompleteDisabled", booleanAttribute] }, host: { listeners: { "focusin": "_handleFocus()", "blur": "_onTouched()", "input": "_handleInput($event)", "keydown": "_handleKeydown($event)", "click": "_handleClick()" }, properties: { "attr.autocomplete": "autocompleteAttribute", "attr.role": "autocompleteDisabled ? null : \"combobox\"", "attr.aria-autocomplete": "autocompleteDisabled ? null : \"list\"", "attr.aria-activedescendant": "(panelOpen && activeOption) ? activeOption.id : null", "attr.aria-expanded": "autocompleteDisabled ? null : panelOpen.toString()", "attr.aria-controls": "(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id", "attr.aria-haspopup": "autocompleteDisabled ? null : \"listbox\"" }, classAttribute: "md-mdc-autocomplete-trigger" }, providers: [MD_AUTOCOMPLETE_VALUE_ACCESSOR], exportAs: ["mdAutocompleteTrigger"], usesOnChanges: true, ngImport: i0 });
11854
+ }
11855
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDAutocompleteTrigger, decorators: [{
11856
+ type: Directive,
11857
+ args: [{
11858
+ selector: `input[mdAutocomplete], textarea[mdAutocomplete]`,
11859
+ host: {
11860
+ class: 'md-mdc-autocomplete-trigger',
11861
+ '[attr.autocomplete]': 'autocompleteAttribute',
11862
+ '[attr.role]': 'autocompleteDisabled ? null : "combobox"',
11863
+ '[attr.aria-autocomplete]': 'autocompleteDisabled ? null : "list"',
11864
+ '[attr.aria-activedescendant]': '(panelOpen && activeOption) ? activeOption.id : null',
11865
+ '[attr.aria-expanded]': 'autocompleteDisabled ? null : panelOpen.toString()',
11866
+ '[attr.aria-controls]': '(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id',
11867
+ '[attr.aria-haspopup]': 'autocompleteDisabled ? null : "listbox"',
11868
+ '(focusin)': '_handleFocus()',
11869
+ '(blur)': '_onTouched()',
11870
+ '(input)': '_handleInput($event)',
11871
+ '(keydown)': '_handleKeydown($event)',
11872
+ '(click)': '_handleClick()',
11873
+ },
11874
+ exportAs: 'mdAutocompleteTrigger',
11875
+ providers: [MD_AUTOCOMPLETE_VALUE_ACCESSOR],
11876
+ }]
11877
+ }], ctorParameters: () => [], propDecorators: { autocomplete: [{
11878
+ type: Input,
11879
+ args: ['mdAutocomplete']
11880
+ }], position: [{
11881
+ type: Input,
11882
+ args: ['mdAutocompletePosition']
11883
+ }], connectedTo: [{
11884
+ type: Input,
11885
+ args: ['mdAutocompleteConnectedTo']
11886
+ }], autocompleteAttribute: [{
11887
+ type: Input,
11888
+ args: ['autocomplete']
11889
+ }], autocompleteDisabled: [{
11890
+ type: Input,
11891
+ args: [{ alias: 'mdAutocompleteDisabled', transform: booleanAttribute }]
11892
+ }] } });
11893
+
11894
+ class MDAutocompleteModule {
11895
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
11896
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: MDAutocompleteModule, imports: [OverlayModule,
11897
+ MDOptionModule,
11898
+ MDAutocomplete,
11899
+ MDAutocompleteTrigger,
11900
+ MDAutocompleteOrigin], exports: [CdkScrollableModule,
11901
+ MDAutocomplete,
11902
+ MDOptionModule,
11903
+ BidiModule,
11904
+ MDAutocompleteTrigger,
11905
+ MDAutocompleteOrigin] });
11906
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDAutocompleteModule, imports: [OverlayModule,
11907
+ MDOptionModule, CdkScrollableModule,
11908
+ MDOptionModule,
11909
+ BidiModule] });
11910
+ }
11911
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDAutocompleteModule, decorators: [{
11912
+ type: NgModule,
11913
+ args: [{
11914
+ imports: [
11915
+ OverlayModule,
11916
+ MDOptionModule,
11917
+ MDAutocomplete,
11918
+ MDAutocompleteTrigger,
11919
+ MDAutocompleteOrigin,
11920
+ ],
11921
+ exports: [
11922
+ CdkScrollableModule,
11923
+ MDAutocomplete,
11924
+ MDOptionModule,
11925
+ BidiModule,
11926
+ MDAutocompleteTrigger,
11927
+ MDAutocompleteOrigin,
11928
+ ],
11929
+ }]
11930
+ }] });
11931
+
11932
+ /**
11933
+ * Change payload emitted by both group and individual radio buttons.
11934
+ * `source` is the button that triggered the change; `value` is its current value.
11935
+ */
11936
+ class RadioChange {
11937
+ source;
11938
+ value;
11939
+ constructor(source, value) {
11940
+ this.source = source;
11941
+ this.value = value;
11942
+ }
11943
+ }
11944
+ /** ControlValueAccessor provider for the radio group. */
11945
+ const RADIO_GROUP_CONTROL_VALUE_ACCESSOR = {
11946
+ provide: NG_VALUE_ACCESSOR,
11947
+ useExisting: forwardRef(() => MDRadioGroup),
11948
+ multi: true,
11949
+ };
11950
+ /** Token to inject the parent group into child radio buttons. */
11951
+ const MD_RADIO_GROUP = new InjectionToken('MDRadioGroup');
11952
+ /**
11953
+ * Radio group directive: manages a set of `md-radio-button` children.
11954
+ *
11955
+ * Responsibilities:
11956
+ * - Keeps a single selection (mutual exclusivity).
11957
+ * - Syncs `name` across all child radios.
11958
+ * - Integrates with Angular forms via ControlValueAccessor.
11959
+ * - Forwards `disabled`, `required`, and `disabledInteractive` to children.
11960
+ */
11961
+ class MDRadioGroup {
11962
+ /** Triggers CD when value/flags change via setters. */
11963
+ _changeDetector = inject(ChangeDetectorRef);
11964
+ /** Currently selected value (model). */
11965
+ _value = null;
11966
+ /** Shared `name` for all child radios (defaults to unique id). */
11967
+ _name = inject(_IdGenerator).getId('radio-group-');
11968
+ /** Reference to the selected radio (if any). */
11969
+ _selected = null;
11970
+ /** True after first content init; used to gate change emissions. */
11971
+ _isInitialized = false;
11972
+ /** Group-level disabled flag; propagated to children. */
11973
+ _disabled = false;
11974
+ /** Group-level required flag; propagated to children. */
11975
+ _required = false;
11976
+ /** Subscription to children changes (add/remove). */
11977
+ _buttonChanges;
11978
+ /** ngModel/FormControl onChange callback. */
11979
+ _controlValueAccessorChangeFn = () => { };
11980
+ /** ngModel/FormControl onTouched callback. */
11981
+ onTouched = () => { };
11982
+ /** Emits when selection changes after init. */
11983
+ change = new EventEmitter();
11984
+ /** Child radios discovered in content. */
11985
+ _radios;
11986
+ /** Group name getter/setter (propagates to children). */
11987
+ get name() {
11988
+ return this._name;
11989
+ }
11990
+ set name(value) {
11991
+ this._name = value;
11992
+ this._updateRadioButtonNames();
11993
+ }
11994
+ /** Model value getter/setter; updates selected radio accordingly. */
11995
+ get value() {
11996
+ return this._value;
11997
+ }
11998
+ set value(newValue) {
11999
+ if (this._value !== newValue) {
12000
+ this._value = newValue;
12001
+ this._updateSelectedRadioFromValue();
12002
+ this._checkSelectedRadioButton();
12003
+ }
12004
+ }
12005
+ /** Ensures the selected radio is actually checked. */
12006
+ _checkSelectedRadioButton() {
12007
+ if (this._selected && !this._selected.checked) {
12008
+ this._selected.checked = true;
12009
+ }
12010
+ }
12011
+ /** Selected radio getter/setter; also sets group value. */
12012
+ get selected() {
12013
+ return this._selected;
12014
+ }
12015
+ set selected(selected) {
12016
+ this._selected = selected;
12017
+ this.value = selected ? selected.value : null;
12018
+ this._checkSelectedRadioButton();
12019
+ }
12020
+ /** Group disabled getter/setter; marks children for check. */
12021
+ get disabled() {
12022
+ return this._disabled;
12023
+ }
12024
+ set disabled(value) {
12025
+ this._disabled = value;
12026
+ this._markRadiosForCheck();
12027
+ }
12028
+ /** Group required getter/setter; marks children for check. */
12029
+ get required() {
12030
+ return this._required;
12031
+ }
12032
+ set required(value) {
12033
+ this._required = value;
12034
+ this._markRadiosForCheck();
12035
+ }
12036
+ /**
12037
+ * If true, disabled items may still be focusable/interactive
12038
+ * (special a11y scenarios). Propagated to children.
12039
+ */
12040
+ get disabledInteractive() {
12041
+ return this._disabledInteractive;
12042
+ }
12043
+ set disabledInteractive(value) {
12044
+ this._disabledInteractive = value;
12045
+ this._markRadiosForCheck();
12046
+ }
12047
+ _disabledInteractive = false;
12048
+ constructor() { }
12049
+ /** After content init, watch for dynamic child list changes. */
12050
+ ngAfterContentInit() {
12051
+ this._isInitialized = true;
12052
+ this._buttonChanges = this._radios.changes.subscribe(() => {
12053
+ if (this.selected && !this._radios.find((radio) => radio === this.selected)) {
12054
+ this._selected = null;
12055
+ }
12056
+ });
12057
+ }
12058
+ /** Clean up subscriptions. */
12059
+ ngOnDestroy() {
12060
+ this._buttonChanges?.unsubscribe();
12061
+ }
12062
+ /** Mark group as touched (used by children on blur). */
12063
+ _touch() {
12064
+ if (this.onTouched) {
12065
+ this.onTouched();
12066
+ }
12067
+ }
12068
+ /** Propagate `name` to child radios and mark them for check. */
12069
+ _updateRadioButtonNames() {
12070
+ if (this._radios) {
12071
+ this._radios.forEach((radio) => {
12072
+ radio.name = this.name;
12073
+ radio._markForCheck();
12074
+ });
12075
+ }
12076
+ }
12077
+ /** Update `checked` on children based on current group value. */
12078
+ _updateSelectedRadioFromValue() {
12079
+ const isAlreadySelected = this._selected !== null && this._selected.value === this._value;
12080
+ if (this._radios && !isAlreadySelected) {
12081
+ this._selected = null;
12082
+ this._radios.forEach((radio) => {
12083
+ radio.checked = this.value === radio.value;
12084
+ if (radio.checked) {
12085
+ this._selected = radio;
12086
+ }
12087
+ });
12088
+ }
12089
+ }
12090
+ /** Emit `change` when selection altered by user after init. */
12091
+ _emitChangeEvent() {
12092
+ if (this._isInitialized) {
12093
+ this.change.emit(new RadioChange(this._selected, this._value));
12094
+ }
12095
+ }
12096
+ /** Ask all children to run CD (OnPush-safe updates). */
12097
+ _markRadiosForCheck() {
12098
+ if (this._radios) {
12099
+ this._radios.forEach((radio) => radio._markForCheck());
12100
+ }
12101
+ }
12102
+ /** Write model value from forms API. */
12103
+ writeValue(value) {
12104
+ this.value = value;
12105
+ this._changeDetector.markForCheck();
12106
+ }
12107
+ /** Register forms onChange callback. */
12108
+ registerOnChange(fn) {
12109
+ this._controlValueAccessorChangeFn = fn;
12110
+ }
12111
+ /** Register forms onTouched callback. */
12112
+ registerOnTouched(fn) {
12113
+ this.onTouched = fn;
12114
+ }
12115
+ /** Set disabled via forms API. */
12116
+ setDisabledState(isDisabled) {
12117
+ this.disabled = isDisabled;
12118
+ this._changeDetector.markForCheck();
12119
+ }
12120
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
12121
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.6", type: MDRadioGroup, isStandalone: true, selector: "md-radio-group", inputs: { name: "name", value: "value", selected: "selected", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute], disabledInteractive: ["disabledInteractive", "disabledInteractive", booleanAttribute] }, outputs: { change: "change" }, host: { attributes: { "role": "radiogroup" }, classAttribute: "mdc-radio-group" }, providers: [RADIO_GROUP_CONTROL_VALUE_ACCESSOR, { provide: MD_RADIO_GROUP, useExisting: MDRadioGroup }], queries: [{ propertyName: "_radios", predicate: i0.forwardRef(() => MDRadioButton), descendants: true }], exportAs: ["mdRadioGroup"], ngImport: i0 });
12122
+ }
12123
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDRadioGroup, decorators: [{
12124
+ type: Directive,
12125
+ args: [{
12126
+ selector: 'md-radio-group',
12127
+ exportAs: 'mdRadioGroup',
12128
+ providers: [RADIO_GROUP_CONTROL_VALUE_ACCESSOR, { provide: MD_RADIO_GROUP, useExisting: MDRadioGroup }],
12129
+ host: {
12130
+ role: 'radiogroup',
12131
+ class: 'mdc-radio-group',
12132
+ },
12133
+ }]
12134
+ }], ctorParameters: () => [], propDecorators: { change: [{
12135
+ type: Output
12136
+ }], _radios: [{
12137
+ type: ContentChildren,
12138
+ args: [forwardRef(() => MDRadioButton), { descendants: true }]
12139
+ }], name: [{
12140
+ type: Input
12141
+ }], value: [{
12142
+ type: Input
12143
+ }], selected: [{
12144
+ type: Input
12145
+ }], disabled: [{
12146
+ type: Input,
12147
+ args: [{ transform: booleanAttribute }]
12148
+ }], required: [{
12149
+ type: Input,
12150
+ args: [{ transform: booleanAttribute }]
12151
+ }], disabledInteractive: [{
12152
+ type: Input,
12153
+ args: [{ transform: booleanAttribute }]
12154
+ }] } });
12155
+ /**
12156
+ * Single radio button component.
12157
+ *
12158
+ * Responsibilities:
12159
+ * - Manages its own checked/disabled state.
12160
+ * - Coordinates with its parent `MDRadioGroup`.
12161
+ * - Emits `change` when user selects it.
12162
+ * - Handles focus/keyboard via CDK FocusMonitor.
12163
+ */
12164
+ class MDRadioButton {
12165
+ /** Host element reference (used by FocusMonitor and listeners). */
12166
+ _elementRef = inject(ElementRef);
12167
+ /** Change detector to request view updates under OnPush. */
12168
+ _changeDetector = inject(ChangeDetectorRef);
12169
+ /** CDK FocusMonitor to handle programmatic focus origins. */
12170
+ _focusMonitor = inject(FocusMonitor);
12171
+ /** Ensures unique selection across same-name radios. */
12172
+ _radioDispatcher = inject(UniqueSelectionDispatcher);
12173
+ /** Zone for running event listeners outside Angular (perf). */
12174
+ _ngZone = inject(NgZone);
12175
+ /** Renderer for low-level DOM events binding. */
12176
+ _renderer = inject(Renderer2);
12177
+ /** Unique id seed for host/input ids. */
12178
+ _uniqueId = inject(_IdGenerator).getId('radio-');
12179
+ /** Cleanup function for native click listener. */
12180
+ _cleanupClick;
12181
+ /** Element id (defaults to unique id). */
12182
+ id = this._uniqueId;
12183
+ /** Shared group name; set by group or consumer. */
12184
+ name;
12185
+ /** ARIA label text for input (if no external label). */
12186
+ ariaLabel;
12187
+ /** Id of element that labels this input. */
12188
+ ariaLabelledby;
12189
+ /** Id of element that describes this input. */
12190
+ ariaDescribedby;
12191
+ /**
12192
+ * Tabindex for internal input; normalized via numberAttribute.
12193
+ * Default is 0 so item can be focused when selected.
12194
+ */
12195
+ tabIndex = 0;
12196
+ /** Checked state with group coordination and dispatcher notify. */
12197
+ get checked() {
12198
+ return this._checked;
12199
+ }
12200
+ set checked(value) {
12201
+ if (this._checked !== value) {
12202
+ this._checked = value;
12203
+ // Sync with parent group value and selected reference.
12204
+ if (value && this.radioGroup && this.radioGroup.value !== this.value) {
12205
+ this.radioGroup.selected = this;
12206
+ }
12207
+ else if (!value && this.radioGroup && this.radioGroup.value === this.value) {
12208
+ this.radioGroup.selected = null;
12209
+ }
12210
+ // Notify other radios with the same name.
12211
+ if (value) {
12212
+ this._radioDispatcher.notify(this.id, this.name);
12213
+ }
12214
+ this._changeDetector.markForCheck();
12215
+ }
12216
+ }
12217
+ /** Arbitrary value associated with this radio. */
12218
+ get value() {
12219
+ return this._value;
12220
+ }
12221
+ set value(value) {
12222
+ if (this._value !== value) {
12223
+ this._value = value;
12224
+ // If part of a group, keep checked state in sync with group's value.
12225
+ if (this.radioGroup !== null) {
12226
+ if (!this.checked) {
12227
+ this.checked = this.radioGroup.value === value;
12228
+ }
12229
+ if (this.checked) {
12230
+ this.radioGroup.selected = this;
12231
+ }
12232
+ }
12233
+ }
12234
+ }
12235
+ /** Disabled state; considers group-level disabled as well. */
12236
+ get disabled() {
12237
+ return this._disabled || (this.radioGroup !== null && this.radioGroup.disabled);
12238
+ }
12239
+ set disabled(value) {
12240
+ this._setDisabled(value);
12241
+ }
12242
+ /** Required state; considers group-level required as well. */
12243
+ get required() {
12244
+ return this._required || (this.radioGroup && this.radioGroup.required);
12245
+ }
12246
+ set required(value) {
12247
+ if (value !== this._required) {
12248
+ this._changeDetector.markForCheck();
12249
+ }
12250
+ this._required = value;
12251
+ }
12252
+ /**
12253
+ * If true, item remains interactive/focusable even when disabled.
12254
+ * Also considers group-level disabledInteractive.
12255
+ */
12256
+ get disabledInteractive() {
12257
+ return this._disabledInteractive || (this.radioGroup !== null && this.radioGroup.disabledInteractive);
12258
+ }
12259
+ set disabledInteractive(value) {
12260
+ this._disabledInteractive = value;
12261
+ }
12262
+ _disabledInteractive;
12263
+ /** Emits when this particular radio is selected by the user. */
12264
+ change = new EventEmitter();
12265
+ /** Optional reference to parent group (injected). */
12266
+ radioGroup;
12267
+ /** Id for internal input element. */
12268
+ get inputId() {
12269
+ return `${this.id || this._uniqueId}-input`;
12270
+ }
12271
+ /** Backing fields for state. */
12272
+ _checked = false;
12273
+ _disabled;
12274
+ _required;
12275
+ _value = null;
12276
+ /** Callback to unlisten from unique selection dispatcher. */
12277
+ _removeUniqueSelectionListener = () => { };
12278
+ /** Tracks last applied tabindex for optimization. */
12279
+ _previousTabIndex;
12280
+ /** Template refs. */
12281
+ _inputElement;
12282
+ /** Placeholder for potential animations flag (wired via template). */
12283
+ _noopAnimations = false;
12284
+ /** Injector used for afterNextRender microtask scheduling. */
12285
+ _injector = inject(Injector);
12286
+ /**
12287
+ * Inject parent group (optional) and host tabindex.
12288
+ * Also initializes disabledInteractive default.
12289
+ */
12290
+ constructor() {
12291
+ const radioGroup = inject(MD_RADIO_GROUP, { optional: true });
12292
+ const tabIndex = inject(new HostAttributeToken('tabindex'), { optional: true });
12293
+ this.radioGroup = radioGroup;
12294
+ this._disabledInteractive = false;
12295
+ if (tabIndex) {
12296
+ this.tabIndex = numberAttribute(tabIndex, 0);
12297
+ }
12298
+ }
12299
+ /**
12300
+ * Programmatic focus API.
12301
+ * If `origin` provided, uses FocusMonitor to set proper focus classes.
12302
+ */
12303
+ focus(options, origin) {
12304
+ if (origin) {
12305
+ this._focusMonitor.focusVia(this._inputElement, origin, options);
12306
+ }
12307
+ else {
12308
+ this._inputElement.nativeElement.focus(options);
12309
+ }
12310
+ }
12311
+ /** Ask view to update (used by group). */
12312
+ _markForCheck() {
12313
+ this._changeDetector.markForCheck();
12314
+ }
12315
+ /** Initialize from group (name/value) and subscribe to unique selection dispatcher. */
12316
+ ngOnInit() {
12317
+ if (this.radioGroup) {
12318
+ this.checked = this.radioGroup.value === this._value;
12319
+ if (this.checked) {
12320
+ this.radioGroup.selected = this;
12321
+ }
12322
+ this.name = this.radioGroup.name;
12323
+ }
12324
+ this._removeUniqueSelectionListener = this._radioDispatcher.listen((id, name) => {
12325
+ if (id !== this.id && name === this.name) {
12326
+ this.checked = false;
12327
+ }
12328
+ });
12329
+ }
12330
+ /** Keep tabindexes updated so only selected item is in tab order. */
12331
+ ngDoCheck() {
12332
+ this._updateTabIndex();
12333
+ }
12334
+ /** Attach focus monitor and click handler outside Angular for perf. */
12335
+ ngAfterViewInit() {
12336
+ this._updateTabIndex();
12337
+ this._focusMonitor.monitor(this._elementRef, true).subscribe((focusOrigin) => {
12338
+ // When focus leaves the host entirely, mark the group as touched.
12339
+ if (!focusOrigin && this.radioGroup) {
12340
+ this.radioGroup._touch();
12341
+ }
12342
+ });
12343
+ // Prevent change detection storms: add listener outside Angular.
12344
+ this._ngZone.runOutsideAngular(() => {
12345
+ this._cleanupClick = this._renderer.listen(this._inputElement.nativeElement, 'click', this._onInputClick);
12346
+ });
12347
+ }
12348
+ /** Cleanup listeners and monitors. */
12349
+ ngOnDestroy() {
12350
+ this._cleanupClick?.();
12351
+ this._focusMonitor.stopMonitoring(this._elementRef);
12352
+ this._removeUniqueSelectionListener();
12353
+ }
12354
+ /** Emit own change and, if part of a group, notify the group. */
12355
+ _emitChangeEvent() {
12356
+ this.change.emit(new RadioChange(this, this._value));
12357
+ }
12358
+ /**
12359
+ * Handles interaction on the real input.
12360
+ * Ensures single selection, emits change, updates group model.
12361
+ */
12362
+ _onInputInteraction(event) {
12363
+ event.stopPropagation();
12364
+ if (!this.checked && !this.disabled) {
12365
+ const groupValueChanged = this.radioGroup && this.value !== this.radioGroup.value;
12366
+ this.checked = true;
12367
+ this._emitChangeEvent();
12368
+ if (this.radioGroup) {
12369
+ this.radioGroup._controlValueAccessorChangeFn(this.value);
12370
+ if (groupValueChanged) {
12371
+ this.radioGroup._emitChangeEvent();
12372
+ }
12373
+ }
12374
+ }
12375
+ }
12376
+ /**
12377
+ * Click on the visual/touch target should behave like clicking the input.
12378
+ * Also refocus the input if allowed.
12379
+ */
12380
+ _onTouchTargetClick(event) {
12381
+ this._onInputInteraction(event);
12382
+ if (!this.disabled || this.disabledInteractive) {
12383
+ this._inputElement?.nativeElement.focus();
12384
+ }
12385
+ }
12386
+ /** Setter for disabled that triggers CD when value changes. */
12387
+ _setDisabled(value) {
12388
+ if (this._disabled !== value) {
12389
+ this._disabled = value;
12390
+ this._changeDetector.markForCheck();
12391
+ }
12392
+ }
12393
+ /**
12394
+ * Prevent native input click from toggling when disabled but `disabledInteractive` is true.
12395
+ * Keeps UI consistent with intended behavior.
12396
+ */
12397
+ _onInputClick = (event) => {
12398
+ if (this.disabled && this.disabledInteractive) {
12399
+ event.preventDefault();
12400
+ }
12401
+ };
12402
+ /**
12403
+ * Maintain roving tabindex:
12404
+ * - Selected radio keeps its configured tabIndex (defaults to 0).
12405
+ * - Non-selected radios get tabindex="-1".
12406
+ * Also re-routes focus to the selected item if needed after render.
12407
+ */
12408
+ _updateTabIndex() {
12409
+ const group = this.radioGroup;
12410
+ let value;
12411
+ if (!group || !group.selected || this.disabled) {
12412
+ value = this.tabIndex;
12413
+ }
12414
+ else {
12415
+ value = group.selected === this ? this.tabIndex : -1;
12416
+ }
12417
+ if (value !== this._previousTabIndex) {
12418
+ const input = this._inputElement?.nativeElement;
12419
+ if (input) {
12420
+ input.setAttribute('tabindex', value + '');
12421
+ this._previousTabIndex = value;
12422
+ // After the DOM updates, if focus landed on a non-selected radio, redirect it.
12423
+ afterNextRender(() => {
12424
+ queueMicrotask(() => {
12425
+ if (group &&
12426
+ group.selected &&
12427
+ group.selected !== this &&
12428
+ document.activeElement === input) {
12429
+ group.selected?._inputElement.nativeElement.focus();
12430
+ if (document.activeElement === input) {
12431
+ this._inputElement.nativeElement.blur();
12432
+ }
12433
+ }
12434
+ });
12435
+ }, { injector: this._injector });
12436
+ }
12437
+ }
12438
+ }
12439
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDRadioButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
12440
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDRadioButton, isStandalone: true, selector: "md-radio-button", inputs: { id: "id", name: "name", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))], checked: ["checked", "checked", booleanAttribute], value: "value", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute], disabledInteractive: ["disabledInteractive", "disabledInteractive", booleanAttribute] }, outputs: { change: "change" }, host: { listeners: { "focus": "_inputElement.nativeElement.focus()" }, properties: { "attr.id": "id", "class.mdc-radio-checked": "checked", "class.mdc-radio-disabled": "disabled", "class.mdc-radio-disabled-interactive": "disabledInteractive", "class.animation-noopable": "_noopAnimations", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" }, classAttribute: "md-mdc-radio-button" }, viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }, { propertyName: "_noopAnimations", first: true, predicate: ["formField"], descendants: true, read: ElementRef, static: true }], exportAs: ["mdRadioButton"], ngImport: i0, template: "<div class=\"radio-internal-form-field\" #formField>\r\n <div class=\"mdc-radio\" [class.mdc-radio--disabled]=\"disabled\">\r\n <div class=\"mdc-radio-touch-target\" (click)=\"_onTouchTargetClick($event)\"></div>\r\n <input #input class=\"mdc-radio__native-control\" type=\"radio\"\r\n [id]=\"inputId\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [required]=\"required\"\r\n aria-invalid=\"false\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? 'true' : null\"\r\n (change)=\"_onInputInteraction($event)\">\r\n <div class=\"mdc-radio__background\">\r\n <div class=\"mdc-radio__outer-circle\"></div>\r\n <div class=\"mdc-radio__inner-circle\"></div>\r\n </div>\r\n </div>\r\n <label class=\"mdc-label\" [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-mdc-radio-button{-webkit-tap-highlight-color:transparent}.md-mdc-radio-button .mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:15px;height:15px;cursor:pointer;will-change:opacity,transform,border-color,color;padding:8.5px}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:not([disabled]):not(:focus)~.mdc-radio__background:before{opacity:.04;transform:scale(1)}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:not([disabled])~.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:15px;height:15px}.md-mdc-radio-button .mdc-radio__background:before{position:absolute;transform:scale(0);border-radius:50%;opacity:0;pointer-events:none;content:\"\";transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);width:32px;height:32px;top:-8.5px;left:-8.5px}.md-mdc-radio-button .mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 90ms cubic-bezier(.4,0,.6,1)}.md-mdc-radio-button .mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0);border-radius:50%;transition:transform 90ms cubic-bezier(.4,0,.6,1),background-color 90ms cubic-bezier(.4,0,.6,1)}@media (forced-colors: active){.md-mdc-radio-button .mdc-radio__inner-circle{background-color:CanvasText!important}}.md-mdc-radio-button .mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;top:0;right:0;left:0;cursor:inherit;z-index:1;width:30px;height:30px}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 90ms cubic-bezier(0,0,.2,1),transform 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__outer-circle{transition:_enter-transition(border-color)}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__inner-circle{transition:transform 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:focus+.mdc-radio__background:before{transform:scale(1);opacity:.12;transition:opacity 90ms cubic-bezier(0,0,.2,1),transform 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background{cursor:default}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__inner-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#514346}.md-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle{transform:scale(.5);transition:transform 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled{pointer-events:auto}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control+.mdc-radio__background>.mdc-radio__inner-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__background:before{background-color:#929292}.md-mdc-radio-button.mdc-radio-checked .mdc-radio__background:before{background-color:#cf0106}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__background:before{background-color:#929292}.md-mdc-radio-button .mdc-radio--disabled+label{color:color-mix(in srgb,#929292 38%,transparent)}.md-mdc-radio-button .mdc-radio>.mdc-radio__native-control:focus:enabled:not(:checked)~.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button.cdk-focused .focus-indicator:before{content:\"\"}.mdc-radio-disabled{cursor:default;pointer-events:none}.mdc-radio-disabled.mdc-radio-disabled-interactive{pointer-events:auto}.mdc-radio-touch-target{position:absolute;top:50%;left:50%;height:36px;width:36px;transform:translate(-50%,-50%);display:block}[dir=rtl] .mdc-radio-touch-target{left:auto;right:50%;transform:translate(50%,-50%)}.radio-internal-form-field{color:#201a1b;font-family:Montserrat;line-height:1.25rem;font-size:.875rem;letter-spacing:.016rem;font-weight:400;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;vertical-align:middle}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
12441
+ }
12442
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDRadioButton, decorators: [{
12443
+ type: Component,
12444
+ args: [{ selector: 'md-radio-button', host: {
12445
+ class: 'md-mdc-radio-button',
12446
+ '[attr.id]': 'id',
12447
+ '[class.mdc-radio-checked]': 'checked',
12448
+ '[class.mdc-radio-disabled]': 'disabled',
12449
+ '[class.mdc-radio-disabled-interactive]': 'disabledInteractive',
12450
+ '[class.animation-noopable]': '_noopAnimations',
12451
+ '[attr.tabindex]': 'null',
12452
+ '[attr.aria-label]': 'null',
12453
+ '[attr.aria-labelledby]': 'null',
12454
+ '[attr.aria-describedby]': 'null',
12455
+ '(focus)': '_inputElement.nativeElement.focus()',
12456
+ }, exportAs: 'mdRadioButton', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"radio-internal-form-field\" #formField>\r\n <div class=\"mdc-radio\" [class.mdc-radio--disabled]=\"disabled\">\r\n <div class=\"mdc-radio-touch-target\" (click)=\"_onTouchTargetClick($event)\"></div>\r\n <input #input class=\"mdc-radio__native-control\" type=\"radio\"\r\n [id]=\"inputId\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [required]=\"required\"\r\n aria-invalid=\"false\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? 'true' : null\"\r\n (change)=\"_onInputInteraction($event)\">\r\n <div class=\"mdc-radio__background\">\r\n <div class=\"mdc-radio__outer-circle\"></div>\r\n <div class=\"mdc-radio__inner-circle\"></div>\r\n </div>\r\n </div>\r\n <label class=\"mdc-label\" [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-mdc-radio-button{-webkit-tap-highlight-color:transparent}.md-mdc-radio-button .mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:15px;height:15px;cursor:pointer;will-change:opacity,transform,border-color,color;padding:8.5px}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:not([disabled]):not(:focus)~.mdc-radio__background:before{opacity:.04;transform:scale(1)}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:not([disabled])~.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio:hover>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio:active>.mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:15px;height:15px}.md-mdc-radio-button .mdc-radio__background:before{position:absolute;transform:scale(0);border-radius:50%;opacity:0;pointer-events:none;content:\"\";transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);width:32px;height:32px;top:-8.5px;left:-8.5px}.md-mdc-radio-button .mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 90ms cubic-bezier(.4,0,.6,1)}.md-mdc-radio-button .mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0);border-radius:50%;transition:transform 90ms cubic-bezier(.4,0,.6,1),background-color 90ms cubic-bezier(.4,0,.6,1)}@media (forced-colors: active){.md-mdc-radio-button .mdc-radio__inner-circle{background-color:CanvasText!important}}.md-mdc-radio-button .mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;top:0;right:0;left:0;cursor:inherit;z-index:1;width:30px;height:30px}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 90ms cubic-bezier(0,0,.2,1),transform 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__outer-circle{transition:_enter-transition(border-color)}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__inner-circle{transition:transform 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:focus+.mdc-radio__background:before{transform:scale(1);opacity:.12;transition:opacity 90ms cubic-bezier(0,0,.2,1),transform 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background{cursor:default}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background>.mdc-radio__inner-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#514346}.md-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked+.mdc-radio__background>.mdc-radio__inner-circle{background-color:#cf0106}.md-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle{transform:scale(.5);transition:transform 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled{pointer-events:auto}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus+.mdc-radio__background>.mdc-radio__outer-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus+.mdc-radio__background>.mdc-radio__inner-circle,.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control+.mdc-radio__background>.mdc-radio__inner-circle{border-color:#929292;opacity:.38}.md-mdc-radio-button .mdc-radio__background:before{background-color:#929292}.md-mdc-radio-button.mdc-radio-checked .mdc-radio__background:before{background-color:#cf0106}.md-mdc-radio-button.mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__background:before{background-color:#929292}.md-mdc-radio-button .mdc-radio--disabled+label{color:color-mix(in srgb,#929292 38%,transparent)}.md-mdc-radio-button .mdc-radio>.mdc-radio__native-control:focus:enabled:not(:checked)~.mdc-radio__background>.mdc-radio__outer-circle{border-color:#201a1b}.md-mdc-radio-button.cdk-focused .focus-indicator:before{content:\"\"}.mdc-radio-disabled{cursor:default;pointer-events:none}.mdc-radio-disabled.mdc-radio-disabled-interactive{pointer-events:auto}.mdc-radio-touch-target{position:absolute;top:50%;left:50%;height:36px;width:36px;transform:translate(-50%,-50%);display:block}[dir=rtl] .mdc-radio-touch-target{left:auto;right:50%;transform:translate(50%,-50%)}.radio-internal-form-field{color:#201a1b;font-family:Montserrat;line-height:1.25rem;font-size:.875rem;letter-spacing:.016rem;font-weight:400;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;vertical-align:middle}\n"] }]
12457
+ }], ctorParameters: () => [], propDecorators: { id: [{
12458
+ type: Input
12459
+ }], name: [{
12460
+ type: Input
12461
+ }], ariaLabel: [{
12462
+ type: Input,
12463
+ args: ['aria-label']
12464
+ }], ariaLabelledby: [{
12465
+ type: Input,
12466
+ args: ['aria-labelledby']
12467
+ }], ariaDescribedby: [{
12468
+ type: Input,
12469
+ args: ['aria-describedby']
12470
+ }], tabIndex: [{
12471
+ type: Input,
12472
+ args: [{
12473
+ transform: (value) => (value == null ? 0 : numberAttribute(value)),
12474
+ }]
12475
+ }], checked: [{
12476
+ type: Input,
12477
+ args: [{ transform: booleanAttribute }]
12478
+ }], value: [{
12479
+ type: Input
12480
+ }], disabled: [{
12481
+ type: Input,
12482
+ args: [{ transform: booleanAttribute }]
12483
+ }], required: [{
12484
+ type: Input,
12485
+ args: [{ transform: booleanAttribute }]
12486
+ }], disabledInteractive: [{
12487
+ type: Input,
12488
+ args: [{ transform: booleanAttribute }]
12489
+ }], change: [{
12490
+ type: Output
12491
+ }], _inputElement: [{
12492
+ type: ViewChild,
12493
+ args: ['input']
12494
+ }], _noopAnimations: [{
12495
+ type: ViewChild,
12496
+ args: ['formField', { read: ElementRef, static: true }]
12497
+ }] } });
12498
+
12499
+ class MDRadioModule {
12500
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12501
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: MDRadioModule, imports: [MDRadioGroup, MDRadioButton], exports: [MDRadioGroup, MDRadioButton] });
12502
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDRadioModule });
12503
+ }
12504
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDRadioModule, decorators: [{
12505
+ type: NgModule,
12506
+ args: [{
12507
+ imports: [MDRadioGroup, MDRadioButton],
12508
+ exports: [MDRadioGroup, MDRadioButton],
12509
+ }]
12510
+ }] });
12511
+
12512
+ const MD_CHIPS_DEFAULT_OPTIONS = new InjectionToken('md-chips-default-options', {
12513
+ providedIn: 'root',
12514
+ factory: () => ({
12515
+ separatorKeyCodes: [ENTER],
12516
+ }),
12517
+ });
12518
+ const MD_CHIP_AVATAR = new InjectionToken('MDChipAvatar');
12519
+ const MD_CHIP_TRAILING_ICON = new InjectionToken('MDChipTrailingIcon');
12520
+ const MD_CHIP_EDIT = new InjectionToken('MDChipEdit');
12521
+ const MD_CHIP_REMOVE = new InjectionToken('MDChipRemove');
12522
+ const MD_CHIP = new InjectionToken('MDChip');
12523
+
12524
+ class MDChipContent {
12525
+ _elementRef = inject(ElementRef);
12526
+ _parentChip = inject(MD_CHIP);
12527
+ _isPrimary = true;
12528
+ _isLeading = false;
12529
+ get disabled() {
12530
+ return this._disabled || this._parentChip?.disabled || false;
12531
+ }
12532
+ set disabled(value) {
12533
+ this._disabled = value;
12534
+ }
12535
+ _disabled = false;
12536
+ tabIndex = -1;
12537
+ _allowFocusWhenDisabled = false;
12538
+ _getDisabledAttribute() {
12539
+ return this.disabled && !this._allowFocusWhenDisabled ? '' : null;
12540
+ }
12541
+ constructor() {
12542
+ if (this._elementRef.nativeElement.nodeName === 'BUTTON') {
12543
+ this._elementRef.nativeElement.setAttribute('type', 'button');
12544
+ }
12545
+ }
12546
+ focus() {
12547
+ this._elementRef.nativeElement.focus();
12548
+ }
12549
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
12550
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.6", type: MDChipContent, isStandalone: true, selector: "[mdChipContent]", inputs: { disabled: ["disabled", "disabled", booleanAttribute], tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? -1 : numberAttribute(value))], _allowFocusWhenDisabled: "_allowFocusWhenDisabled" }, host: { properties: { "class.mdc-evolution-chip__action--primary": "_isPrimary", "class.mdc-evolution-chip__action--secondary": "!_isPrimary", "class.mdc-evolution-chip__action--trailing": "!_isPrimary && !_isLeading", "attr.disabled": "_getDisabledAttribute()", "attr.aria-disabled": "disabled" }, classAttribute: "md-mdc-chip-action mdc-evolution-chip__action mdc-evolution-chip__action--presentational" }, ngImport: i0 });
12551
+ }
12552
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipContent, decorators: [{
12553
+ type: Directive,
12554
+ args: [{
12555
+ selector: '[mdChipContent]',
12556
+ host: {
12557
+ 'class': 'md-mdc-chip-action mdc-evolution-chip__action mdc-evolution-chip__action--presentational',
12558
+ '[class.mdc-evolution-chip__action--primary]': '_isPrimary',
12559
+ '[class.mdc-evolution-chip__action--secondary]': '!_isPrimary',
12560
+ '[class.mdc-evolution-chip__action--trailing]': '!_isPrimary && !_isLeading',
12561
+ '[attr.disabled]': '_getDisabledAttribute()',
12562
+ '[attr.aria-disabled]': 'disabled',
12563
+ },
12564
+ }]
12565
+ }], ctorParameters: () => [], propDecorators: { disabled: [{
12566
+ type: Input,
12567
+ args: [{ transform: booleanAttribute }]
12568
+ }], tabIndex: [{
12569
+ type: Input,
12570
+ args: [{
12571
+ transform: (value) => (value == null ? -1 : numberAttribute(value)),
12572
+ }]
12573
+ }], _allowFocusWhenDisabled: [{
12574
+ type: Input
12575
+ }] } });
12576
+ class MDChipAction extends MDChipContent {
12577
+ _getTabindex() {
12578
+ return this.disabled && !this._allowFocusWhenDisabled ? null : this.tabIndex.toString();
12579
+ }
12580
+ _handleClick(event) {
12581
+ if (!this.disabled && this._isPrimary) {
12582
+ event.preventDefault();
12583
+ this._parentChip._handlePrimaryActionInteraction();
12584
+ }
12585
+ }
12586
+ _handleKeydown(event) {
12587
+ if ((event.keyCode === ENTER || event.keyCode === SPACE) &&
12588
+ !this.disabled &&
12589
+ this._isPrimary &&
12590
+ !this._parentChip._isEditing) {
12591
+ event.preventDefault();
12592
+ this._parentChip._handlePrimaryActionInteraction();
12593
+ }
12594
+ }
12595
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipAction, deps: null, target: i0.ɵɵFactoryTarget.Directive });
12596
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDChipAction, isStandalone: true, selector: "[mdChipAction]", host: { listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)" }, properties: { "attr.tabindex": "_getTabindex()", "class.mdc-evolution-chip__action--presentational": "false" } }, usesInheritance: true, ngImport: i0 });
12597
+ }
12598
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipAction, decorators: [{
12599
+ type: Directive,
12600
+ args: [{
12601
+ selector: '[mdChipAction]',
12602
+ host: {
12603
+ '[attr.tabindex]': '_getTabindex()',
12604
+ '[class.mdc-evolution-chip__action--presentational]': 'false',
12605
+ '(click)': '_handleClick($event)',
12606
+ '(keydown)': '_handleKeydown($event)',
12607
+ },
12608
+ }]
12609
+ }] });
12610
+
12611
+ class MDChip {
12612
+ _changeDetectorRef = inject(ChangeDetectorRef);
12613
+ _elementRef = inject(ElementRef);
12614
+ _tagName = inject(HOST_TAG_NAME);
12615
+ _ngZone = inject(NgZone);
12616
+ _focusMonitor = inject(FocusMonitor);
12617
+ _document = inject(DOCUMENT);
12618
+ _onFocus = new Subject();
12619
+ _onBlur = new Subject();
12620
+ _isBasicChip;
12621
+ role = null;
12622
+ _hasFocusInternal = false;
12623
+ _pendingFocus;
12624
+ _actionChanges;
12625
+ _animationsDisabled = false;
12626
+ _allLeadingIcons;
12627
+ _allTrailingIcons;
12628
+ _allEditIcons;
12629
+ _allRemoveIcons;
12630
+ _hasFocus() {
12631
+ return this._hasFocusInternal;
12632
+ }
12633
+ id = inject(_IdGenerator).getId('md-mdc-chip-');
12634
+ ariaLabel = null;
12635
+ ariaDescription = null;
12636
+ _chipListDisabled = false;
12637
+ _hadFocusOnRemove = false;
12638
+ _textElement;
12639
+ get value() {
12640
+ return this._value !== undefined ? this._value : this._textElement.textContent.trim();
12641
+ }
12642
+ set value(value) {
12643
+ this._value = value;
12644
+ }
12645
+ _value;
12646
+ removable = true;
12647
+ highlighted = false;
12648
+ get disabled() {
12649
+ return this._disabled || this._chipListDisabled;
12650
+ }
12651
+ set disabled(value) {
12652
+ this._disabled = value;
12653
+ }
12654
+ _disabled = false;
12655
+ removed = new EventEmitter();
12656
+ destroyed = new EventEmitter();
12657
+ basicChipAttrName = 'md-basic-chip';
12658
+ leadingIcon;
12659
+ editIcon;
12660
+ trailingIcon;
12661
+ removeIcon;
12662
+ primaryAction;
12663
+ _injector = inject(Injector);
12664
+ constructor() {
12665
+ this._monitorFocus();
12666
+ }
12667
+ ngOnInit() {
12668
+ this._isBasicChip =
12669
+ this._elementRef.nativeElement.hasAttribute(this.basicChipAttrName) ||
12670
+ this._tagName.toLowerCase() === this.basicChipAttrName;
12671
+ }
12672
+ ngAfterViewInit() {
12673
+ this._textElement = this._elementRef.nativeElement.querySelector('.md-mdc-chip-action-label');
12674
+ if (this._pendingFocus) {
12675
+ this._pendingFocus = false;
12676
+ this.focus();
12677
+ }
12678
+ }
12679
+ ngAfterContentInit() {
12680
+ this._actionChanges = merge(this._allLeadingIcons.changes, this._allTrailingIcons.changes, this._allEditIcons.changes, this._allRemoveIcons.changes).subscribe(() => this._changeDetectorRef.markForCheck());
12681
+ }
12682
+ ngOnDestroy() {
12683
+ this._focusMonitor.stopMonitoring(this._elementRef);
12684
+ this._actionChanges?.unsubscribe();
12685
+ this.destroyed.emit({ chip: this });
12686
+ this.destroyed.complete();
12687
+ }
12688
+ remove() {
12689
+ if (this.removable) {
12690
+ this._hadFocusOnRemove = this._hasFocus();
12691
+ this.removed.emit({ chip: this });
12692
+ }
12693
+ }
12694
+ _hasTrailingIcon() {
12695
+ return !!(this.trailingIcon || this.removeIcon);
12696
+ }
12697
+ _handleKeydown(event) {
12698
+ if ((event.keyCode === BACKSPACE && !event.repeat) || event.keyCode === DELETE) {
12699
+ event.preventDefault();
12700
+ this.remove();
12701
+ }
12702
+ }
12703
+ focus() {
12704
+ if (!this.disabled) {
12705
+ if (this.primaryAction) {
12706
+ this.primaryAction.focus();
12707
+ }
12708
+ else {
12709
+ this._pendingFocus = true;
12710
+ }
12711
+ }
12712
+ }
12713
+ _getSourceAction(target) {
12714
+ return this._getActions().find((action) => {
12715
+ const element = action._elementRef.nativeElement;
12716
+ return element === target || element.contains(target);
12717
+ });
12718
+ }
12719
+ _getActions() {
12720
+ const result = [];
12721
+ if (this.editIcon) {
12722
+ result.push(this.editIcon);
12723
+ }
12724
+ if (this.primaryAction) {
12725
+ result.push(this.primaryAction);
12726
+ }
12727
+ if (this.removeIcon) {
12728
+ result.push(this.removeIcon);
12729
+ }
12730
+ return result;
12731
+ }
12732
+ _handlePrimaryActionInteraction() {
12733
+ // Empty here, but is overwritten in child classes.
12734
+ }
12735
+ _hasInteractiveActions() {
12736
+ return this._getActions().length > 0;
12737
+ }
12738
+ _edit(event) {
12739
+ // Empty here, but is overwritten in child classes.
12740
+ }
12741
+ _monitorFocus() {
12742
+ this._focusMonitor.monitor(this._elementRef, true).subscribe((origin) => {
12743
+ const hasFocus = origin !== null;
12744
+ if (hasFocus !== this._hasFocusInternal) {
12745
+ this._hasFocusInternal = hasFocus;
12746
+ if (hasFocus) {
12747
+ this._onFocus.next({ chip: this });
12748
+ }
12749
+ else {
12750
+ this._changeDetectorRef.markForCheck();
12751
+ setTimeout(() => this._ngZone.run(() => this._onBlur.next({ chip: this })));
12752
+ }
12753
+ }
12754
+ });
12755
+ }
12756
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChip, deps: [], target: i0.ɵɵFactoryTarget.Component });
12757
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDChip, isStandalone: true, selector: "md-basic-chip, [md-basic-chip], md-chip, [md-chip]", inputs: { role: "role", id: "id", ariaLabel: ["aria-label", "ariaLabel"], ariaDescription: ["aria-description", "ariaDescription"], value: "value", removable: ["removable", "removable", booleanAttribute], highlighted: ["highlighted", "highlighted", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { removed: "removed", destroyed: "destroyed" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class": "\"md-\" + (color || \"primary\")", "class.mdc-evolution-chip": "!_isBasicChip", "class.mdc-evolution-chip--disabled": "disabled", "class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()", "class.mdc-evolution-chip--with-primary-graphic": "leadingIcon", "class.mdc-evolution-chip--with-primary-icon": "leadingIcon", "class.mdc-evolution-chip--with-avatar": "leadingIcon", "class.md-mdc-chip-with-avatar": "leadingIcon", "class.md-mdc-chip-highlighted": "highlighted", "class.md-mdc-chip-disabled": "disabled", "class.md-mdc-basic-chip": "_isBasicChip", "class.md-mdc-standard-chip": "!_isBasicChip", "class.md-mdc-chip-with-trailing-icon": "_hasTrailingIcon()", "class._md-animation-noopable": "_animationsDisabled", "id": "id", "attr.role": "role", "attr.aria-label": "ariaLabel" }, classAttribute: "md-mdc-chip" }, providers: [{ provide: MD_CHIP, useExisting: MDChip }], queries: [{ propertyName: "leadingIcon", first: true, predicate: MD_CHIP_AVATAR, descendants: true }, { propertyName: "editIcon", first: true, predicate: MD_CHIP_EDIT, descendants: true }, { propertyName: "trailingIcon", first: true, predicate: MD_CHIP_TRAILING_ICON, descendants: true }, { propertyName: "removeIcon", first: true, predicate: MD_CHIP_REMOVE, descendants: true }, { propertyName: "_allLeadingIcons", predicate: MD_CHIP_AVATAR, descendants: true }, { propertyName: "_allTrailingIcons", predicate: MD_CHIP_TRAILING_ICON, descendants: true }, { propertyName: "_allEditIcons", predicate: MD_CHIP_EDIT, descendants: true }, { propertyName: "_allRemoveIcons", predicate: MD_CHIP_REMOVE, descendants: true }], viewQueries: [{ propertyName: "primaryAction", first: true, predicate: MDChipAction, descendants: true }], exportAs: ["mdChip"], ngImport: i0, template: "<span class=\"md-mdc-chip-focus-overlay\"></span>\r\n\r\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\r\n <span mdChipContent>\r\n @if (leadingIcon) {\r\n <span class=\"mdc-evolution-chip__graphic md-mdc-chip-graphic\">\r\n <ng-content select=\"md-chip-avatar, [mdChipAvatar]\"></ng-content>\r\n </span>\r\n }\r\n <span class=\"mdc-evolution-chip__text-label md-mdc-chip-action-label\">\r\n <ng-content></ng-content>\r\n <span class=\"md-mdc-chip-primary-focus-indicator md-focus-indicator\"></span>\r\n </span>\r\n </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\">\r\n <ng-content select=\"md-chip-trailing-icon,[mdChipRemove],[mdChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.md-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px;border-radius:8px;box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.md-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary:before{border-color:#74777f}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):focus:before{border-color:#74777f}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary:before{border-color:color-mix(in srgb,var(#1a1b1f) 12%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.md-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:#1a1b1f}.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:Montserrat;line-height:1.25rem;font-size:.875rem;font-weight:500;letter-spacing:.006rem}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:color-mix(in srgb,#1a1b1f 38%,transparent)}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.md-mdc-standard-chip .mdc-evolution-chip__graphic{width:24px;height:24px;font-size:24px}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width .15s 0ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:#1a1b1f}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform .15s 0ms cubic-bezier(.4,0,.2,1);transform:translate(-75%,-50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%,-50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset .15s 45ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.md-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove:focus{opacity:.38}.md-mdc-standard-chip{border-radius:8px;height:32px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:transparent}.md-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:24px;width:18px;height:18px;font-size:18px}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:#1a1b1f}.md-mdc-chip-highlighted{--md-chip-with-icon-icon-color: #3e4759;--md-chip-elevated-container-color: #3e4759;--md-chip-label-text-color: #3e4759;--md-chip-outline-width: 0}.md-mdc-chip-focus-overlay{background:#44474e}.md-mdc-chip-selected .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted .md-mdc-chip-focus-overlay{background:#3e4759}.md-mdc-chip:hover .md-mdc-chip-focus-overlay,.md-mdc-chip-focus-overlay .md-mdc-chip-selected:hover,.md-mdc-chip-highlighted:hover .md-mdc-chip-focus-overlay{background:#44474e;opacity:.08}.md-mdc-chip.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-selected.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted.cdk-focused .md-mdc-chip-focus-overlay{background:#44474e;opacity:.12}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .md-mdc-chip-avatar{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:.38}.md-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:1}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:#1a1b1f}.md-mdc-chip-edit:focus,.md-mdc-chip-remove:focus{opacity:1}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip-edit:hover:after,.md-mdc-chip-remove:hover:after{opacity:.2}.md-mdc-chip-edit:focus:after,.md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip-selected .md-mdc-chip-remove:after,.md-mdc-chip-highlighted .md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:focus:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:hover:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:hover:after{opacity:.08}.md-mdc-standard-chip{-webkit-tap-highlight-color:transparent}.md-mdc-standard-chip .md-mdc-chip-graphic,.md-mdc-standard-chip .md-mdc-chip-trailing-icon{box-sizing:content-box}.md-mdc-standard-chip._md-animation-noopable,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__graphic,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.md-mdc-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._md-animation-noopable .md-mdc-chip-focus-overlay{transition:none}.md-mdc-basic-chip .md-mdc-chip-focus-overlay{display:none}.md-mdc-chip-avatar{text-align:center;line-height:1;color:var(--md-chip-with-icon-icon-color, currentColor)}.md-mdc-chip{position:relative;z-index:0}.md-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .md-mdc-chip-action-label{text-align:right}.md-mdc-chip.mdc-evolution-chip--with-trailing-action .md-mdc-chip-action-label{position:relative}.md-mdc-chip-action-label .md-mdc-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.md-mdc-chip-action-label .md-focus-indicator:before{margin:calc(calc(var(--md-focus-indicator-border-width, 3px) + 2px) * -1)}.md-mdc-chip-edit:before,.md-mdc-chip-remove:before{margin:calc(var(--md-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{content:\"\";display:block;opacity:0;position:absolute;inset:-3px 5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.md-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.md-mdc-chip-action:focus .md-focus-indicator:before{content:\"\"}.mdc-evolution-chip__icon,.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{min-height:fit-content}\n"], dependencies: [{ kind: "directive", type: MDChipContent, selector: "[mdChipContent]", inputs: ["disabled", "tabIndex", "_allowFocusWhenDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
12758
+ }
12759
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChip, decorators: [{
12760
+ type: Component,
12761
+ args: [{ selector: 'md-basic-chip, [md-basic-chip], md-chip, [md-chip]', exportAs: 'mdChip', host: {
12762
+ class: 'md-mdc-chip',
12763
+ '[class]': '"md-" + (color || "primary")',
12764
+ '[class.mdc-evolution-chip]': '!_isBasicChip',
12765
+ '[class.mdc-evolution-chip--disabled]': 'disabled',
12766
+ '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
12767
+ '[class.mdc-evolution-chip--with-primary-graphic]': 'leadingIcon',
12768
+ '[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
12769
+ '[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
12770
+ '[class.md-mdc-chip-with-avatar]': 'leadingIcon',
12771
+ '[class.md-mdc-chip-highlighted]': 'highlighted',
12772
+ '[class.md-mdc-chip-disabled]': 'disabled',
12773
+ '[class.md-mdc-basic-chip]': '_isBasicChip',
12774
+ '[class.md-mdc-standard-chip]': '!_isBasicChip',
12775
+ '[class.md-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
12776
+ '[class._md-animation-noopable]': '_animationsDisabled',
12777
+ '[id]': 'id',
12778
+ '[attr.role]': 'role',
12779
+ '[attr.aria-label]': 'ariaLabel',
12780
+ '(keydown)': '_handleKeydown($event)',
12781
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: MD_CHIP, useExisting: MDChip }], imports: [MDChipContent], template: "<span class=\"md-mdc-chip-focus-overlay\"></span>\r\n\r\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\r\n <span mdChipContent>\r\n @if (leadingIcon) {\r\n <span class=\"mdc-evolution-chip__graphic md-mdc-chip-graphic\">\r\n <ng-content select=\"md-chip-avatar, [mdChipAvatar]\"></ng-content>\r\n </span>\r\n }\r\n <span class=\"mdc-evolution-chip__text-label md-mdc-chip-action-label\">\r\n <ng-content></ng-content>\r\n <span class=\"md-mdc-chip-primary-focus-indicator md-focus-indicator\"></span>\r\n </span>\r\n </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\">\r\n <ng-content select=\"md-chip-trailing-icon,[mdChipRemove],[mdChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.md-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px;border-radius:8px;box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.md-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary:before{border-color:#74777f}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):focus:before{border-color:#74777f}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary:before{border-color:color-mix(in srgb,var(#1a1b1f) 12%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.md-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:#1a1b1f}.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:Montserrat;line-height:1.25rem;font-size:.875rem;font-weight:500;letter-spacing:.006rem}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:color-mix(in srgb,#1a1b1f 38%,transparent)}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.md-mdc-standard-chip .mdc-evolution-chip__graphic{width:24px;height:24px;font-size:24px}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width .15s 0ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:#1a1b1f}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform .15s 0ms cubic-bezier(.4,0,.2,1);transform:translate(-75%,-50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%,-50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset .15s 45ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.md-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove:focus{opacity:.38}.md-mdc-standard-chip{border-radius:8px;height:32px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:transparent}.md-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:24px;width:18px;height:18px;font-size:18px}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:#1a1b1f}.md-mdc-chip-highlighted{--md-chip-with-icon-icon-color: #3e4759;--md-chip-elevated-container-color: #3e4759;--md-chip-label-text-color: #3e4759;--md-chip-outline-width: 0}.md-mdc-chip-focus-overlay{background:#44474e}.md-mdc-chip-selected .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted .md-mdc-chip-focus-overlay{background:#3e4759}.md-mdc-chip:hover .md-mdc-chip-focus-overlay,.md-mdc-chip-focus-overlay .md-mdc-chip-selected:hover,.md-mdc-chip-highlighted:hover .md-mdc-chip-focus-overlay{background:#44474e;opacity:.08}.md-mdc-chip.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-selected.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted.cdk-focused .md-mdc-chip-focus-overlay{background:#44474e;opacity:.12}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .md-mdc-chip-avatar{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:.38}.md-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:1}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:#1a1b1f}.md-mdc-chip-edit:focus,.md-mdc-chip-remove:focus{opacity:1}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip-edit:hover:after,.md-mdc-chip-remove:hover:after{opacity:.2}.md-mdc-chip-edit:focus:after,.md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip-selected .md-mdc-chip-remove:after,.md-mdc-chip-highlighted .md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:focus:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:hover:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:hover:after{opacity:.08}.md-mdc-standard-chip{-webkit-tap-highlight-color:transparent}.md-mdc-standard-chip .md-mdc-chip-graphic,.md-mdc-standard-chip .md-mdc-chip-trailing-icon{box-sizing:content-box}.md-mdc-standard-chip._md-animation-noopable,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__graphic,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.md-mdc-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._md-animation-noopable .md-mdc-chip-focus-overlay{transition:none}.md-mdc-basic-chip .md-mdc-chip-focus-overlay{display:none}.md-mdc-chip-avatar{text-align:center;line-height:1;color:var(--md-chip-with-icon-icon-color, currentColor)}.md-mdc-chip{position:relative;z-index:0}.md-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .md-mdc-chip-action-label{text-align:right}.md-mdc-chip.mdc-evolution-chip--with-trailing-action .md-mdc-chip-action-label{position:relative}.md-mdc-chip-action-label .md-mdc-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.md-mdc-chip-action-label .md-focus-indicator:before{margin:calc(calc(var(--md-focus-indicator-border-width, 3px) + 2px) * -1)}.md-mdc-chip-edit:before,.md-mdc-chip-remove:before{margin:calc(var(--md-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{content:\"\";display:block;opacity:0;position:absolute;inset:-3px 5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.md-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.md-mdc-chip-action:focus .md-focus-indicator:before{content:\"\"}.mdc-evolution-chip__icon,.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{min-height:fit-content}\n"] }]
12782
+ }], ctorParameters: () => [], propDecorators: { role: [{
12783
+ type: Input
12784
+ }], _allLeadingIcons: [{
12785
+ type: ContentChildren,
12786
+ args: [MD_CHIP_AVATAR, { descendants: true }]
12787
+ }], _allTrailingIcons: [{
12788
+ type: ContentChildren,
12789
+ args: [MD_CHIP_TRAILING_ICON, { descendants: true }]
12790
+ }], _allEditIcons: [{
12791
+ type: ContentChildren,
12792
+ args: [MD_CHIP_EDIT, { descendants: true }]
12793
+ }], _allRemoveIcons: [{
12794
+ type: ContentChildren,
12795
+ args: [MD_CHIP_REMOVE, { descendants: true }]
12796
+ }], id: [{
12797
+ type: Input
12798
+ }], ariaLabel: [{
12799
+ type: Input,
12800
+ args: ['aria-label']
12801
+ }], ariaDescription: [{
12802
+ type: Input,
12803
+ args: ['aria-description']
12804
+ }], value: [{
12805
+ type: Input
12806
+ }], removable: [{
12807
+ type: Input,
12808
+ args: [{ transform: booleanAttribute }]
12809
+ }], highlighted: [{
12810
+ type: Input,
12811
+ args: [{ transform: booleanAttribute }]
12812
+ }], disabled: [{
12813
+ type: Input,
12814
+ args: [{ transform: booleanAttribute }]
12815
+ }], removed: [{
12816
+ type: Output
12817
+ }], destroyed: [{
12818
+ type: Output
12819
+ }], leadingIcon: [{
12820
+ type: ContentChild,
12821
+ args: [MD_CHIP_AVATAR]
12822
+ }], editIcon: [{
12823
+ type: ContentChild,
12824
+ args: [MD_CHIP_EDIT]
12825
+ }], trailingIcon: [{
12826
+ type: ContentChild,
12827
+ args: [MD_CHIP_TRAILING_ICON]
12828
+ }], removeIcon: [{
12829
+ type: ContentChild,
12830
+ args: [MD_CHIP_REMOVE]
12831
+ }], primaryAction: [{
12832
+ type: ViewChild,
12833
+ args: [MDChipAction]
12834
+ }] } });
12835
+
12836
+ class MDChipSelectionChange {
12837
+ source;
12838
+ selected;
12839
+ isUserInput;
12840
+ constructor(source, selected, isUserInput = false) {
12841
+ this.source = source;
12842
+ this.selected = selected;
12843
+ this.isUserInput = isUserInput;
12844
+ }
12845
+ }
12846
+ class MDChipOption extends MDChip {
12847
+ _defaultOptions = inject(MD_CHIPS_DEFAULT_OPTIONS, { optional: true });
12848
+ chipListSelectable = true;
12849
+ _chipListMultiple = false;
12850
+ _chipListHideSingleSelectionIndicator = this._defaultOptions?.hideSingleSelectionIndicator ?? false;
12851
+ get selectable() {
12852
+ return this._selectable && this.chipListSelectable;
12853
+ }
12854
+ set selectable(value) {
12855
+ this._selectable = value;
12856
+ this._changeDetectorRef.markForCheck();
12857
+ }
12858
+ _selectable = true;
12859
+ /** Whether the chip is selected. */
12860
+ get selected() {
12861
+ return this._selected;
12862
+ }
12863
+ set selected(value) {
12864
+ this._setSelectedState(value, false, true);
12865
+ }
12866
+ _selected = false;
12867
+ get ariaSelected() {
12868
+ return this.selectable ? this.selected.toString() : null;
12869
+ }
12870
+ basicChipAttrName = 'md-basic-chip-option';
12871
+ selectionChange = new EventEmitter();
12872
+ ngOnInit() {
12873
+ super.ngOnInit();
12874
+ this.role = 'presentation';
12875
+ }
12876
+ select() {
12877
+ this._setSelectedState(true, false, true);
12878
+ }
12879
+ deselect() {
12880
+ this._setSelectedState(false, false, true);
12881
+ }
12882
+ selectViaInteraction() {
12883
+ this._setSelectedState(true, true, true);
12884
+ }
12885
+ toggleSelected(isUserInput = false) {
12886
+ this._setSelectedState(!this.selected, isUserInput, true);
12887
+ return this.selected;
12888
+ }
12889
+ _handlePrimaryActionInteraction() {
12890
+ if (!this.disabled) {
12891
+ this.focus();
12892
+ if (this.selectable) {
12893
+ this.toggleSelected(true);
12894
+ }
12895
+ }
12896
+ }
12897
+ _hasLeadingGraphic() {
12898
+ if (this.leadingIcon) {
12899
+ return true;
12900
+ }
12901
+ return !this._chipListHideSingleSelectionIndicator || this._chipListMultiple;
12902
+ }
12903
+ _setSelectedState(isSelected, isUserInput, emitEvent) {
12904
+ if (isSelected !== this.selected) {
12905
+ this._selected = isSelected;
12906
+ if (emitEvent) {
12907
+ this.selectionChange.emit({
12908
+ source: this,
12909
+ isUserInput,
12910
+ selected: this.selected,
12911
+ });
12912
+ }
12913
+ this._changeDetectorRef.markForCheck();
12914
+ }
12915
+ }
12916
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipOption, deps: null, target: i0.ɵɵFactoryTarget.Component });
12917
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDChipOption, isStandalone: true, selector: "md-basic-chip-option, [md-basic-chip-option], md-chip-option, [md-chip-option]", inputs: { selectable: ["selectable", "selectable", booleanAttribute], selected: ["selected", "selected", booleanAttribute] }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.mdc-evolution-chip": "!_isBasicChip", "class.mdc-evolution-chip--filter": "!_isBasicChip", "class.mdc-evolution-chip--selectable": "!_isBasicChip", "class.md-mdc-chip-selected": "selected", "class.md-mdc-chip-multiple": "_chipListMultiple", "class.md-mdc-chip-disabled": "disabled", "class.md-mdc-chip-with-avatar": "leadingIcon", "class.mdc-evolution-chip--disabled": "disabled", "class.mdc-evolution-chip--selected": "selected", "class.mdc-evolution-chip--selecting": "!_animationsDisabled", "class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()", "class.mdc-evolution-chip--with-primary-icon": "leadingIcon", "class.mdc-evolution-chip--with-primary-graphic": "_hasLeadingGraphic()", "class.mdc-evolution-chip--with-avatar": "leadingIcon", "class.md-mdc-chip-highlighted": "highlighted", "class.md-mdc-chip-with-trailing-icon": "_hasTrailingIcon()", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-description": "null", "attr.role": "role", "id": "id" }, classAttribute: "md-mdc-chip md-mdc-chip-option" }, providers: [
12918
+ { provide: MDChip, useExisting: MDChipOption },
12919
+ { provide: MD_CHIP, useExisting: MDChipOption },
12920
+ ], usesInheritance: true, ngImport: i0, template: "<span class=\"md-mdc-chip-focus-overlay\"></span>\r\n\r\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\r\n <button\r\n mdChipAction\r\n [_allowFocusWhenDisabled]=\"true\"\r\n [attr.aria-description]=\"ariaDescription\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-selected]=\"ariaSelected\"\r\n role=\"option\">\r\n @if (_hasLeadingGraphic()) {\r\n <span class=\"mdc-evolution-chip__graphic md-mdc-chip-graphic\">\r\n <ng-content select=\"md-chip-avatar, [mdChipAvatar]\"></ng-content>\r\n <span class=\"mdc-evolution-chip__checkmark\">\r\n <svg\r\n class=\"mdc-evolution-chip__checkmark-svg\"\r\n viewBox=\"-2 -3 30 30\"\r\n focusable=\"false\"\r\n aria-hidden=\"true\">\r\n <path class=\"mdc-evolution-chip__checkmark-path\"\r\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n </span>\r\n </span>\r\n }\r\n <span class=\"mdc-evolution-chip__text-label md-mdc-chip-action-label\">\r\n <ng-content></ng-content>\r\n <span class=\"md-mdc-chip-primary-focus-indicator md-focus-indicator\"></span>\r\n </span>\r\n </button>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\">\r\n <ng-content select=\"md-chip-trailing-icon,[mdChipRemove],[mdChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.md-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px;border-radius:8px;box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.md-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary:before{border-color:#74777f}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):focus:before{border-color:#74777f}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary:before{border-color:color-mix(in srgb,var(#1a1b1f) 12%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.md-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:#1a1b1f}.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:Montserrat;line-height:1.25rem;font-size:.875rem;font-weight:500;letter-spacing:.006rem}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:color-mix(in srgb,#1a1b1f 38%,transparent)}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.md-mdc-standard-chip .mdc-evolution-chip__graphic{width:24px;height:24px;font-size:24px}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width .15s 0ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:#1a1b1f}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform .15s 0ms cubic-bezier(.4,0,.2,1);transform:translate(-75%,-50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%,-50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset .15s 45ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.md-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove:focus{opacity:.38}.md-mdc-standard-chip{border-radius:8px;height:32px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:transparent}.md-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:24px;width:18px;height:18px;font-size:18px}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:#1a1b1f}.md-mdc-chip-highlighted{--md-chip-with-icon-icon-color: #3e4759;--md-chip-elevated-container-color: #3e4759;--md-chip-label-text-color: #3e4759;--md-chip-outline-width: 0}.md-mdc-chip-focus-overlay{background:#44474e}.md-mdc-chip-selected .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted .md-mdc-chip-focus-overlay{background:#3e4759}.md-mdc-chip:hover .md-mdc-chip-focus-overlay,.md-mdc-chip-focus-overlay .md-mdc-chip-selected:hover,.md-mdc-chip-highlighted:hover .md-mdc-chip-focus-overlay{background:#44474e;opacity:.08}.md-mdc-chip.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-selected.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted.cdk-focused .md-mdc-chip-focus-overlay{background:#44474e;opacity:.12}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .md-mdc-chip-avatar{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:.38}.md-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:1}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:#1a1b1f}.md-mdc-chip-edit:focus,.md-mdc-chip-remove:focus{opacity:1}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip-edit:hover:after,.md-mdc-chip-remove:hover:after{opacity:.2}.md-mdc-chip-edit:focus:after,.md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip-selected .md-mdc-chip-remove:after,.md-mdc-chip-highlighted .md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:focus:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:hover:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:hover:after{opacity:.08}.md-mdc-standard-chip{-webkit-tap-highlight-color:transparent}.md-mdc-standard-chip .md-mdc-chip-graphic,.md-mdc-standard-chip .md-mdc-chip-trailing-icon{box-sizing:content-box}.md-mdc-standard-chip._md-animation-noopable,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__graphic,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.md-mdc-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._md-animation-noopable .md-mdc-chip-focus-overlay{transition:none}.md-mdc-basic-chip .md-mdc-chip-focus-overlay{display:none}.md-mdc-chip-avatar{text-align:center;line-height:1;color:var(--md-chip-with-icon-icon-color, currentColor)}.md-mdc-chip{position:relative;z-index:0}.md-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .md-mdc-chip-action-label{text-align:right}.md-mdc-chip.mdc-evolution-chip--with-trailing-action .md-mdc-chip-action-label{position:relative}.md-mdc-chip-action-label .md-mdc-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.md-mdc-chip-action-label .md-focus-indicator:before{margin:calc(calc(var(--md-focus-indicator-border-width, 3px) + 2px) * -1)}.md-mdc-chip-edit:before,.md-mdc-chip-remove:before{margin:calc(var(--md-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{content:\"\";display:block;opacity:0;position:absolute;inset:-3px 5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.md-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.md-mdc-chip-action:focus .md-focus-indicator:before{content:\"\"}.mdc-evolution-chip__icon,.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{min-height:fit-content}\n"], dependencies: [{ kind: "directive", type: MDChipAction, selector: "[mdChipAction]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
12921
+ }
12922
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipOption, decorators: [{
12923
+ type: Component,
12924
+ args: [{ selector: 'md-basic-chip-option, [md-basic-chip-option], md-chip-option, [md-chip-option]', host: {
12925
+ 'class': 'md-mdc-chip md-mdc-chip-option',
12926
+ '[class.mdc-evolution-chip]': '!_isBasicChip',
12927
+ '[class.mdc-evolution-chip--filter]': '!_isBasicChip',
12928
+ '[class.mdc-evolution-chip--selectable]': '!_isBasicChip',
12929
+ '[class.md-mdc-chip-selected]': 'selected',
12930
+ '[class.md-mdc-chip-multiple]': '_chipListMultiple',
12931
+ '[class.md-mdc-chip-disabled]': 'disabled',
12932
+ '[class.md-mdc-chip-with-avatar]': 'leadingIcon',
12933
+ '[class.mdc-evolution-chip--disabled]': 'disabled',
12934
+ '[class.mdc-evolution-chip--selected]': 'selected',
12935
+ '[class.mdc-evolution-chip--selecting]': '!_animationsDisabled',
12936
+ '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
12937
+ '[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
12938
+ '[class.mdc-evolution-chip--with-primary-graphic]': '_hasLeadingGraphic()',
12939
+ '[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
12940
+ '[class.md-mdc-chip-highlighted]': 'highlighted',
12941
+ '[class.md-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
12942
+ '[attr.tabindex]': 'null',
12943
+ '[attr.aria-label]': 'null',
12944
+ '[attr.aria-description]': 'null',
12945
+ '[attr.role]': 'role',
12946
+ '[id]': 'id',
12947
+ }, providers: [
12948
+ { provide: MDChip, useExisting: MDChipOption },
12949
+ { provide: MD_CHIP, useExisting: MDChipOption },
12950
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MDChipAction], template: "<span class=\"md-mdc-chip-focus-overlay\"></span>\r\n\r\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\r\n <button\r\n mdChipAction\r\n [_allowFocusWhenDisabled]=\"true\"\r\n [attr.aria-description]=\"ariaDescription\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-selected]=\"ariaSelected\"\r\n role=\"option\">\r\n @if (_hasLeadingGraphic()) {\r\n <span class=\"mdc-evolution-chip__graphic md-mdc-chip-graphic\">\r\n <ng-content select=\"md-chip-avatar, [mdChipAvatar]\"></ng-content>\r\n <span class=\"mdc-evolution-chip__checkmark\">\r\n <svg\r\n class=\"mdc-evolution-chip__checkmark-svg\"\r\n viewBox=\"-2 -3 30 30\"\r\n focusable=\"false\"\r\n aria-hidden=\"true\">\r\n <path class=\"mdc-evolution-chip__checkmark-path\"\r\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n </span>\r\n </span>\r\n }\r\n <span class=\"mdc-evolution-chip__text-label md-mdc-chip-action-label\">\r\n <ng-content></ng-content>\r\n <span class=\"md-mdc-chip-primary-focus-indicator md-focus-indicator\"></span>\r\n </span>\r\n </button>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\">\r\n <ng-content select=\"md-chip-trailing-icon,[mdChipRemove],[mdChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.md-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px;border-radius:8px;box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.md-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary:before{border-color:#74777f}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):focus:before{border-color:#74777f}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary:before{border-color:color-mix(in srgb,var(#1a1b1f) 12%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.md-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:#1a1b1f}.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:Montserrat;line-height:1.25rem;font-size:.875rem;font-weight:500;letter-spacing:.006rem}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:color-mix(in srgb,#1a1b1f 38%,transparent)}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.md-mdc-standard-chip .mdc-evolution-chip__graphic{width:24px;height:24px;font-size:24px}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width .15s 0ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:#1a1b1f}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform .15s 0ms cubic-bezier(.4,0,.2,1);transform:translate(-75%,-50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%,-50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset .15s 45ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.md-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove:focus{opacity:.38}.md-mdc-standard-chip{border-radius:8px;height:32px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:transparent}.md-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:24px;width:18px;height:18px;font-size:18px}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:#1a1b1f}.md-mdc-chip-highlighted{--md-chip-with-icon-icon-color: #3e4759;--md-chip-elevated-container-color: #3e4759;--md-chip-label-text-color: #3e4759;--md-chip-outline-width: 0}.md-mdc-chip-focus-overlay{background:#44474e}.md-mdc-chip-selected .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted .md-mdc-chip-focus-overlay{background:#3e4759}.md-mdc-chip:hover .md-mdc-chip-focus-overlay,.md-mdc-chip-focus-overlay .md-mdc-chip-selected:hover,.md-mdc-chip-highlighted:hover .md-mdc-chip-focus-overlay{background:#44474e;opacity:.08}.md-mdc-chip.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-selected.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted.cdk-focused .md-mdc-chip-focus-overlay{background:#44474e;opacity:.12}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .md-mdc-chip-avatar{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:.38}.md-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:1}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:#1a1b1f}.md-mdc-chip-edit:focus,.md-mdc-chip-remove:focus{opacity:1}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip-edit:hover:after,.md-mdc-chip-remove:hover:after{opacity:.2}.md-mdc-chip-edit:focus:after,.md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip-selected .md-mdc-chip-remove:after,.md-mdc-chip-highlighted .md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:focus:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:hover:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:hover:after{opacity:.08}.md-mdc-standard-chip{-webkit-tap-highlight-color:transparent}.md-mdc-standard-chip .md-mdc-chip-graphic,.md-mdc-standard-chip .md-mdc-chip-trailing-icon{box-sizing:content-box}.md-mdc-standard-chip._md-animation-noopable,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__graphic,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.md-mdc-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._md-animation-noopable .md-mdc-chip-focus-overlay{transition:none}.md-mdc-basic-chip .md-mdc-chip-focus-overlay{display:none}.md-mdc-chip-avatar{text-align:center;line-height:1;color:var(--md-chip-with-icon-icon-color, currentColor)}.md-mdc-chip{position:relative;z-index:0}.md-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .md-mdc-chip-action-label{text-align:right}.md-mdc-chip.mdc-evolution-chip--with-trailing-action .md-mdc-chip-action-label{position:relative}.md-mdc-chip-action-label .md-mdc-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.md-mdc-chip-action-label .md-focus-indicator:before{margin:calc(calc(var(--md-focus-indicator-border-width, 3px) + 2px) * -1)}.md-mdc-chip-edit:before,.md-mdc-chip-remove:before{margin:calc(var(--md-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{content:\"\";display:block;opacity:0;position:absolute;inset:-3px 5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.md-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.md-mdc-chip-action:focus .md-focus-indicator:before{content:\"\"}.mdc-evolution-chip__icon,.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{min-height:fit-content}\n"] }]
12951
+ }], propDecorators: { selectable: [{
12952
+ type: Input,
12953
+ args: [{ transform: booleanAttribute }]
12954
+ }], selected: [{
12955
+ type: Input,
12956
+ args: [{ transform: booleanAttribute }]
12957
+ }], selectionChange: [{
12958
+ type: Output
12959
+ }] } });
12960
+
12961
+ class MDChipEditInput {
12962
+ _elementRef = inject(ElementRef);
12963
+ _document = inject(DOCUMENT);
12964
+ constructor() { }
12965
+ initialize(initialValue) {
12966
+ this.getNativeElement().focus();
12967
+ this.setValue(initialValue);
12968
+ }
12969
+ getNativeElement() {
12970
+ return this._elementRef.nativeElement;
12971
+ }
12972
+ setValue(value) {
12973
+ this.getNativeElement().textContent = value;
12974
+ this._moveCursorToEndOfInput();
12975
+ }
12976
+ getValue() {
12977
+ return this.getNativeElement().textContent || '';
12978
+ }
12979
+ _moveCursorToEndOfInput() {
12980
+ const range = this._document.createRange();
12981
+ range.selectNodeContents(this.getNativeElement());
12982
+ range.collapse(false);
12983
+ const sel = window.getSelection();
12984
+ sel.removeAllRanges();
12985
+ sel.addRange(range);
12986
+ }
12987
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipEditInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
12988
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDChipEditInput, isStandalone: true, selector: "span[mdChipEditInput]", host: { attributes: { "role": "textbox", "tabindex": "-1", "contenteditable": "true" }, classAttribute: "md-chip-edit-input" }, ngImport: i0 });
12989
+ }
12990
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipEditInput, decorators: [{
12991
+ type: Directive,
12992
+ args: [{
12993
+ selector: 'span[mdChipEditInput]',
12994
+ host: {
12995
+ 'class': 'md-chip-edit-input',
12996
+ 'role': 'textbox',
12997
+ 'tabindex': '-1',
12998
+ 'contenteditable': 'true',
12999
+ },
13000
+ }]
13001
+ }], ctorParameters: () => [] });
13002
+
13003
+ class MDChipRow extends MDChip {
13004
+ basicChipAttrName = 'md-basic-chip-row';
13005
+ _editStartPending = false;
13006
+ editable = false;
13007
+ edited = new EventEmitter();
13008
+ defaultEditInput;
13009
+ contentEditInput;
13010
+ _alreadyFocused = false;
13011
+ _isEditing = false;
13012
+ constructor() {
13013
+ super();
13014
+ this.role = 'row';
13015
+ this._onBlur.pipe(takeUntil(this.destroyed)).subscribe(() => {
13016
+ if (this._isEditing && !this._editStartPending) {
13017
+ this._onEditFinish();
13018
+ }
13019
+ this._alreadyFocused = false;
13020
+ });
13021
+ }
13022
+ ngAfterViewInit() {
13023
+ super.ngAfterViewInit();
13024
+ this._ngZone.runOutsideAngular(() => {
13025
+ this._elementRef.nativeElement.addEventListener('mousedown', () => (this._alreadyFocused = this._hasFocus()));
13026
+ });
13027
+ }
13028
+ _hasLeadingActionIcon() {
13029
+ return !this._isEditing && !!this.editIcon;
13030
+ }
13031
+ _hasTrailingIcon() {
13032
+ return !this._isEditing && super._hasTrailingIcon();
13033
+ }
13034
+ _handleFocus() {
13035
+ if (!this._isEditing && !this.disabled) {
13036
+ this.focus();
13037
+ }
13038
+ }
13039
+ _handleKeydown(event) {
13040
+ if (event.keyCode === ENTER && !this.disabled) {
13041
+ if (this._isEditing) {
13042
+ event.preventDefault();
13043
+ this._onEditFinish();
13044
+ }
13045
+ else if (this.editable) {
13046
+ this._startEditing(event);
13047
+ }
13048
+ }
13049
+ else if (this._isEditing) {
13050
+ event.stopPropagation();
13051
+ }
13052
+ else {
13053
+ super._handleKeydown(event);
13054
+ }
13055
+ }
13056
+ _handleClick(event) {
13057
+ if (!this.disabled && this.editable && !this._isEditing && this._alreadyFocused) {
13058
+ event.preventDefault();
13059
+ event.stopPropagation();
13060
+ this._startEditing(event);
13061
+ }
13062
+ }
13063
+ _handleDoubleclick(event) {
13064
+ if (!this.disabled && this.editable) {
13065
+ this._startEditing(event);
13066
+ }
13067
+ }
13068
+ _edit() {
13069
+ this._changeDetectorRef.markForCheck();
13070
+ this._startEditing();
13071
+ }
13072
+ _startEditing(event) {
13073
+ if (!this.primaryAction ||
13074
+ (this.removeIcon &&
13075
+ !!event &&
13076
+ this._getSourceAction(event.target) === this.removeIcon)) {
13077
+ return;
13078
+ }
13079
+ const value = this.value;
13080
+ this._isEditing = this._editStartPending = true;
13081
+ afterNextRender(() => {
13082
+ this._getEditInput().initialize(value);
13083
+ setTimeout(() => this._ngZone.run(() => (this._editStartPending = false)));
13084
+ }, { injector: this._injector });
13085
+ }
13086
+ _onEditFinish() {
13087
+ this._isEditing = this._editStartPending = false;
13088
+ this.edited.emit({ chip: this, value: this._getEditInput().getValue() });
13089
+ if (this._document.activeElement === this._getEditInput().getNativeElement() ||
13090
+ this._document.activeElement === this._document.body) {
13091
+ this.primaryAction.focus();
13092
+ }
13093
+ }
13094
+ _getEditInput() {
13095
+ return this.contentEditInput || this.defaultEditInput;
13096
+ }
13097
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
13098
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDChipRow, isStandalone: true, selector: "md-chip-row, [md-chip-row], md-basic-chip-row, [md-basic-chip-row]", inputs: { editable: "editable" }, outputs: { edited: "edited" }, host: { listeners: { "focus": "_handleFocus()", "click": "this._hasInteractiveActions() ? _handleClick($event) : null", "dblclick": "_handleDoubleclick($event)" }, properties: { "class.md-mdc-chip-with-avatar": "leadingIcon", "class.md-mdc-chip-disabled": "disabled", "class.md-mdc-chip-editing": "_isEditing", "class.md-mdc-chip-editable": "editable", "class.mdc-evolution-chip--disabled": "disabled", "class.mdc-evolution-chip--with-leading-action": "_hasLeadingActionIcon()", "class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()", "class.mdc-evolution-chip--with-primary-graphic": "leadingIcon", "class.mdc-evolution-chip--with-primary-icon": "leadingIcon", "class.mdc-evolution-chip--with-avatar": "leadingIcon", "class.md-mdc-chip-highlighted": "highlighted", "class.md-mdc-chip-with-trailing-icon": "_hasTrailingIcon()", "id": "id", "attr.tabindex": "disabled ? null : -1", "attr.aria-label": "null", "attr.aria-description": "null", "attr.role": "role" }, classAttribute: "md-mdc-chip md-mdc-chip-row mdc-evolution-chip" }, providers: [
13099
+ { provide: MDChip, useExisting: MDChipRow },
13100
+ { provide: MD_CHIP, useExisting: MDChipRow },
13101
+ ], queries: [{ propertyName: "contentEditInput", first: true, predicate: MDChipEditInput, descendants: true }], viewQueries: [{ propertyName: "defaultEditInput", first: true, predicate: MDChipEditInput, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (!_isEditing) {\r\n <span class=\"md-mdc-chip-focus-overlay\"></span>\r\n}\r\n\r\n@if (_hasLeadingActionIcon()) {\r\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--leading\" role=\"gridcell\">\r\n <ng-content select=\"[mdChipEdit]\"></ng-content>\r\n </span>\r\n}\r\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\" role=\"gridcell\"\r\n mdChipAction\r\n [disabled]=\"disabled\"\r\n [attr.aria-description]=\"ariaDescription\"\r\n [attr.aria-label]=\"ariaLabel\">\r\n @if (leadingIcon) {\r\n <span class=\"mdc-evolution-chip__graphic md-mdc-chip-graphic\">\r\n <ng-content select=\"md-chip-avatar, [mdChipAvatar]\"></ng-content>\r\n </span>\r\n }\r\n\r\n <span class=\"mdc-evolution-chip__text-label md-mdc-chip-action-label\">\r\n @if (_isEditing) {\r\n @if (contentEditInput) {\r\n <ng-content select=\"[mdChipEditInput]\"></ng-content>\r\n } @else {\r\n <span mdChipEditInput></span>\r\n }\r\n } @else {\r\n <ng-content></ng-content>\r\n }\r\n\r\n <span class=\"md-mdc-chip-primary-focus-indicator md-focus-indicator\" aria-hidden=\"true\"></span>\r\n </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span\r\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\r\n role=\"gridcell\">\r\n <ng-content select=\"md-chip-trailing-icon,[mdChipRemove],[mdChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.md-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px;border-radius:8px;box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.md-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary:before{border-color:#74777f}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):focus:before{border-color:#74777f}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary:before{border-color:color-mix(in srgb,var(#1a1b1f) 12%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.md-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:#1a1b1f}.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:Montserrat;line-height:1.25rem;font-size:.875rem;font-weight:500;letter-spacing:.006rem}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:color-mix(in srgb,#1a1b1f 38%,transparent)}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.md-mdc-standard-chip .mdc-evolution-chip__graphic{width:24px;height:24px;font-size:24px}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width .15s 0ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:#1a1b1f}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform .15s 0ms cubic-bezier(.4,0,.2,1);transform:translate(-75%,-50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%,-50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset .15s 45ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.md-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove:focus{opacity:.38}.md-mdc-standard-chip{border-radius:8px;height:32px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:transparent}.md-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:24px;width:18px;height:18px;font-size:18px}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:#1a1b1f}.md-mdc-chip-highlighted{--md-chip-with-icon-icon-color: #3e4759;--md-chip-elevated-container-color: #3e4759;--md-chip-label-text-color: #3e4759;--md-chip-outline-width: 0}.md-mdc-chip-focus-overlay{background:#44474e}.md-mdc-chip-selected .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted .md-mdc-chip-focus-overlay{background:#3e4759}.md-mdc-chip:hover .md-mdc-chip-focus-overlay,.md-mdc-chip-focus-overlay .md-mdc-chip-selected:hover,.md-mdc-chip-highlighted:hover .md-mdc-chip-focus-overlay{background:#44474e;opacity:.08}.md-mdc-chip.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-selected.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted.cdk-focused .md-mdc-chip-focus-overlay{background:#44474e;opacity:.12}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .md-mdc-chip-avatar{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:.38}.md-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:1}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:#1a1b1f}.md-mdc-chip-edit:focus,.md-mdc-chip-remove:focus{opacity:1}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip-edit:hover:after,.md-mdc-chip-remove:hover:after{opacity:.2}.md-mdc-chip-edit:focus:after,.md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip-selected .md-mdc-chip-remove:after,.md-mdc-chip-highlighted .md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:focus:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:hover:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:hover:after{opacity:.08}.md-mdc-standard-chip{-webkit-tap-highlight-color:transparent}.md-mdc-standard-chip .md-mdc-chip-graphic,.md-mdc-standard-chip .md-mdc-chip-trailing-icon{box-sizing:content-box}.md-mdc-standard-chip._md-animation-noopable,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__graphic,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.md-mdc-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._md-animation-noopable .md-mdc-chip-focus-overlay{transition:none}.md-mdc-basic-chip .md-mdc-chip-focus-overlay{display:none}.md-mdc-chip-avatar{text-align:center;line-height:1;color:var(--md-chip-with-icon-icon-color, currentColor)}.md-mdc-chip{position:relative;z-index:0}.md-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .md-mdc-chip-action-label{text-align:right}.md-mdc-chip.mdc-evolution-chip--with-trailing-action .md-mdc-chip-action-label{position:relative}.md-mdc-chip-action-label .md-mdc-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.md-mdc-chip-action-label .md-focus-indicator:before{margin:calc(calc(var(--md-focus-indicator-border-width, 3px) + 2px) * -1)}.md-mdc-chip-edit:before,.md-mdc-chip-remove:before{margin:calc(var(--md-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{content:\"\";display:block;opacity:0;position:absolute;inset:-3px 5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.md-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.md-mdc-chip-action:focus .md-focus-indicator:before{content:\"\"}.mdc-evolution-chip__icon,.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{min-height:fit-content}\n"], dependencies: [{ kind: "directive", type: MDChipAction, selector: "[mdChipAction]" }, { kind: "directive", type: MDChipEditInput, selector: "span[mdChipEditInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
13102
+ }
13103
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipRow, decorators: [{
13104
+ type: Component,
13105
+ args: [{ selector: 'md-chip-row, [md-chip-row], md-basic-chip-row, [md-basic-chip-row]', host: {
13106
+ 'class': 'md-mdc-chip md-mdc-chip-row mdc-evolution-chip',
13107
+ '[class.md-mdc-chip-with-avatar]': 'leadingIcon',
13108
+ '[class.md-mdc-chip-disabled]': 'disabled',
13109
+ '[class.md-mdc-chip-editing]': '_isEditing',
13110
+ '[class.md-mdc-chip-editable]': 'editable',
13111
+ '[class.mdc-evolution-chip--disabled]': 'disabled',
13112
+ '[class.mdc-evolution-chip--with-leading-action]': '_hasLeadingActionIcon()',
13113
+ '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
13114
+ '[class.mdc-evolution-chip--with-primary-graphic]': 'leadingIcon',
13115
+ '[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
13116
+ '[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
13117
+ '[class.md-mdc-chip-highlighted]': 'highlighted',
13118
+ '[class.md-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
13119
+ '[id]': 'id',
13120
+ '[attr.tabindex]': 'disabled ? null : -1',
13121
+ '[attr.aria-label]': 'null',
13122
+ '[attr.aria-description]': 'null',
13123
+ '[attr.role]': 'role',
13124
+ '(focus)': '_handleFocus()',
13125
+ '(click)': 'this._hasInteractiveActions() ? _handleClick($event) : null',
13126
+ '(dblclick)': '_handleDoubleclick($event)',
13127
+ }, providers: [
13128
+ { provide: MDChip, useExisting: MDChipRow },
13129
+ { provide: MD_CHIP, useExisting: MDChipRow },
13130
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MDChipAction, MDChipEditInput], template: "@if (!_isEditing) {\r\n <span class=\"md-mdc-chip-focus-overlay\"></span>\r\n}\r\n\r\n@if (_hasLeadingActionIcon()) {\r\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--leading\" role=\"gridcell\">\r\n <ng-content select=\"[mdChipEdit]\"></ng-content>\r\n </span>\r\n}\r\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\" role=\"gridcell\"\r\n mdChipAction\r\n [disabled]=\"disabled\"\r\n [attr.aria-description]=\"ariaDescription\"\r\n [attr.aria-label]=\"ariaLabel\">\r\n @if (leadingIcon) {\r\n <span class=\"mdc-evolution-chip__graphic md-mdc-chip-graphic\">\r\n <ng-content select=\"md-chip-avatar, [mdChipAvatar]\"></ng-content>\r\n </span>\r\n }\r\n\r\n <span class=\"mdc-evolution-chip__text-label md-mdc-chip-action-label\">\r\n @if (_isEditing) {\r\n @if (contentEditInput) {\r\n <ng-content select=\"[mdChipEditInput]\"></ng-content>\r\n } @else {\r\n <span mdChipEditInput></span>\r\n }\r\n } @else {\r\n <ng-content></ng-content>\r\n }\r\n\r\n <span class=\"md-mdc-chip-primary-focus-indicator md-focus-indicator\" aria-hidden=\"true\"></span>\r\n </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span\r\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\r\n role=\"gridcell\">\r\n <ng-content select=\"md-chip-trailing-icon,[mdChipRemove],[mdChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.md-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px;border-radius:8px;box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.md-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary:before{border-color:#74777f}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):focus:before{border-color:#74777f}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary:before{border-color:color-mix(in srgb,var(#1a1b1f) 12%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.md-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.md-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:#1a1b1f}.md-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary,[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:Montserrat;line-height:1.25rem;font-size:.875rem;font-weight:500;letter-spacing:.006rem}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:color-mix(in srgb,#1a1b1f 38%,transparent)}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.md-mdc-standard-chip .mdc-evolution-chip__graphic{width:24px;height:24px;font-size:24px}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width .15s 0ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.md-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:#1a1b1f}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform .15s 0ms cubic-bezier(.4,0,.2,1);transform:translate(-75%,-50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%,-50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset .15s 45ms cubic-bezier(.4,0,.2,1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.md-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.md-mdc-chip-remove:focus{opacity:.38}.md-mdc-standard-chip{border-radius:8px;height:32px}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:transparent}.md-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:#3e4759}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:color-mix(in srgb,#1a1b1f 38%,transparent)}.md-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:24px;width:18px;height:18px;font-size:18px}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.md-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:#1a1b1f}.md-mdc-chip-highlighted{--md-chip-with-icon-icon-color: #3e4759;--md-chip-elevated-container-color: #3e4759;--md-chip-label-text-color: #3e4759;--md-chip-outline-width: 0}.md-mdc-chip-focus-overlay{background:#44474e}.md-mdc-chip-selected .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted .md-mdc-chip-focus-overlay{background:#3e4759}.md-mdc-chip:hover .md-mdc-chip-focus-overlay,.md-mdc-chip-focus-overlay .md-mdc-chip-selected:hover,.md-mdc-chip-highlighted:hover .md-mdc-chip-focus-overlay{background:#44474e;opacity:.08}.md-mdc-chip.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-selected.cdk-focused .md-mdc-chip-focus-overlay,.md-mdc-chip-highlighted.cdk-focused .md-mdc-chip-focus-overlay{background:#44474e;opacity:.12}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .md-mdc-chip-avatar{opacity:.38}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:.38}.md-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:1}.md-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:#44474e}.md-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.md-mdc-standard-chip.md-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:#1a1b1f}.md-mdc-chip-edit:focus,.md-mdc-chip-remove:focus{opacity:1}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip-edit:hover:after,.md-mdc-chip-remove:hover:after{opacity:.2}.md-mdc-chip-edit:focus:after,.md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip-selected .md-mdc-chip-remove:after,.md-mdc-chip-highlighted .md-mdc-chip-remove:after{background-color:#44474e}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:focus:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:focus:after{opacity:.12}.md-mdc-chip.cdk-focused .md-mdc-chip-edit:hover:after,.md-mdc-chip.cdk-focused .md-mdc-chip-remove:hover:after{opacity:.08}.md-mdc-standard-chip{-webkit-tap-highlight-color:transparent}.md-mdc-standard-chip .md-mdc-chip-graphic,.md-mdc-standard-chip .md-mdc-chip-trailing-icon{box-sizing:content-box}.md-mdc-standard-chip._md-animation-noopable,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__graphic,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark,.md-mdc-standard-chip._md-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.md-mdc-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._md-animation-noopable .md-mdc-chip-focus-overlay{transition:none}.md-mdc-basic-chip .md-mdc-chip-focus-overlay{display:none}.md-mdc-chip-avatar{text-align:center;line-height:1;color:var(--md-chip-with-icon-icon-color, currentColor)}.md-mdc-chip{position:relative;z-index:0}.md-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .md-mdc-chip-action-label{text-align:right}.md-mdc-chip.mdc-evolution-chip--with-trailing-action .md-mdc-chip-action-label{position:relative}.md-mdc-chip-action-label .md-mdc-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.md-mdc-chip-action-label .md-focus-indicator:before{margin:calc(calc(var(--md-focus-indicator-border-width, 3px) + 2px) * -1)}.md-mdc-chip-edit:before,.md-mdc-chip-remove:before{margin:calc(var(--md-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.md-mdc-chip-edit:after,.md-mdc-chip-remove:after{content:\"\";display:block;opacity:0;position:absolute;inset:-3px 5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.md-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.md-mdc-chip-action:focus .md-focus-indicator:before{content:\"\"}.mdc-evolution-chip__icon,.md-mdc-chip-edit .md-icon,.md-mdc-chip-remove .md-icon{min-height:fit-content}\n"] }]
13131
+ }], ctorParameters: () => [], propDecorators: { editable: [{
13132
+ type: Input
13133
+ }], edited: [{
13134
+ type: Output
13135
+ }], defaultEditInput: [{
13136
+ type: ViewChild,
13137
+ args: [MDChipEditInput]
13138
+ }], contentEditInput: [{
13139
+ type: ContentChild,
13140
+ args: [MDChipEditInput]
13141
+ }] } });
13142
+
13143
+ class MDChipSet {
13144
+ _elementRef = inject(ElementRef);
13145
+ _changeDetectorRef = inject(ChangeDetectorRef);
13146
+ _dir = inject(Directionality, { optional: true });
13147
+ _lastDestroyedFocusedChipIndex = null;
13148
+ _keyManager;
13149
+ _destroyed = new Subject();
13150
+ _defaultRole = 'presentation';
13151
+ get chipFocusChanges() {
13152
+ return this._getChipStream(chip => chip._onFocus);
13153
+ }
13154
+ get chipDestroyedChanges() {
13155
+ return this._getChipStream(chip => chip.destroyed);
13156
+ }
13157
+ get chipRemovedChanges() {
13158
+ return this._getChipStream(chip => chip.removed);
13159
+ }
13160
+ get disabled() {
13161
+ return this._disabled;
13162
+ }
13163
+ set disabled(value) {
13164
+ this._disabled = value;
13165
+ this._syncChipsState();
13166
+ }
13167
+ _disabled = false;
13168
+ get empty() {
13169
+ return !this._chips || this._chips.length === 0;
13170
+ }
13171
+ get role() {
13172
+ if (this._explicitRole) {
13173
+ return this._explicitRole;
13174
+ }
13175
+ return this.empty ? null : this._defaultRole;
13176
+ }
13177
+ tabIndex = 0;
13178
+ set role(value) {
13179
+ this._explicitRole = value;
13180
+ }
13181
+ _explicitRole = null;
13182
+ get focused() {
13183
+ return this._hasFocusedChip();
13184
+ }
13185
+ _chips;
13186
+ _chipActions = new QueryList();
13187
+ constructor() { }
13188
+ ngAfterViewInit() {
13189
+ this._setUpFocusManagement();
13190
+ this._trackChipSetChanges();
13191
+ this._trackDestroyedFocusedChip();
13192
+ }
13193
+ ngOnDestroy() {
13194
+ this._keyManager?.destroy();
13195
+ this._chipActions.destroy();
13196
+ this._destroyed.next();
13197
+ this._destroyed.complete();
13198
+ }
13199
+ _hasFocusedChip() {
13200
+ return this._chips && this._chips.some(chip => chip._hasFocus());
13201
+ }
13202
+ _syncChipsState() {
13203
+ this._chips?.forEach(chip => {
13204
+ chip._chipListDisabled = this._disabled;
13205
+ chip._changeDetectorRef.markForCheck();
13206
+ });
13207
+ }
13208
+ /** Dummy method for subclasses to override. Base chip set cannot be focused. */
13209
+ focus() { }
13210
+ _handleKeydown(event) {
13211
+ if (this._originatesFromChip(event)) {
13212
+ this._keyManager.onKeydown(event);
13213
+ }
13214
+ }
13215
+ _isValidIndex(index) {
13216
+ return index >= 0 && index < this._chips.length;
13217
+ }
13218
+ _allowFocusEscape() {
13219
+ const previous = this._elementRef.nativeElement.tabIndex;
13220
+ if (previous !== -1) {
13221
+ this._elementRef.nativeElement.tabIndex = -1;
13222
+ setTimeout(() => (this._elementRef.nativeElement.tabIndex = previous));
13223
+ }
13224
+ }
13225
+ _getChipStream(mappingFunction) {
13226
+ return this._chips.changes.pipe(startWith(null), switchMap(() => merge(...this._chips.map(mappingFunction))));
13227
+ }
13228
+ _originatesFromChip(event) {
13229
+ let currentElement = event.target;
13230
+ while (currentElement && currentElement !== this._elementRef.nativeElement) {
13231
+ if (currentElement.classList.contains('md-mdc-chip')) {
13232
+ return true;
13233
+ }
13234
+ currentElement = currentElement.parentElement;
13235
+ }
13236
+ return false;
13237
+ }
13238
+ _setUpFocusManagement() {
13239
+ this._chips.changes.pipe(startWith(this._chips)).subscribe((chips) => {
13240
+ const actions = [];
13241
+ chips.forEach(chip => chip._getActions().forEach(action => actions.push(action)));
13242
+ this._chipActions.reset(actions);
13243
+ this._chipActions.notifyOnChanges();
13244
+ });
13245
+ this._keyManager = new FocusKeyManager(this._chipActions)
13246
+ .withVerticalOrientation()
13247
+ .withHorizontalOrientation(this._dir ? this._dir.value : 'ltr')
13248
+ .withHomeAndEnd()
13249
+ .skipPredicate(action => this._skipPredicate(action));
13250
+ this.chipFocusChanges.pipe(takeUntil(this._destroyed)).subscribe(({ chip }) => {
13251
+ const action = chip._getSourceAction(document.activeElement);
13252
+ if (action) {
13253
+ this._keyManager.updateActiveItem(action);
13254
+ }
13255
+ });
13256
+ this._dir?.change
13257
+ .pipe(takeUntil(this._destroyed))
13258
+ .subscribe(direction => this._keyManager.withHorizontalOrientation(direction));
13259
+ }
13260
+ _skipPredicate(action) {
13261
+ return action.disabled;
13262
+ }
13263
+ _trackChipSetChanges() {
13264
+ this._chips.changes.pipe(startWith(null), takeUntil(this._destroyed)).subscribe(() => {
13265
+ if (this.disabled) {
13266
+ Promise.resolve().then(() => this._syncChipsState());
13267
+ }
13268
+ this._redirectDestroyedChipFocus();
13269
+ });
13270
+ }
13271
+ _trackDestroyedFocusedChip() {
13272
+ this.chipDestroyedChanges.pipe(takeUntil(this._destroyed)).subscribe((event) => {
13273
+ const chipArray = this._chips.toArray();
13274
+ const chipIndex = chipArray.indexOf(event.chip);
13275
+ const hasFocus = event.chip._hasFocus();
13276
+ const wasLastFocused = event.chip._hadFocusOnRemove &&
13277
+ this._keyManager.activeItem &&
13278
+ event.chip._getActions().includes(this._keyManager.activeItem);
13279
+ const shouldMoveFocus = hasFocus || wasLastFocused;
13280
+ if (this._isValidIndex(chipIndex) && shouldMoveFocus) {
13281
+ this._lastDestroyedFocusedChipIndex = chipIndex;
13282
+ }
13283
+ });
13284
+ }
13285
+ _redirectDestroyedChipFocus() {
13286
+ if (this._lastDestroyedFocusedChipIndex == null) {
13287
+ return;
13288
+ }
13289
+ if (this._chips.length) {
13290
+ const newIndex = Math.min(this._lastDestroyedFocusedChipIndex, this._chips.length - 1);
13291
+ const chipToFocus = this._chips.toArray()[newIndex];
13292
+ if (chipToFocus.disabled) {
13293
+ if (this._chips.length === 1) {
13294
+ this.focus();
13295
+ }
13296
+ else {
13297
+ this._keyManager.setPreviousItemActive();
13298
+ }
13299
+ }
13300
+ else {
13301
+ chipToFocus.focus();
13302
+ }
13303
+ }
13304
+ else {
13305
+ this.focus();
13306
+ }
13307
+ this._lastDestroyedFocusedChipIndex = null;
13308
+ }
13309
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipSet, deps: [], target: i0.ɵɵFactoryTarget.Component });
13310
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDChipSet, isStandalone: true, selector: "md-chip-set", inputs: { disabled: ["disabled", "disabled", booleanAttribute], role: "role", tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))] }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "attr.role": "role" }, classAttribute: "md-mdc-chip-set mdc-evolution-chip-set" }, queries: [{ propertyName: "_chips", predicate: MDChip, descendants: true }], ngImport: i0, template: `
13311
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
13312
+ <ng-content></ng-content>
13313
+ </div>
13314
+ `, isInline: true, styles: [".md-mdc-chip-set{display:flex}.md-mdc-chip-set:focus{outline:none}.md-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.md-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.md-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.md-mdc-chip-set-stacked .md-mdc-chip{width:100%}.md-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.md-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.md-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.md-mdc-chip-input{margin-left:0;margin-right:8px}.md-mdc-form-field input.md-mdc-chip-input::placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-moz-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-webkit-input-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input:-ms-input-placeholder{opacity:1}.md-mdc-chip-set+input.md-mdc-chip-input{margin-left:0;margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
13315
+ }
13316
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipSet, decorators: [{
13317
+ type: Component,
13318
+ args: [{ selector: 'md-chip-set', template: `
13319
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
13320
+ <ng-content></ng-content>
13321
+ </div>
13322
+ `, host: {
13323
+ 'class': 'md-mdc-chip-set mdc-evolution-chip-set',
13324
+ '(keydown)': '_handleKeydown($event)',
13325
+ '[attr.role]': 'role',
13326
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".md-mdc-chip-set{display:flex}.md-mdc-chip-set:focus{outline:none}.md-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.md-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.md-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.md-mdc-chip-set-stacked .md-mdc-chip{width:100%}.md-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.md-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.md-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.md-mdc-chip-input{margin-left:0;margin-right:8px}.md-mdc-form-field input.md-mdc-chip-input::placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-moz-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-webkit-input-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input:-ms-input-placeholder{opacity:1}.md-mdc-chip-set+input.md-mdc-chip-input{margin-left:0;margin-right:0}\n"] }]
13327
+ }], ctorParameters: () => [], propDecorators: { disabled: [{
13328
+ type: Input,
13329
+ args: [{ transform: booleanAttribute }]
13330
+ }], role: [{
13331
+ type: Input
13332
+ }], tabIndex: [{
13333
+ type: Input,
13334
+ args: [{
13335
+ transform: (value) => (value == null ? 0 : numberAttribute(value)),
13336
+ }]
13337
+ }], _chips: [{
13338
+ type: ContentChildren,
13339
+ args: [MDChip, {
13340
+ descendants: true,
13341
+ }]
13342
+ }] } });
13343
+
13344
+ class MDChipListboxChange {
13345
+ source;
13346
+ value;
13347
+ constructor(source, value) {
13348
+ this.source = source;
13349
+ this.value = value;
13350
+ }
13351
+ }
13352
+ const MD_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR = {
13353
+ provide: NG_VALUE_ACCESSOR,
13354
+ useExisting: forwardRef(() => MDChipListbox),
13355
+ multi: true,
13356
+ };
13357
+ class MDChipListbox extends MDChipSet {
13358
+ _onTouched = () => { };
13359
+ _onChange = () => { };
13360
+ _defaultRole = 'listbox';
13361
+ _defaultOptions = inject(MD_CHIPS_DEFAULT_OPTIONS, { optional: true });
13362
+ get multiple() {
13363
+ return this._multiple;
13364
+ }
13365
+ set multiple(value) {
13366
+ this._multiple = value;
13367
+ this._syncListboxProperties();
13368
+ }
13369
+ _multiple = false;
13370
+ get selected() {
13371
+ const selectedChips = this._chips.toArray().filter((chip) => chip.selected);
13372
+ return this.multiple ? selectedChips : selectedChips[0];
13373
+ }
13374
+ ariaOrientation = 'horizontal';
13375
+ get selectable() {
13376
+ return this._selectable;
13377
+ }
13378
+ set selectable(value) {
13379
+ this._selectable = value;
13380
+ this._syncListboxProperties();
13381
+ }
13382
+ _selectable = true;
13383
+ compareWith = (o1, o2) => o1 === o2;
13384
+ required = false;
13385
+ get hideSingleSelectionIndicator() {
13386
+ return this._hideSingleSelectionIndicator;
13387
+ }
13388
+ set hideSingleSelectionIndicator(value) {
13389
+ this._hideSingleSelectionIndicator = value;
13390
+ this._syncListboxProperties();
13391
+ }
13392
+ _hideSingleSelectionIndicator = this._defaultOptions?.hideSingleSelectionIndicator ?? false;
13393
+ get chipSelectionChanges() {
13394
+ return this._getChipStream((chip) => chip.selectionChange);
13395
+ }
13396
+ get chipBlurChanges() {
13397
+ return this._getChipStream((chip) => chip._onBlur);
13398
+ }
13399
+ get value() {
13400
+ return this._value;
13401
+ }
13402
+ set value(value) {
13403
+ if (this._chips && this._chips.length) {
13404
+ this._setSelectionByValue(value, false);
13405
+ }
13406
+ this._value = value;
13407
+ }
13408
+ _value;
13409
+ change = new EventEmitter();
13410
+ _chips = undefined;
13411
+ ngAfterContentInit() {
13412
+ this._chips.changes.pipe(startWith(null), takeUntil(this._destroyed)).subscribe(() => {
13413
+ if (this.value !== undefined) {
13414
+ Promise.resolve().then(() => {
13415
+ this._setSelectionByValue(this.value, false);
13416
+ });
13417
+ }
13418
+ this._syncListboxProperties();
13419
+ });
13420
+ this.chipBlurChanges.pipe(takeUntil(this._destroyed)).subscribe(() => this._blur());
13421
+ this.chipSelectionChanges.pipe(takeUntil(this._destroyed)).subscribe((event) => {
13422
+ if (!this.multiple) {
13423
+ this._chips.forEach((chip) => {
13424
+ if (chip !== event.source) {
13425
+ chip._setSelectedState(false, false, false);
13426
+ }
13427
+ });
13428
+ }
13429
+ if (event.isUserInput) {
13430
+ this._propagateChanges();
13431
+ }
13432
+ });
13433
+ }
13434
+ focus() {
13435
+ if (this.disabled) {
13436
+ return;
13437
+ }
13438
+ const firstSelectedChip = this._getFirstSelectedChip();
13439
+ if (firstSelectedChip && !firstSelectedChip.disabled) {
13440
+ firstSelectedChip.focus();
13441
+ }
13442
+ else if (this._chips.length > 0) {
13443
+ this._keyManager.setFirstItemActive();
13444
+ }
13445
+ else {
13446
+ this._elementRef.nativeElement.focus();
13447
+ }
13448
+ }
13449
+ writeValue(value) {
13450
+ if (value != null) {
13451
+ this.value = value;
13452
+ }
13453
+ else {
13454
+ this.value = undefined;
13455
+ }
13456
+ }
13457
+ registerOnChange(fn) {
13458
+ this._onChange = fn;
13459
+ }
13460
+ registerOnTouched(fn) {
13461
+ this._onTouched = fn;
13462
+ }
13463
+ setDisabledState(isDisabled) {
13464
+ this.disabled = isDisabled;
13465
+ }
13466
+ _setSelectionByValue(value, isUserInput = true) {
13467
+ this._clearSelection();
13468
+ if (Array.isArray(value)) {
13469
+ value.forEach((currentValue) => this._selectValue(currentValue, isUserInput));
13470
+ }
13471
+ else {
13472
+ this._selectValue(value, isUserInput);
13473
+ }
13474
+ }
13475
+ _blur() {
13476
+ if (!this.disabled) {
13477
+ setTimeout(() => {
13478
+ if (!this.focused) {
13479
+ this._markAsTouched();
13480
+ }
13481
+ });
13482
+ }
13483
+ }
13484
+ _keydown(event) {
13485
+ if (event.keyCode === TAB) {
13486
+ super._allowFocusEscape();
13487
+ }
13488
+ }
13489
+ _markAsTouched() {
13490
+ this._onTouched();
13491
+ this._changeDetectorRef.markForCheck();
13492
+ }
13493
+ _propagateChanges() {
13494
+ let valueToEmit = null;
13495
+ if (Array.isArray(this.selected)) {
13496
+ valueToEmit = this.selected.map((chip) => chip.value);
13497
+ }
13498
+ else {
13499
+ valueToEmit = this.selected ? this.selected.value : undefined;
13500
+ }
13501
+ this._value = valueToEmit;
13502
+ this.change.emit(new MDChipListboxChange(this, valueToEmit));
13503
+ this._onChange(valueToEmit);
13504
+ this._changeDetectorRef.markForCheck();
13505
+ }
13506
+ _clearSelection(skip) {
13507
+ this._chips.forEach((chip) => {
13508
+ if (chip !== skip) {
13509
+ chip.deselect();
13510
+ }
13511
+ });
13512
+ }
13513
+ _selectValue(value, isUserInput) {
13514
+ const correspondingChip = this._chips.find((chip) => {
13515
+ return chip.value != null && this.compareWith(chip.value, value);
13516
+ });
13517
+ if (correspondingChip) {
13518
+ isUserInput ? correspondingChip.selectViaInteraction() : correspondingChip.select();
13519
+ }
13520
+ return correspondingChip;
13521
+ }
13522
+ _syncListboxProperties() {
13523
+ if (this._chips) {
13524
+ Promise.resolve().then(() => {
13525
+ this._chips.forEach((chip) => {
13526
+ chip._chipListMultiple = this.multiple;
13527
+ chip.chipListSelectable = this._selectable;
13528
+ chip._chipListHideSingleSelectionIndicator = this.hideSingleSelectionIndicator;
13529
+ chip._changeDetectorRef.markForCheck();
13530
+ });
13531
+ });
13532
+ }
13533
+ }
13534
+ _getFirstSelectedChip() {
13535
+ if (Array.isArray(this.selected)) {
13536
+ return this.selected.length ? this.selected[0] : undefined;
13537
+ }
13538
+ else {
13539
+ return this.selected;
13540
+ }
13541
+ }
13542
+ _skipPredicate(action) {
13543
+ return false;
13544
+ }
13545
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipListbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
13546
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDChipListbox, isStandalone: true, selector: "md-chip-listbox", inputs: { multiple: ["multiple", "multiple", booleanAttribute], ariaOrientation: ["aria-orientation", "ariaOrientation"], selectable: ["selectable", "selectable", booleanAttribute], compareWith: "compareWith", required: ["required", "required", booleanAttribute], hideSingleSelectionIndicator: ["hideSingleSelectionIndicator", "hideSingleSelectionIndicator", booleanAttribute], value: "value" }, outputs: { change: "change" }, host: { listeners: { "focus": "focus()", "blur": "_blur()", "keydown": "_keydown($event)" }, properties: { "attr.role": "role", "tabIndex": "(disabled || empty) ? -1 : tabIndex", "attr.aria-required": "role ? required : null", "attr.aria-disabled": "disabled.toString()", "attr.aria-multiselectable": "multiple", "attr.aria-orientation": "ariaOrientation", "class.md-mdc-chip-list-disabled": "disabled", "class.md-mdc-chip-list-required": "required" }, classAttribute: "mdc-evolution-chip-set md-mdc-chip-listbox" }, providers: [MD_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "_chips", predicate: MDChipOption, descendants: true }], usesInheritance: true, ngImport: i0, template: `
13547
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
13548
+ <ng-content></ng-content>
13549
+ </div>
13550
+ `, isInline: true, styles: [".md-mdc-chip-set{display:flex}.md-mdc-chip-set:focus{outline:none}.md-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.md-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.md-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.md-mdc-chip-set-stacked .md-mdc-chip{width:100%}.md-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.md-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.md-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.md-mdc-chip-input{margin-left:0;margin-right:8px}.md-mdc-form-field input.md-mdc-chip-input::placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-moz-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-webkit-input-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input:-ms-input-placeholder{opacity:1}.md-mdc-chip-set+input.md-mdc-chip-input{margin-left:0;margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
13551
+ }
13552
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipListbox, decorators: [{
13553
+ type: Component,
13554
+ args: [{ selector: 'md-chip-listbox', template: `
13555
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
13556
+ <ng-content></ng-content>
13557
+ </div>
13558
+ `, host: {
13559
+ class: 'mdc-evolution-chip-set md-mdc-chip-listbox',
13560
+ '[attr.role]': 'role',
13561
+ '[tabIndex]': '(disabled || empty) ? -1 : tabIndex',
13562
+ '[attr.aria-required]': 'role ? required : null',
13563
+ '[attr.aria-disabled]': 'disabled.toString()',
13564
+ '[attr.aria-multiselectable]': 'multiple',
13565
+ '[attr.aria-orientation]': 'ariaOrientation',
13566
+ '[class.md-mdc-chip-list-disabled]': 'disabled',
13567
+ '[class.md-mdc-chip-list-required]': 'required',
13568
+ '(focus)': 'focus()',
13569
+ '(blur)': '_blur()',
13570
+ '(keydown)': '_keydown($event)',
13571
+ }, providers: [MD_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".md-mdc-chip-set{display:flex}.md-mdc-chip-set:focus{outline:none}.md-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.md-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.md-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.md-mdc-chip-set-stacked .md-mdc-chip{width:100%}.md-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.md-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.md-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.md-mdc-chip-input{margin-left:0;margin-right:8px}.md-mdc-form-field input.md-mdc-chip-input::placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-moz-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-webkit-input-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input:-ms-input-placeholder{opacity:1}.md-mdc-chip-set+input.md-mdc-chip-input{margin-left:0;margin-right:0}\n"] }]
13572
+ }], propDecorators: { multiple: [{
13573
+ type: Input,
13574
+ args: [{ transform: booleanAttribute }]
13575
+ }], ariaOrientation: [{
13576
+ type: Input,
13577
+ args: ['aria-orientation']
13578
+ }], selectable: [{
13579
+ type: Input,
13580
+ args: [{ transform: booleanAttribute }]
13581
+ }], compareWith: [{
13582
+ type: Input
13583
+ }], required: [{
13584
+ type: Input,
13585
+ args: [{ transform: booleanAttribute }]
13586
+ }], hideSingleSelectionIndicator: [{
13587
+ type: Input,
13588
+ args: [{ transform: booleanAttribute }]
13589
+ }], value: [{
13590
+ type: Input
13591
+ }], change: [{
13592
+ type: Output
13593
+ }], _chips: [{
13594
+ type: ContentChildren,
13595
+ args: [MDChipOption, {
13596
+ descendants: true,
13597
+ }]
13598
+ }] } });
13599
+
13600
+ class MDChipGridChange {
13601
+ source;
13602
+ value;
13603
+ constructor(source, value) {
13604
+ this.source = source;
13605
+ this.value = value;
13606
+ }
13607
+ }
13608
+ class MDChipGrid extends MDChipSet {
13609
+ ngControl = inject(NgControl, { optional: true, self: true });
13610
+ controlType = 'md-chip-grid';
13611
+ _chipInput;
13612
+ _defaultRole = 'grid';
13613
+ _errorStateTracker;
13614
+ _uid = inject(_IdGenerator).getId('md-chip-grid-');
13615
+ _ariaDescribedbyIds = [];
13616
+ _onTouched = () => { };
13617
+ _onChange = () => { };
13618
+ get disabled() {
13619
+ return this.ngControl ? !!this.ngControl.disabled : this._disabled;
13620
+ }
13621
+ set disabled(value) {
13622
+ this._disabled = value;
13623
+ this._syncChipsState();
13624
+ this.stateChanges.next();
13625
+ }
13626
+ get id() {
13627
+ return this._chipInput ? this._chipInput.id : this._uid;
13628
+ }
13629
+ get empty() {
13630
+ return (!this._chipInput || this._chipInput.empty) && (!this._chips || this._chips.length === 0);
13631
+ }
13632
+ get placeholder() {
13633
+ return this._chipInput ? this._chipInput.placeholder : this._placeholder;
13634
+ }
13635
+ set placeholder(value) {
13636
+ this._placeholder = value;
13637
+ this.stateChanges.next();
13638
+ }
13639
+ _placeholder;
13640
+ get focused() {
13641
+ return this._chipInput?.focused || this._hasFocusedChip();
13642
+ }
13643
+ get required() {
13644
+ return this._required ?? this.ngControl?.control?.hasValidator(Validators.required) ?? false;
13645
+ }
13646
+ set required(value) {
13647
+ this._required = value;
13648
+ this.stateChanges.next();
13649
+ }
13650
+ _required;
13651
+ get shouldLabelFloat() {
13652
+ return !this.empty || this.focused;
13653
+ }
13654
+ get value() {
13655
+ return this._value;
13656
+ }
13657
+ set value(value) {
13658
+ this._value = value;
13659
+ }
13660
+ _value = [];
13661
+ get errorStateMatcher() {
13662
+ return this._errorStateTracker.matcher;
13663
+ }
13664
+ set errorStateMatcher(value) {
13665
+ this._errorStateTracker.matcher = value;
13666
+ }
13667
+ get chipBlurChanges() {
13668
+ return this._getChipStream((chip) => chip._onBlur);
13669
+ }
13670
+ change = new EventEmitter();
13671
+ valueChange = new EventEmitter();
13672
+ _chips = undefined;
13673
+ stateChanges = new Subject();
13674
+ get errorState() {
13675
+ return this._errorStateTracker.errorState;
13676
+ }
13677
+ set errorState(value) {
13678
+ this._errorStateTracker.errorState = value;
13679
+ }
13680
+ constructor() {
13681
+ super();
13682
+ const parentForm = inject(NgForm, { optional: true });
13683
+ const parentFormGroup = inject(FormGroupDirective, { optional: true });
13684
+ const defaultErrorStateMatcher = inject(ErrorStateMatcher);
13685
+ if (this.ngControl) {
13686
+ this.ngControl.valueAccessor = this;
13687
+ }
13688
+ this._errorStateTracker = new _ErrorStateTracker(defaultErrorStateMatcher, this.ngControl, parentFormGroup, parentForm, this.stateChanges);
13689
+ }
13690
+ ngAfterContentInit() {
13691
+ this.chipBlurChanges.pipe(takeUntil$1(this._destroyed)).subscribe(() => {
13692
+ this._blur();
13693
+ this.stateChanges.next();
13694
+ });
13695
+ merge(this.chipFocusChanges, this._chips.changes)
13696
+ .pipe(takeUntil$1(this._destroyed))
13697
+ .subscribe(() => this.stateChanges.next());
13698
+ }
13699
+ ngDoCheck() {
13700
+ if (this.ngControl) {
13701
+ this.updateErrorState();
13702
+ }
13703
+ }
13704
+ ngOnDestroy() {
13705
+ super.ngOnDestroy();
13706
+ this.stateChanges.complete();
13707
+ }
13708
+ registerInput(inputElement) {
13709
+ this._chipInput = inputElement;
13710
+ this._chipInput.setDescribedByIds(this._ariaDescribedbyIds);
13711
+ this._elementRef.nativeElement.removeAttribute('aria-describedby');
13712
+ }
13713
+ onContainerClick(event) {
13714
+ if (!this.disabled && !this._originatesFromChip(event)) {
13715
+ this.focus();
13716
+ }
13717
+ }
13718
+ focus() {
13719
+ if (this.disabled || this._chipInput?.focused) {
13720
+ return;
13721
+ }
13722
+ if (!this._chips.length || this._chips.first.disabled) {
13723
+ if (!this._chipInput) {
13724
+ return;
13725
+ }
13726
+ Promise.resolve().then(() => this._chipInput.focus());
13727
+ }
13728
+ else {
13729
+ const activeItem = this._keyManager.activeItem;
13730
+ if (activeItem) {
13731
+ activeItem.focus();
13732
+ }
13733
+ else {
13734
+ this._keyManager.setFirstItemActive();
13735
+ }
13736
+ }
13737
+ this.stateChanges.next();
13738
+ }
13739
+ get describedByIds() {
13740
+ if (this._chipInput) {
13741
+ return this._chipInput.describedByIds || [];
13742
+ }
13743
+ const existing = this._elementRef.nativeElement.getAttribute('aria-describedby');
13744
+ return existing ? existing.split(' ') : [];
13745
+ }
13746
+ setDescribedByIds(ids) {
13747
+ this._ariaDescribedbyIds = ids;
13748
+ if (this._chipInput) {
13749
+ this._chipInput.setDescribedByIds(ids);
13750
+ }
13751
+ else if (ids.length) {
13752
+ this._elementRef.nativeElement.setAttribute('aria-describedby', ids.join(' '));
13753
+ }
13754
+ else {
13755
+ this._elementRef.nativeElement.removeAttribute('aria-describedby');
13756
+ }
13757
+ }
13758
+ writeValue(value) {
13759
+ this._value = value;
13760
+ }
13761
+ registerOnChange(fn) {
13762
+ this._onChange = fn;
13763
+ }
13764
+ registerOnTouched(fn) {
13765
+ this._onTouched = fn;
13766
+ }
13767
+ setDisabledState(isDisabled) {
13768
+ this.disabled = isDisabled;
13769
+ this.stateChanges.next();
13770
+ }
13771
+ updateErrorState() {
13772
+ this._errorStateTracker.updateErrorState();
13773
+ }
13774
+ _blur() {
13775
+ if (!this.disabled) {
13776
+ setTimeout(() => {
13777
+ if (!this.focused) {
13778
+ this._propagateChanges();
13779
+ this._markAsTouched();
13780
+ }
13781
+ });
13782
+ }
13783
+ }
13784
+ _allowFocusEscape() {
13785
+ if (!this._chipInput?.focused) {
13786
+ super._allowFocusEscape();
13787
+ }
13788
+ }
13789
+ _handleKeydown(event) {
13790
+ const keyCode = event.keyCode;
13791
+ const activeItem = this._keyManager.activeItem;
13792
+ if (keyCode === TAB) {
13793
+ if (this._chipInput?.focused &&
13794
+ hasModifierKey(event, 'shiftKey') &&
13795
+ this._chips.length &&
13796
+ !this._chips.last.disabled) {
13797
+ event.preventDefault();
13798
+ if (activeItem) {
13799
+ this._keyManager.setActiveItem(activeItem);
13800
+ }
13801
+ else {
13802
+ this._focusLastChip();
13803
+ }
13804
+ }
13805
+ else {
13806
+ super._allowFocusEscape();
13807
+ }
13808
+ }
13809
+ else if (!this._chipInput?.focused) {
13810
+ if ((keyCode === UP_ARROW || keyCode === DOWN_ARROW) && activeItem) {
13811
+ const eligibleActions = this._chipActions.filter((action) => action._isPrimary === activeItem._isPrimary && !this._skipPredicate(action));
13812
+ const currentIndex = eligibleActions.indexOf(activeItem);
13813
+ const delta = event.keyCode === UP_ARROW ? -1 : 1;
13814
+ event.preventDefault();
13815
+ if (currentIndex > -1 && this._isValidIndex(currentIndex + delta)) {
13816
+ this._keyManager.setActiveItem(eligibleActions[currentIndex + delta]);
13817
+ }
13818
+ }
13819
+ else {
13820
+ super._handleKeydown(event);
13821
+ }
13822
+ }
13823
+ this.stateChanges.next();
13824
+ }
13825
+ _focusLastChip() {
13826
+ if (this._chips.length) {
13827
+ this._chips.last.focus();
13828
+ }
13829
+ }
13830
+ _propagateChanges() {
13831
+ const valueToEmit = this._chips.length ? this._chips.toArray().map((chip) => chip.value) : [];
13832
+ this._value = valueToEmit;
13833
+ this.change.emit(new MDChipGridChange(this, valueToEmit));
13834
+ this.valueChange.emit(valueToEmit);
13835
+ this._onChange(valueToEmit);
13836
+ this._changeDetectorRef.markForCheck();
13837
+ }
13838
+ _markAsTouched() {
13839
+ this._onTouched();
13840
+ this._changeDetectorRef.markForCheck();
13841
+ this.stateChanges.next();
13842
+ }
13843
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipGrid, deps: [], target: i0.ɵɵFactoryTarget.Component });
13844
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.6", type: MDChipGrid, isStandalone: true, selector: "md-chip-grid", inputs: { disabled: ["disabled", "disabled", booleanAttribute], placeholder: "placeholder", required: ["required", "required", booleanAttribute], value: "value", errorStateMatcher: "errorStateMatcher" }, outputs: { change: "change", valueChange: "valueChange" }, host: { listeners: { "focus": "focus()", "blur": "_blur()" }, properties: { "attr.role": "role", "attr.tabindex": "(disabled || (_chips && _chips.length === 0)) ? -1 : tabIndex", "attr.aria-disabled": "disabled.toString()", "attr.aria-invalid": "errorState", "class.md-mdc-chip-list-disabled": "disabled", "class.md-mdc-chip-list-invalid": "errorState", "class.md-mdc-chip-list-required": "required" }, classAttribute: "md-mdc-chip-set md-mdc-chip-grid mdc-evolution-chip-set" }, queries: [{ propertyName: "_chips", predicate: MDChipRow, descendants: true }], usesInheritance: true, ngImport: i0, template: `
13845
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
13846
+ <ng-content></ng-content>
13847
+ </div>
13848
+ `, isInline: true, styles: [".md-mdc-chip-set{display:flex}.md-mdc-chip-set:focus{outline:none}.md-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.md-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.md-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.md-mdc-chip-set-stacked .md-mdc-chip{width:100%}.md-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.md-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.md-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.md-mdc-chip-input{margin-left:0;margin-right:8px}.md-mdc-form-field input.md-mdc-chip-input::placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-moz-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-webkit-input-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input:-ms-input-placeholder{opacity:1}.md-mdc-chip-set+input.md-mdc-chip-input{margin-left:0;margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
13849
+ }
13850
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipGrid, decorators: [{
13851
+ type: Component,
13852
+ args: [{ selector: 'md-chip-grid', template: `
13853
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
13854
+ <ng-content></ng-content>
13855
+ </div>
13856
+ `, host: {
13857
+ class: 'md-mdc-chip-set md-mdc-chip-grid mdc-evolution-chip-set',
13858
+ '[attr.role]': 'role',
13859
+ '[attr.tabindex]': '(disabled || (_chips && _chips.length === 0)) ? -1 : tabIndex',
13860
+ '[attr.aria-disabled]': 'disabled.toString()',
13861
+ '[attr.aria-invalid]': 'errorState',
13862
+ '[class.md-mdc-chip-list-disabled]': 'disabled',
13863
+ '[class.md-mdc-chip-list-invalid]': 'errorState',
13864
+ '[class.md-mdc-chip-list-required]': 'required',
13865
+ '(focus)': 'focus()',
13866
+ '(blur)': '_blur()',
13867
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".md-mdc-chip-set{display:flex}.md-mdc-chip-set:focus{outline:none}.md-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.md-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .md-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.md-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.md-mdc-chip-set-stacked .md-mdc-chip{width:100%}.md-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.md-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.md-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.md-mdc-chip-input{margin-left:0;margin-right:8px}.md-mdc-form-field input.md-mdc-chip-input::placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-moz-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input::-webkit-input-placeholder{opacity:1}.md-mdc-form-field input.md-mdc-chip-input:-ms-input-placeholder{opacity:1}.md-mdc-chip-set+input.md-mdc-chip-input{margin-left:0;margin-right:0}\n"] }]
13868
+ }], ctorParameters: () => [], propDecorators: { disabled: [{
13869
+ type: Input,
13870
+ args: [{ transform: booleanAttribute }]
13871
+ }], placeholder: [{
13872
+ type: Input
13873
+ }], required: [{
13874
+ type: Input,
13875
+ args: [{ transform: booleanAttribute }]
13876
+ }], value: [{
13877
+ type: Input
13878
+ }], errorStateMatcher: [{
13879
+ type: Input
13880
+ }], change: [{
13881
+ type: Output
13882
+ }], valueChange: [{
13883
+ type: Output
13884
+ }], _chips: [{
13885
+ type: ContentChildren,
13886
+ args: [MDChipRow, {
13887
+ descendants: true,
13888
+ }]
13889
+ }] } });
13890
+ class ErrorStateMatcher {
13891
+ isErrorState(control, form) {
13892
+ return !!(control && control.invalid && (control.touched || (form && form.submitted)));
13893
+ }
13894
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
13895
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ErrorStateMatcher, providedIn: 'root' });
13896
+ }
13897
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ErrorStateMatcher, decorators: [{
13898
+ type: Injectable,
13899
+ args: [{ providedIn: 'root' }]
13900
+ }] });
13901
+ class _ErrorStateTracker {
13902
+ _defaultMatcher;
13903
+ ngControl;
13904
+ _parentFormGroup;
13905
+ _parentForm;
13906
+ _stateChanges;
13907
+ errorState = false;
13908
+ matcher;
13909
+ constructor(_defaultMatcher, ngControl, _parentFormGroup, _parentForm, _stateChanges) {
13910
+ this._defaultMatcher = _defaultMatcher;
13911
+ this.ngControl = ngControl;
13912
+ this._parentFormGroup = _parentFormGroup;
13913
+ this._parentForm = _parentForm;
13914
+ this._stateChanges = _stateChanges;
13915
+ }
13916
+ updateErrorState() {
13917
+ const oldState = this.errorState;
13918
+ const parent = this._parentFormGroup || this._parentForm;
13919
+ const matcher = this.matcher || this._defaultMatcher;
13920
+ const control = this.ngControl ? this.ngControl.control : null;
13921
+ const newState = matcher?.isErrorState(control, parent) ?? false;
13922
+ if (newState !== oldState) {
13923
+ this.errorState = newState;
13924
+ this._stateChanges.next();
13925
+ }
13926
+ }
13927
+ }
13928
+
13929
+ class MDChipAvatar {
13930
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
13931
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDChipAvatar, isStandalone: true, selector: "md-chip-avatar, [mdChipAvatar]", host: { attributes: { "role": "img" }, classAttribute: "md-mdc-chip-avatar mdc-evolution-chip__icon mdc-evolution-chip__icon--primary" }, providers: [{ provide: MD_CHIP_AVATAR, useExisting: MDChipAvatar }], ngImport: i0 });
13932
+ }
13933
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipAvatar, decorators: [{
13934
+ type: Directive,
13935
+ args: [{
13936
+ selector: 'md-chip-avatar, [mdChipAvatar]',
13937
+ host: {
13938
+ 'class': 'md-mdc-chip-avatar mdc-evolution-chip__icon mdc-evolution-chip__icon--primary',
13939
+ 'role': 'img',
13940
+ },
13941
+ providers: [{ provide: MD_CHIP_AVATAR, useExisting: MDChipAvatar }],
13942
+ }]
13943
+ }] });
13944
+ class MDChipTrailingIcon extends MDChipContent {
13945
+ _isPrimary = false;
13946
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipTrailingIcon, deps: null, target: i0.ɵɵFactoryTarget.Directive });
13947
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDChipTrailingIcon, isStandalone: true, selector: "md-chip-trailing-icon, [mdChipTrailingIcon]", host: { attributes: { "aria-hidden": "true" }, classAttribute: "md-mdc-chip-trailing-icon mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing" }, providers: [{ provide: MD_CHIP_TRAILING_ICON, useExisting: MDChipTrailingIcon }], usesInheritance: true, ngImport: i0 });
13948
+ }
13949
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipTrailingIcon, decorators: [{
13950
+ type: Directive,
13951
+ args: [{
13952
+ selector: 'md-chip-trailing-icon, [mdChipTrailingIcon]',
13953
+ host: {
13954
+ 'class': 'md-mdc-chip-trailing-icon mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing',
13955
+ 'aria-hidden': 'true',
13956
+ },
13957
+ providers: [{ provide: MD_CHIP_TRAILING_ICON, useExisting: MDChipTrailingIcon }],
13958
+ }]
13959
+ }] });
13960
+ class MDChipEdit extends MDChipAction {
13961
+ _isPrimary = false;
13962
+ _isLeading = true;
13963
+ _handleClick(event) {
13964
+ if (!this.disabled) {
13965
+ event.stopPropagation();
13966
+ event.preventDefault();
13967
+ this._parentChip._edit();
13968
+ }
13969
+ }
13970
+ _handleKeydown(event) {
13971
+ if ((event.keyCode === ENTER || event.keyCode === SPACE) && !this.disabled) {
13972
+ event.stopPropagation();
13973
+ event.preventDefault();
13974
+ this._parentChip._edit();
13975
+ }
13976
+ }
13977
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipEdit, deps: null, target: i0.ɵɵFactoryTarget.Directive });
13978
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDChipEdit, isStandalone: true, selector: "[mdChipEdit]", host: { attributes: { "role": "button" }, properties: { "attr.aria-hidden": "null" }, classAttribute: "md-mdc-chip-edit md-mdc-chip-avatar md-focus-indicator mdc-evolution-chip__icon mdc-evolution-chip__icon--primary" }, providers: [{ provide: MD_CHIP_EDIT, useExisting: MDChipEdit }], usesInheritance: true, ngImport: i0 });
13979
+ }
13980
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipEdit, decorators: [{
13981
+ type: Directive,
13982
+ args: [{
13983
+ selector: '[mdChipEdit]',
13984
+ host: {
13985
+ 'class': 'md-mdc-chip-edit md-mdc-chip-avatar md-focus-indicator ' +
13986
+ 'mdc-evolution-chip__icon mdc-evolution-chip__icon--primary',
13987
+ 'role': 'button',
13988
+ '[attr.aria-hidden]': 'null',
13989
+ },
13990
+ providers: [{ provide: MD_CHIP_EDIT, useExisting: MDChipEdit }],
13991
+ }]
13992
+ }] });
13993
+ class MDChipRemove extends MDChipAction {
13994
+ _isPrimary = false;
13995
+ _handleClick(event) {
13996
+ if (!this.disabled) {
13997
+ event.stopPropagation();
13998
+ event.preventDefault();
13999
+ this._parentChip.remove();
14000
+ }
14001
+ }
14002
+ _handleKeydown(event) {
14003
+ if ((event.keyCode === ENTER || event.keyCode === SPACE) && !this.disabled) {
14004
+ event.stopPropagation();
14005
+ event.preventDefault();
14006
+ this._parentChip.remove();
14007
+ }
14008
+ }
14009
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipRemove, deps: null, target: i0.ɵɵFactoryTarget.Directive });
14010
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDChipRemove, isStandalone: true, selector: "[mdChipRemove]", host: { attributes: { "role": "button" }, properties: { "attr.aria-hidden": "null" }, classAttribute: "md-mdc-chip-remove md-mdc-chip-trailing-icon md-focus-indicator mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing" }, providers: [{ provide: MD_CHIP_REMOVE, useExisting: MDChipRemove }], usesInheritance: true, ngImport: i0 });
14011
+ }
14012
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipRemove, decorators: [{
14013
+ type: Directive,
14014
+ args: [{
14015
+ selector: '[mdChipRemove]',
14016
+ host: {
14017
+ 'class': 'md-mdc-chip-remove md-mdc-chip-trailing-icon md-focus-indicator ' +
14018
+ 'mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing',
14019
+ 'role': 'button',
14020
+ '[attr.aria-hidden]': 'null',
14021
+ },
14022
+ providers: [{ provide: MD_CHIP_REMOVE, useExisting: MDChipRemove }],
14023
+ }]
14024
+ }] });
14025
+
14026
+ class MDChipInput {
14027
+ _elementRef = inject(ElementRef);
14028
+ focused = false;
14029
+ get chipGrid() {
14030
+ return this._chipGrid;
14031
+ }
14032
+ set chipGrid(value) {
14033
+ if (value) {
14034
+ this._chipGrid = value;
14035
+ this._chipGrid.registerInput(this);
14036
+ }
14037
+ }
14038
+ _chipGrid;
14039
+ addOnBlur = false;
14040
+ separatorKeyCodes;
14041
+ chipEnd = new EventEmitter();
14042
+ placeholder = '';
14043
+ id = inject(_IdGenerator).getId('md-mdc-chip-list-input-');
14044
+ get disabled() {
14045
+ return this._disabled || (this._chipGrid && this._chipGrid.disabled);
14046
+ }
14047
+ set disabled(value) {
14048
+ this._disabled = value;
14049
+ }
14050
+ _disabled = false;
14051
+ readonly = false;
14052
+ disabledInteractive;
14053
+ get empty() {
14054
+ return !this.inputElement.value;
14055
+ }
14056
+ inputElement;
14057
+ constructor() {
14058
+ const defaultOptions = inject(MD_CHIPS_DEFAULT_OPTIONS);
14059
+ this.inputElement = this._elementRef.nativeElement;
14060
+ this.separatorKeyCodes = defaultOptions.separatorKeyCodes;
14061
+ this.disabledInteractive = defaultOptions.inputDisabledInteractive ?? false;
14062
+ }
14063
+ ngOnChanges() {
14064
+ this._chipGrid.stateChanges.next();
14065
+ }
14066
+ ngOnDestroy() {
14067
+ this.chipEnd.complete();
14068
+ }
14069
+ _keydown(event) {
14070
+ if (this.empty && event.keyCode === BACKSPACE) {
14071
+ if (!event.repeat) {
14072
+ this._chipGrid._focusLastChip();
14073
+ }
14074
+ event.preventDefault();
14075
+ }
14076
+ else {
14077
+ this._emitChipEnd(event);
14078
+ }
14079
+ }
14080
+ _blur() {
14081
+ if (this.addOnBlur) {
14082
+ this._emitChipEnd();
14083
+ }
14084
+ this.focused = false;
14085
+ if (!this._chipGrid.focused) {
14086
+ this._chipGrid._blur();
14087
+ }
14088
+ this._chipGrid.stateChanges.next();
14089
+ }
14090
+ _focus() {
14091
+ this.focused = true;
14092
+ this._chipGrid.stateChanges.next();
14093
+ }
14094
+ _emitChipEnd(event) {
14095
+ if (!event || (this._isSeparatorKey(event) && !event.repeat)) {
14096
+ this.chipEnd.emit({
14097
+ input: this.inputElement,
14098
+ value: this.inputElement.value,
14099
+ chipInput: this,
14100
+ });
14101
+ event?.preventDefault();
14102
+ }
14103
+ }
14104
+ _onInput() {
14105
+ this._chipGrid.stateChanges.next();
14106
+ }
14107
+ focus() {
14108
+ this.inputElement.focus();
14109
+ }
14110
+ clear() {
14111
+ this.inputElement.value = '';
14112
+ }
14113
+ get describedByIds() {
14114
+ const element = this._elementRef.nativeElement;
14115
+ const existingDescribedBy = element.getAttribute('aria-describedby');
14116
+ return existingDescribedBy?.split(' ') || [];
14117
+ }
14118
+ setDescribedByIds(ids) {
14119
+ const element = this._elementRef.nativeElement;
14120
+ if (ids.length) {
14121
+ element.setAttribute('aria-describedby', ids.join(' '));
14122
+ }
14123
+ else {
14124
+ element.removeAttribute('aria-describedby');
14125
+ }
14126
+ }
14127
+ _isSeparatorKey(event) {
14128
+ if (!this.separatorKeyCodes) {
14129
+ return false;
14130
+ }
14131
+ for (const key of this.separatorKeyCodes) {
14132
+ let keyCode;
14133
+ let modifiers;
14134
+ if (typeof key === 'number') {
14135
+ keyCode = key;
14136
+ modifiers = null;
14137
+ }
14138
+ else {
14139
+ keyCode = key.keyCode;
14140
+ modifiers = key.modifiers;
14141
+ }
14142
+ const modifiersMatch = !modifiers?.length ? !hasModifierKey(event) : hasModifierKey(event, ...modifiers);
14143
+ if (keyCode === event.keyCode && modifiersMatch) {
14144
+ return true;
14145
+ }
14146
+ }
14147
+ return false;
14148
+ }
14149
+ _getReadonlyAttribute() {
14150
+ return this.readonly || (this.disabled && this.disabledInteractive) ? 'true' : null;
14151
+ }
14152
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
14153
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.6", type: MDChipInput, isStandalone: true, selector: "input[mdChipInputFor]", inputs: { chipGrid: ["mdChipInputFor", "chipGrid"], addOnBlur: ["mdChipInputAddOnBlur", "addOnBlur", booleanAttribute], separatorKeyCodes: ["mdChipInputSeparatorKeyCodes", "separatorKeyCodes"], placeholder: "placeholder", id: "id", disabled: ["disabled", "disabled", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], disabledInteractive: ["mdChipInputDisabledInteractive", "disabledInteractive", booleanAttribute] }, outputs: { chipEnd: "mdChipInputTokenEnd" }, host: { listeners: { "keydown": "_keydown($event)", "blur": "_blur()", "focus": "_focus()", "input": "_onInput()" }, properties: { "id": "id", "attr.disabled": "disabled && !disabledInteractive ? \"\" : null", "attr.placeholder": "placeholder || null", "attr.aria-invalid": "_chipGrid && _chipGrid.ngControl ? _chipGrid.ngControl.invalid : null", "attr.aria-required": "_chipGrid && _chipGrid.required || null", "attr.aria-disabled": "disabled && disabledInteractive ? \"true\" : null", "attr.readonly": "_getReadonlyAttribute()", "attr.required": "_chipGrid && _chipGrid.required || null" }, classAttribute: "md-mdc-chip-input md-mdc-input-element mdc-text-field__input md-input-element" }, exportAs: ["mdChipInput", "mdChipInputFor"], usesOnChanges: true, ngImport: i0 });
14154
+ }
14155
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipInput, decorators: [{
14156
+ type: Directive,
14157
+ args: [{
14158
+ selector: 'input[mdChipInputFor]',
14159
+ exportAs: 'mdChipInput, mdChipInputFor',
14160
+ host: {
14161
+ class: 'md-mdc-chip-input md-mdc-input-element mdc-text-field__input md-input-element',
14162
+ '(keydown)': '_keydown($event)',
14163
+ '(blur)': '_blur()',
14164
+ '(focus)': '_focus()',
14165
+ '(input)': '_onInput()',
14166
+ '[id]': 'id',
14167
+ '[attr.disabled]': 'disabled && !disabledInteractive ? "" : null',
14168
+ '[attr.placeholder]': 'placeholder || null',
14169
+ '[attr.aria-invalid]': '_chipGrid && _chipGrid.ngControl ? _chipGrid.ngControl.invalid : null',
14170
+ '[attr.aria-required]': '_chipGrid && _chipGrid.required || null',
14171
+ '[attr.aria-disabled]': 'disabled && disabledInteractive ? "true" : null',
14172
+ '[attr.readonly]': '_getReadonlyAttribute()',
14173
+ '[attr.required]': '_chipGrid && _chipGrid.required || null',
14174
+ },
14175
+ }]
14176
+ }], ctorParameters: () => [], propDecorators: { chipGrid: [{
14177
+ type: Input,
14178
+ args: ['mdChipInputFor']
14179
+ }], addOnBlur: [{
14180
+ type: Input,
14181
+ args: [{ alias: 'mdChipInputAddOnBlur', transform: booleanAttribute }]
14182
+ }], separatorKeyCodes: [{
14183
+ type: Input,
14184
+ args: ['mdChipInputSeparatorKeyCodes']
14185
+ }], chipEnd: [{
14186
+ type: Output,
14187
+ args: ['mdChipInputTokenEnd']
14188
+ }], placeholder: [{
14189
+ type: Input
14190
+ }], id: [{
14191
+ type: Input
14192
+ }], disabled: [{
14193
+ type: Input,
14194
+ args: [{ transform: booleanAttribute }]
14195
+ }], readonly: [{
14196
+ type: Input,
14197
+ args: [{ transform: booleanAttribute }]
14198
+ }], disabledInteractive: [{
14199
+ type: Input,
14200
+ args: [{ alias: 'mdChipInputDisabledInteractive', transform: booleanAttribute }]
14201
+ }] } });
14202
+
14203
+ const CHIP_DECLARATIONS = [
14204
+ MDChip,
14205
+ MDChipAvatar,
14206
+ MDChipEdit,
14207
+ MDChipEditInput,
14208
+ MDChipGrid,
14209
+ MDChipInput,
14210
+ MDChipListbox,
14211
+ MDChipOption,
14212
+ MDChipRemove,
14213
+ MDChipRow,
14214
+ MDChipSet,
14215
+ MDChipTrailingIcon,
14216
+ ];
14217
+ class MDChipsModule {
14218
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
14219
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: MDChipsModule, imports: [MDChipAction, MDChip,
14220
+ MDChipAvatar,
14221
+ MDChipEdit,
14222
+ MDChipEditInput,
14223
+ MDChipGrid,
14224
+ MDChipInput,
14225
+ MDChipListbox,
14226
+ MDChipOption,
14227
+ MDChipRemove,
14228
+ MDChipRow,
14229
+ MDChipSet,
14230
+ MDChipTrailingIcon], exports: [BidiModule, MDChip,
14231
+ MDChipAvatar,
14232
+ MDChipEdit,
14233
+ MDChipEditInput,
14234
+ MDChipGrid,
14235
+ MDChipInput,
14236
+ MDChipListbox,
14237
+ MDChipOption,
14238
+ MDChipRemove,
14239
+ MDChipRow,
14240
+ MDChipSet,
14241
+ MDChipTrailingIcon] });
14242
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipsModule, providers: [
14243
+ ErrorStateMatcher,
14244
+ {
14245
+ provide: MD_CHIPS_DEFAULT_OPTIONS,
14246
+ useValue: {
14247
+ separatorKeyCodes: [ENTER],
14248
+ },
14249
+ },
14250
+ ], imports: [BidiModule] });
14251
+ }
14252
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDChipsModule, decorators: [{
14253
+ type: NgModule,
14254
+ args: [{
14255
+ imports: [MDChipAction, CHIP_DECLARATIONS],
14256
+ exports: [BidiModule, CHIP_DECLARATIONS],
14257
+ providers: [
14258
+ ErrorStateMatcher,
14259
+ {
14260
+ provide: MD_CHIPS_DEFAULT_OPTIONS,
14261
+ useValue: {
14262
+ separatorKeyCodes: [ENTER],
14263
+ },
14264
+ },
14265
+ ],
14266
+ }]
14267
+ }] });
14268
+
11100
14269
  /**
11101
14270
  * Generated bundle index. Do not edit.
11102
14271
  */
11103
14272
 
11104
- export { ACCORDION, CARD_CONFIG, CardSimpleComponent, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, DIALOG_DATA, DIALOG_DEFAULT_OPTIONS, DIALOG_SCROLL_STRATEGY, DialogState, EXPANSION_PANEL_DEFAULT_OPTIONS, ErrorStateMatcher, ExpansionPanelActionRow, ExpansionPanelDescription, ExpansionPanelTitle, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, INK_BAR_POSITIONER, INK_BAR_POSITIONER_FACTORY, InkBar, MDAccordion, MDCard, MDCardActions, MDCardAvatar, MDCardContent, MDCardFooter, MDCardHeader, MDCardImage, MDCardLgImage, MDCardMdImage, MDCardModule, MDCardSmImage, MDCardSubtitle, MDCardTitle, MDCardTitleGroup, MDCardXlImage, MDCheckBox, MDCheckBoxModule, MDCheckboxChange, MDCollapseModule, MDContextMenuTrigger, MDDialog, MDDialogActions, MDDialogClose, MDDialogContainer, MDDialogContent, MDDialogTitle, MDExpansionPanel, MDExpansionPanelContent, MDExpansionPanelHeader, MDMenu, MDMenuContent, MDMenuItem, MDMenuModule, MDMenuTrigger, MDModalModule, MDOption, MDOptionGroup, MDOptionSelectionChange, MDSelect, MDSelectModule, MDSelectTrigger, MDStep, MDStepContent, MDStepExecutorModule, MDStepFooter, MDStepHeader, MDStepLabel, MDStepper, MDStepperIcon, MDStepperNext, MDStepperPrevious, MDSwitch, MDSwitchModule, MDTab, MDTabBody, MDTabChangeEvent, MDTabContent, MDTabGroup, MDTabHeader, MDTabLabel, MDTabLabelWrapper, MDTabsModule, MD_EXPANSION_PANEL, MD_MENU_CONTENT, MD_MENU_DEFAULT_OPTIONS, MD_MENU_PANEL, MD_MENU_SCROLL_STRATEGY, MD_SELECT_TRIGGER, MD_TAB, MD_TAB_LABEL, MENU_PANEL_TOP_PADDING, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevDialogConfig, MefDevDialogRef, MefDevDropDownMenuModule, MefDevFilteredFieldModule, MefDevModalModule, MefDevOptionComponent, MefDevPageLayoutsModule, MefDevProgressComponent, MefDevProgressModule, MefDevSelectComponent, MefDevSelectModule, MefDevStepExecutorModule, MefDevSwitchComponent, MefDevSwitchModule, MefDevTabBodyComponent, MefDevTabComponent, MefDevTabLabelDirective, MefDevTabSetComponent, MefDevTabsInkBarDirective, MefDevTabsModule, MefDevTabsNavComponent, MefdevDropdownMenuComponent, MefdevExecutorPageComponent, OptionPipe, PaginatedTabHeader, ProgressConfig, PseudoCheckbox, RightFilterComponent, STEPPER_INTL_PROVIDER, STEPPER_INTL_PROVIDER_FACTORY, SelectChange, ShowOnDirtyErrorStateMatcher, SlideRightComponent, SlideUpComponent, StageComponent, StepExecutorComponent, StepperIntl, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TabBodyPortal, TabChangeEvent, TablePageComponent, TransitionCheckState, _closeDialogVia, _countGroupLabelsBeforeOption, _getOptionScrollPosition, components, mefDevCardComponents, mefDevCollapseModuleComponents };
14273
+ export { ACCORDION, CARD_CONFIG, CardSimpleComponent, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, DIALOG_DATA, DIALOG_DEFAULT_OPTIONS, DIALOG_SCROLL_STRATEGY, DialogState, EXPANSION_PANEL_DEFAULT_OPTIONS, ErrorStateMatcher, ExpansionPanelActionRow, ExpansionPanelDescription, ExpansionPanelTitle, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, INK_BAR_POSITIONER, INK_BAR_POSITIONER_FACTORY, InkBar, MDAccordion, MDAutocomplete, MDAutocompleteModule, MDAutocompleteOrigin, MDAutocompleteSelectedEvent, MDAutocompleteTrigger, MDCard, MDCardActions, MDCardAvatar, MDCardContent, MDCardFooter, MDCardHeader, MDCardImage, MDCardLgImage, MDCardMdImage, MDCardModule, MDCardSmImage, MDCardSubtitle, MDCardTitle, MDCardTitleGroup, MDCardXlImage, MDCheckBox, MDCheckBoxModule, MDCheckboxChange, MDChip, MDChipAvatar, MDChipEdit, MDChipEditInput, MDChipGrid, MDChipGridChange, MDChipInput, MDChipListbox, MDChipListboxChange, MDChipOption, MDChipRemove, MDChipRow, MDChipSelectionChange, MDChipSet, MDChipTrailingIcon, MDChipsModule, MDCollapseModule, MDContextMenuTrigger, MDDialog, MDDialogActions, MDDialogClose, MDDialogContainer, MDDialogContent, MDDialogTitle, MDExpansionPanel, MDExpansionPanelContent, MDExpansionPanelHeader, MDMenu, MDMenuContent, MDMenuItem, MDMenuModule, MDMenuTrigger, MDModalModule, MDOption, MDOptionGroup, MDOptionModule, MDOptionSelectionChange, MDRadioButton, MDRadioGroup, MDRadioModule, MDSelect, MDSelectModule, MDSelectTrigger, MDStep, MDStepContent, MDStepExecutorModule, MDStepFooter, MDStepHeader, MDStepLabel, MDStepper, MDStepperIcon, MDStepperNext, MDStepperPrevious, MDSwitch, MDSwitchModule, MDTab, MDTabBody, MDTabChangeEvent, MDTabContent, MDTabGroup, MDTabHeader, MDTabLabel, MDTabLabelWrapper, MDTabsModule, MD_AUTOCOMPLETE_DEFAULT_OPTIONS, MD_AUTOCOMPLETE_SCROLL_STRATEGY, MD_AUTOCOMPLETE_VALUE_ACCESSOR, MD_CHIP, MD_CHIPS_DEFAULT_OPTIONS, MD_CHIP_AVATAR, MD_CHIP_EDIT, MD_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR, MD_CHIP_REMOVE, MD_CHIP_TRAILING_ICON, MD_EXPANSION_PANEL, MD_MENU_CONTENT, MD_MENU_DEFAULT_OPTIONS, MD_MENU_PANEL, MD_MENU_SCROLL_STRATEGY, MD_OPTION_PARENT_COMPONENT, MD_RADIO_GROUP, MD_SELECT_TRIGGER, MD_TAB, MD_TAB_LABEL, MENU_PANEL_TOP_PADDING, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevDialogConfig, MefDevDialogRef, MefDevDropDownMenuModule, MefDevFilteredFieldModule, MefDevModalModule, MefDevOptionComponent, MefDevPageLayoutsModule, MefDevProgressComponent, MefDevProgressModule, MefDevSelectComponent, MefDevSelectModule, MefDevStepExecutorModule, MefDevSwitchComponent, MefDevSwitchModule, MefDevTabBodyComponent, MefDevTabComponent, MefDevTabLabelDirective, MefDevTabSetComponent, MefDevTabsInkBarDirective, MefDevTabsModule, MefDevTabsNavComponent, MefdevDropdownMenuComponent, MefdevExecutorPageComponent, OptionPipe, PaginatedTabHeader, ProgressConfig, PseudoCheckbox, RADIO_GROUP_CONTROL_VALUE_ACCESSOR, RadioChange, RightFilterComponent, STEPPER_INTL_PROVIDER, STEPPER_INTL_PROVIDER_FACTORY, SelectChange, ShowOnDirtyErrorStateMatcher, SlideRightComponent, SlideUpComponent, StageComponent, StepExecutorComponent, StepperErrorStateMatcher, StepperIntl, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TabBodyPortal, TabChangeEvent, TablePageComponent, TransitionCheckState, _ErrorStateTracker, _closeDialogVia, _countGroupLabelsBeforeOption, _getOptionScrollPosition, components, getMDAutocompleteMissingPanelError, mefDevCardComponents, mefDevCollapseModuleComponents };
11105
14274
  //# sourceMappingURL=natec-mef-dev-ui-kit.mjs.map