@angular/material-experimental 13.2.3 → 13.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/esm2020/mdc-autocomplete/autocomplete-trigger.mjs +4 -3
  2. package/esm2020/mdc-button/button-base.mjs +2 -2
  3. package/esm2020/mdc-button/button.mjs +2 -2
  4. package/esm2020/mdc-button/fab.mjs +3 -3
  5. package/esm2020/mdc-button/icon-button.mjs +2 -2
  6. package/esm2020/mdc-card/card.mjs +2 -2
  7. package/esm2020/mdc-checkbox/checkbox.mjs +4 -2
  8. package/esm2020/mdc-chips/testing/public-api.mjs +2 -1
  9. package/esm2020/mdc-dialog/dialog-container.mjs +4 -4
  10. package/esm2020/mdc-dialog/dialog.mjs +7 -2
  11. package/esm2020/mdc-dialog/testing/dialog-opener.mjs +45 -0
  12. package/esm2020/mdc-dialog/testing/public-api.mjs +2 -1
  13. package/esm2020/mdc-form-field/directives/floating-label.mjs +3 -8
  14. package/esm2020/mdc-form-field/form-field.mjs +3 -3
  15. package/esm2020/mdc-list/action-list.mjs +3 -3
  16. package/esm2020/mdc-menu/menu.mjs +3 -3
  17. package/esm2020/mdc-paginator/paginator.mjs +2 -2
  18. package/esm2020/mdc-progress-bar/progress-bar.mjs +2 -2
  19. package/esm2020/mdc-select/select.mjs +3 -3
  20. package/esm2020/mdc-slide-toggle/slide-toggle.mjs +3 -2
  21. package/esm2020/mdc-slider/slider.mjs +12 -12
  22. package/esm2020/mdc-snack-bar/snack-bar-container.mjs +2 -2
  23. package/esm2020/mdc-table/table.mjs +2 -2
  24. package/esm2020/mdc-tabs/tab-body.mjs +3 -3
  25. package/esm2020/mdc-tabs/tab-header.mjs +3 -3
  26. package/esm2020/mdc-tabs/tab-nav-bar/tab-nav-bar.mjs +3 -3
  27. package/esm2020/mdc-tooltip/testing/tooltip-harness.mjs +4 -1
  28. package/esm2020/mdc-tooltip/tooltip.mjs +27 -11
  29. package/esm2020/version.mjs +1 -1
  30. package/fesm2015/material-experimental.mjs +1 -1
  31. package/fesm2015/material-experimental.mjs.map +1 -1
  32. package/fesm2015/mdc-autocomplete.mjs +3 -2
  33. package/fesm2015/mdc-autocomplete.mjs.map +1 -1
  34. package/fesm2015/mdc-button.mjs +5 -5
  35. package/fesm2015/mdc-button.mjs.map +1 -1
  36. package/fesm2015/mdc-card.mjs +2 -2
  37. package/fesm2015/mdc-checkbox.mjs +3 -1
  38. package/fesm2015/mdc-checkbox.mjs.map +1 -1
  39. package/fesm2015/mdc-chips/testing.mjs +2 -2
  40. package/fesm2015/mdc-chips/testing.mjs.map +1 -1
  41. package/fesm2015/mdc-dialog/testing.mjs +44 -2
  42. package/fesm2015/mdc-dialog/testing.mjs.map +1 -1
  43. package/fesm2015/mdc-dialog.mjs +9 -4
  44. package/fesm2015/mdc-dialog.mjs.map +1 -1
  45. package/fesm2015/mdc-form-field.mjs +4 -9
  46. package/fesm2015/mdc-form-field.mjs.map +1 -1
  47. package/fesm2015/mdc-list.mjs +2 -2
  48. package/fesm2015/mdc-list.mjs.map +1 -1
  49. package/fesm2015/mdc-menu.mjs +2 -2
  50. package/fesm2015/mdc-menu.mjs.map +1 -1
  51. package/fesm2015/mdc-paginator.mjs +2 -2
  52. package/fesm2015/mdc-progress-bar.mjs +2 -2
  53. package/fesm2015/mdc-select.mjs +2 -2
  54. package/fesm2015/mdc-select.mjs.map +1 -1
  55. package/fesm2015/mdc-slide-toggle.mjs +2 -1
  56. package/fesm2015/mdc-slide-toggle.mjs.map +1 -1
  57. package/fesm2015/mdc-slider.mjs +20 -11
  58. package/fesm2015/mdc-slider.mjs.map +1 -1
  59. package/fesm2015/mdc-snack-bar.mjs +2 -2
  60. package/fesm2015/mdc-table.mjs +2 -2
  61. package/fesm2015/mdc-tabs.mjs +6 -6
  62. package/fesm2015/mdc-tabs.mjs.map +1 -1
  63. package/fesm2015/mdc-tooltip/testing.mjs +3 -0
  64. package/fesm2015/mdc-tooltip/testing.mjs.map +1 -1
  65. package/fesm2015/mdc-tooltip.mjs +52 -33
  66. package/fesm2015/mdc-tooltip.mjs.map +1 -1
  67. package/fesm2020/material-experimental.mjs +1 -1
  68. package/fesm2020/material-experimental.mjs.map +1 -1
  69. package/fesm2020/mdc-autocomplete.mjs +3 -2
  70. package/fesm2020/mdc-autocomplete.mjs.map +1 -1
  71. package/fesm2020/mdc-button.mjs +5 -5
  72. package/fesm2020/mdc-button.mjs.map +1 -1
  73. package/fesm2020/mdc-card.mjs +2 -2
  74. package/fesm2020/mdc-checkbox.mjs +3 -1
  75. package/fesm2020/mdc-checkbox.mjs.map +1 -1
  76. package/fesm2020/mdc-chips/testing.mjs +1 -1
  77. package/fesm2020/mdc-chips/testing.mjs.map +1 -1
  78. package/fesm2020/mdc-dialog/testing.mjs +44 -2
  79. package/fesm2020/mdc-dialog/testing.mjs.map +1 -1
  80. package/fesm2020/mdc-dialog.mjs +9 -4
  81. package/fesm2020/mdc-dialog.mjs.map +1 -1
  82. package/fesm2020/mdc-form-field.mjs +4 -9
  83. package/fesm2020/mdc-form-field.mjs.map +1 -1
  84. package/fesm2020/mdc-list.mjs +2 -2
  85. package/fesm2020/mdc-list.mjs.map +1 -1
  86. package/fesm2020/mdc-menu.mjs +2 -2
  87. package/fesm2020/mdc-menu.mjs.map +1 -1
  88. package/fesm2020/mdc-paginator.mjs +2 -2
  89. package/fesm2020/mdc-progress-bar.mjs +2 -2
  90. package/fesm2020/mdc-select.mjs +2 -2
  91. package/fesm2020/mdc-select.mjs.map +1 -1
  92. package/fesm2020/mdc-slide-toggle.mjs +2 -1
  93. package/fesm2020/mdc-slide-toggle.mjs.map +1 -1
  94. package/fesm2020/mdc-slider.mjs +11 -11
  95. package/fesm2020/mdc-slider.mjs.map +1 -1
  96. package/fesm2020/mdc-snack-bar.mjs +2 -2
  97. package/fesm2020/mdc-table.mjs +2 -2
  98. package/fesm2020/mdc-tabs.mjs +6 -6
  99. package/fesm2020/mdc-tabs.mjs.map +1 -1
  100. package/fesm2020/mdc-tooltip/testing.mjs +3 -0
  101. package/fesm2020/mdc-tooltip/testing.mjs.map +1 -1
  102. package/fesm2020/mdc-tooltip.mjs +49 -32
  103. package/fesm2020/mdc-tooltip.mjs.map +1 -1
  104. package/mdc-button/_button-theme.scss +5 -2
  105. package/mdc-button/_icon-button-theme.scss +2 -1
  106. package/mdc-chips/testing/public-api.d.ts +1 -0
  107. package/mdc-dialog/dialog.d.ts +6 -1
  108. package/mdc-dialog/testing/dialog-opener.d.ts +18 -0
  109. package/mdc-dialog/testing/public-api.d.ts +1 -0
  110. package/mdc-form-field/_form-field-density.scss +2 -2
  111. package/mdc-form-field/_form-field-high-contrast.scss +14 -5
  112. package/mdc-form-field/_form-field-theme.scss +1 -1
  113. package/mdc-form-field/_mdc-text-field-structure-overrides.scss +2 -2
  114. package/mdc-form-field/directives/floating-label.d.ts +1 -3
  115. package/mdc-helpers/_mdc-helpers.scss +1 -2
  116. package/mdc-list/_list-theme.scss +9 -0
  117. package/mdc-select/_select-theme.scss +1 -1
  118. package/mdc-table/_table-theme.scss +2 -9
  119. package/mdc-tabs/_tabs-common.scss +9 -0
  120. package/mdc-theming/prebuilt/deeppurple-amber.css +1 -1
  121. package/mdc-theming/prebuilt/indigo-pink.css +1 -1
  122. package/mdc-theming/prebuilt/pink-bluegrey.css +1 -1
  123. package/mdc-theming/prebuilt/purple-green.css +1 -1
  124. package/mdc-tooltip/testing/tooltip-harness.d.ts +3 -0
  125. package/mdc-tooltip/tooltip.d.ts +6 -2
  126. package/package.json +3 -3
@@ -1,43 +1,21 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Directive, Inject, Optional, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
2
+ import { Directive, Inject, Optional, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
3
3
  import * as i5 from '@angular/common';
4
4
  import { DOCUMENT, CommonModule } from '@angular/common';
5
+ import { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';
5
6
  import { _MatTooltipBase, MAT_TOOLTIP_SCROLL_STRATEGY, MAT_TOOLTIP_DEFAULT_OPTIONS, _TooltipComponentBase, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER } from '@angular/material/tooltip';
6
7
  export { MAT_TOOLTIP_DEFAULT_OPTIONS, MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY, MAT_TOOLTIP_SCROLL_STRATEGY, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER, SCROLL_THROTTLE_MS, getMatTooltipInvalidPositionError } from '@angular/material/tooltip';
7
8
  import { numbers } from '@material/tooltip';
8
- import { trigger, state, style, transition, animate } from '@angular/animations';
9
9
  import * as i1 from '@angular/cdk/overlay';
10
10
  import { OverlayModule } from '@angular/cdk/overlay';
11
11
  import * as i2 from '@angular/cdk/platform';
12
12
  import * as i3 from '@angular/cdk/a11y';
13
13
  import { A11yModule } from '@angular/cdk/a11y';
14
14
  import * as i4 from '@angular/cdk/bidi';
15
+ import { trigger, state, style, transition, animate } from '@angular/animations';
15
16
  import { CdkScrollableModule } from '@angular/cdk/scrolling';
16
17
  import { MatCommonModule } from '@angular/material-experimental/mdc-core';
17
18
 
18
- /**
19
- * @license
20
- * Copyright Google LLC All Rights Reserved.
21
- *
22
- * Use of this source code is governed by an MIT-style license that can be
23
- * found in the LICENSE file at https://angular.io/license
24
- */
25
- /**
26
- * Animations used by MatTooltip.
27
- * @docs-private
28
- */
29
- const matTooltipAnimations = {
30
- /** Animation that transitions a tooltip in and out. */
31
- tooltipState: trigger('state', [
32
- // TODO(crisbeto): these values are based on MDC's CSS.
33
- // We should be able to use their styles directly once we land #19432.
34
- state('initial, void, hidden', style({ opacity: 0, transform: 'scale(0.8)' })),
35
- state('visible', style({ transform: 'scale(1)' })),
36
- transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')),
37
- transition('* => hidden', animate('75ms cubic-bezier(0.4, 0, 1, 1)')),
38
- ]),
39
- };
40
-
41
19
  /**
42
20
  * @license
43
21
  * Copyright Google LLC All Rights Reserved.
@@ -114,14 +92,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
114
92
  * @docs-private
115
93
  */
116
94
  class TooltipComponent extends _TooltipComponentBase {
117
- constructor(changeDetectorRef, _elementRef) {
118
- super(changeDetectorRef);
95
+ constructor(changeDetectorRef, _elementRef, animationMode) {
96
+ super(changeDetectorRef, animationMode);
119
97
  this._elementRef = _elementRef;
120
98
  /* Whether the tooltip text overflows to multiple lines */
121
99
  this._isMultiline = false;
100
+ this._showAnimation = 'mat-mdc-tooltip-show';
101
+ this._hideAnimation = 'mat-mdc-tooltip-hide';
122
102
  }
123
103
  _onShow() {
124
104
  this._isMultiline = this._isTooltipMultiline();
105
+ this._markForCheck();
125
106
  }
126
107
  /** Whether the tooltip text has overflown to the next line */
127
108
  _isTooltipMultiline() {
@@ -129,17 +110,55 @@ class TooltipComponent extends _TooltipComponentBase {
129
110
  return rect.height > numbers.MIN_HEIGHT && rect.width >= numbers.MAX_WIDTH;
130
111
  }
131
112
  }
132
- TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
133
- TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: TooltipComponent, selector: "mat-tooltip-component", host: { attributes: { "aria-hidden": "true" }, properties: { "style.zoom": "_visibility === \"visible\" ? 1 : null" } }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip\"\n [ngClass]=\"tooltipClass\"\n [class.mdc-tooltip--multiline]=\"_isMultiline\"\n [@state]=\"_visibility\"\n (@state.start)=\"_animationStart()\"\n (@state.done)=\"_animationDone($event)\">\n <div class=\"mdc-tooltip__surface mdc-tooltip__surface-animation\">{{message}}</div>\n</div>\n", styles: [".mdc-tooltip__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-tooltip__caret-surface-top,.mdc-tooltip__caret-surface-bottom{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-tooltip__surface{word-break:break-all;word-break:var(--mdc-tooltip-word-break, normal);overflow-wrap:anywhere}.mdc-tooltip{z-index:9}.mdc-tooltip{position:fixed;display:none}.mdc-tooltip-wrapper--rich{position:relative}.mdc-tooltip--shown,.mdc-tooltip--showing,.mdc-tooltip--hide{display:inline-flex}.mdc-tooltip--shown.mdc-tooltip--rich,.mdc-tooltip--showing.mdc-tooltip--rich,.mdc-tooltip--hide.mdc-tooltip--rich{display:inline-block;left:-320px;position:absolute}.mdc-tooltip__surface{line-height:16px;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center}.mdc-tooltip__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-tooltip__surface::before{border-color:CanvasText}}.mdc-tooltip--rich .mdc-tooltip__surface{align-items:flex-start;border-radius:4px;display:flex;flex-direction:column;line-height:20px;min-height:24px;min-width:40px;max-width:320px;position:relative}.mdc-tooltip--rich .mdc-tooltip__surface .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-tooltip--multiline .mdc-tooltip__surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface,.mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl]{text-align:right}.mdc-tooltip__surface .mdc-tooltip__title{display:block;margin-top:0;line-height:20px;margin:0 8px}.mdc-tooltip__surface .mdc-tooltip__title::before{display:inline-block;width:0;height:24px;content:\"\";vertical-align:0}.mdc-tooltip__surface .mdc-tooltip__content{max-width:calc(100% - 2 * 8px);margin:8px;text-align:left}[dir=rtl] .mdc-tooltip__surface .mdc-tooltip__content,.mdc-tooltip__surface .mdc-tooltip__content[dir=rtl]{text-align:right}.mdc-tooltip__surface .mdc-tooltip__content-link{text-decoration:none}.mdc-tooltip--rich-actions{z-index:1}.mdc-tooltip__surface-animation{opacity:0;transform:scale(0.8);will-change:transform,opacity}.mdc-tooltip--shown .mdc-tooltip__surface-animation{transform:scale(1);opacity:1}.mdc-tooltip--hide .mdc-tooltip__surface-animation{transform:scale(1)}.mdc-tooltip__caret-surface-top,.mdc-tooltip__caret-surface-bottom{position:absolute;height:24px;width:24px;transform:rotate(35deg) skewY(20deg) scaleX(0.9396926208)}.mdc-tooltip__caret-surface-top .mdc-elevation-overlay,.mdc-tooltip__caret-surface-bottom .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-tooltip__caret-surface-bottom{outline:1px solid transparent;z-index:-1}@media screen and (forced-colors: active){.mdc-tooltip__caret-surface-bottom{outline-color:CanvasText}}.mat-mdc-tooltip{position:static;pointer-events:none !important}\n"], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [matTooltipAnimations.tooltipState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
113
+ TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
114
+ TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: TooltipComponent, selector: "mat-tooltip-component", host: { attributes: { "aria-hidden": "true" }, listeners: { "mouseleave": "_handleMouseLeave($event)" }, properties: { "style.zoom": "isVisible() ? 1 : null" } }, viewQueries: [{ propertyName: "_tooltip", first: true, predicate: ["tooltip"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n #tooltip\n class=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip\"\n [ngClass]=\"tooltipClass\"\n (animationend)=\"_handleAnimationEnd($event)\"\n [class.mdc-tooltip--multiline]=\"_isMultiline\">\n <div class=\"mdc-tooltip__surface mdc-tooltip__surface-animation\">{{message}}</div>\n</div>\n", styles: [".mdc-tooltip__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-tooltip__caret-surface-top,.mdc-tooltip__caret-surface-bottom{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-tooltip__surface{word-break:break-all;word-break:var(--mdc-tooltip-word-break, normal);overflow-wrap:anywhere}.mdc-tooltip{z-index:9}.mdc-tooltip{position:fixed;display:none}.mdc-tooltip-wrapper--rich{position:relative}.mdc-tooltip--shown,.mdc-tooltip--showing,.mdc-tooltip--hide{display:inline-flex}.mdc-tooltip--shown.mdc-tooltip--rich,.mdc-tooltip--showing.mdc-tooltip--rich,.mdc-tooltip--hide.mdc-tooltip--rich{display:inline-block;left:-320px;position:absolute}.mdc-tooltip__surface{line-height:16px;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center}.mdc-tooltip__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-tooltip__surface::before{border-color:CanvasText}}.mdc-tooltip--rich .mdc-tooltip__surface{align-items:flex-start;border-radius:4px;display:flex;flex-direction:column;line-height:20px;min-height:24px;min-width:40px;max-width:320px;position:relative}.mdc-tooltip--rich .mdc-tooltip__surface .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-tooltip--multiline .mdc-tooltip__surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface,.mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl]{text-align:right}.mdc-tooltip__surface .mdc-tooltip__title{display:block;margin-top:0;line-height:20px;margin:0 8px}.mdc-tooltip__surface .mdc-tooltip__title::before{display:inline-block;width:0;height:24px;content:\"\";vertical-align:0}.mdc-tooltip__surface .mdc-tooltip__content{max-width:calc(100% - 2 * 8px);margin:8px;text-align:left}[dir=rtl] .mdc-tooltip__surface .mdc-tooltip__content,.mdc-tooltip__surface .mdc-tooltip__content[dir=rtl]{text-align:right}.mdc-tooltip__surface .mdc-tooltip__content-link{text-decoration:none}.mdc-tooltip--rich-actions{z-index:1}.mdc-tooltip__surface-animation{opacity:0;transform:scale(0.8);will-change:transform,opacity}.mdc-tooltip--shown .mdc-tooltip__surface-animation{transform:scale(1);opacity:1}.mdc-tooltip--hide .mdc-tooltip__surface-animation{transform:scale(1)}.mdc-tooltip__caret-surface-top,.mdc-tooltip__caret-surface-bottom{position:absolute;height:24px;width:24px;transform:rotate(35deg) skewY(20deg) scaleX(0.9396926208)}.mdc-tooltip__caret-surface-top .mdc-elevation-overlay,.mdc-tooltip__caret-surface-bottom .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-tooltip__caret-surface-bottom{outline:1px solid transparent;z-index:-1}@media screen and (forced-colors: active){.mdc-tooltip__caret-surface-bottom{outline-color:CanvasText}}.mat-mdc-tooltip{position:relative;transform:scale(0)}.mat-mdc-tooltip::before{content:\"\";top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;position:absolute}.mat-mdc-tooltip._mat-animation-noopable{animation:none;transform:scale(1)}.mat-mdc-tooltip-panel-non-interactive{pointer-events:none}@keyframes mat-mdc-tooltip-show{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes mat-mdc-tooltip-hide{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.8)}}.mat-mdc-tooltip-show{animation:mat-mdc-tooltip-show 150ms cubic-bezier(0, 0, 0.2, 1) forwards}.mat-mdc-tooltip-hide{animation:mat-mdc-tooltip-hide 75ms cubic-bezier(0.4, 0, 1, 1) forwards}\n"], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
134
115
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: TooltipComponent, decorators: [{
135
116
  type: Component,
136
- args: [{ selector: 'mat-tooltip-component', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [matTooltipAnimations.tooltipState], host: {
117
+ args: [{ selector: 'mat-tooltip-component', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
137
118
  // Forces the element to have a layout in IE and Edge. This fixes issues where the element
138
119
  // won't be rendered if the animations are disabled or there is no web animations polyfill.
139
- '[style.zoom]': '_visibility === "visible" ? 1 : null',
120
+ '[style.zoom]': 'isVisible() ? 1 : null',
121
+ '(mouseleave)': '_handleMouseLeave($event)',
140
122
  'aria-hidden': 'true',
141
- }, template: "<div\n class=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip\"\n [ngClass]=\"tooltipClass\"\n [class.mdc-tooltip--multiline]=\"_isMultiline\"\n [@state]=\"_visibility\"\n (@state.start)=\"_animationStart()\"\n (@state.done)=\"_animationDone($event)\">\n <div class=\"mdc-tooltip__surface mdc-tooltip__surface-animation\">{{message}}</div>\n</div>\n", styles: [".mdc-tooltip__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-tooltip__caret-surface-top,.mdc-tooltip__caret-surface-bottom{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-tooltip__surface{word-break:break-all;word-break:var(--mdc-tooltip-word-break, normal);overflow-wrap:anywhere}.mdc-tooltip{z-index:9}.mdc-tooltip{position:fixed;display:none}.mdc-tooltip-wrapper--rich{position:relative}.mdc-tooltip--shown,.mdc-tooltip--showing,.mdc-tooltip--hide{display:inline-flex}.mdc-tooltip--shown.mdc-tooltip--rich,.mdc-tooltip--showing.mdc-tooltip--rich,.mdc-tooltip--hide.mdc-tooltip--rich{display:inline-block;left:-320px;position:absolute}.mdc-tooltip__surface{line-height:16px;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center}.mdc-tooltip__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-tooltip__surface::before{border-color:CanvasText}}.mdc-tooltip--rich .mdc-tooltip__surface{align-items:flex-start;border-radius:4px;display:flex;flex-direction:column;line-height:20px;min-height:24px;min-width:40px;max-width:320px;position:relative}.mdc-tooltip--rich .mdc-tooltip__surface .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-tooltip--multiline .mdc-tooltip__surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface,.mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl]{text-align:right}.mdc-tooltip__surface .mdc-tooltip__title{display:block;margin-top:0;line-height:20px;margin:0 8px}.mdc-tooltip__surface .mdc-tooltip__title::before{display:inline-block;width:0;height:24px;content:\"\";vertical-align:0}.mdc-tooltip__surface .mdc-tooltip__content{max-width:calc(100% - 2 * 8px);margin:8px;text-align:left}[dir=rtl] .mdc-tooltip__surface .mdc-tooltip__content,.mdc-tooltip__surface .mdc-tooltip__content[dir=rtl]{text-align:right}.mdc-tooltip__surface .mdc-tooltip__content-link{text-decoration:none}.mdc-tooltip--rich-actions{z-index:1}.mdc-tooltip__surface-animation{opacity:0;transform:scale(0.8);will-change:transform,opacity}.mdc-tooltip--shown .mdc-tooltip__surface-animation{transform:scale(1);opacity:1}.mdc-tooltip--hide .mdc-tooltip__surface-animation{transform:scale(1)}.mdc-tooltip__caret-surface-top,.mdc-tooltip__caret-surface-bottom{position:absolute;height:24px;width:24px;transform:rotate(35deg) skewY(20deg) scaleX(0.9396926208)}.mdc-tooltip__caret-surface-top .mdc-elevation-overlay,.mdc-tooltip__caret-surface-bottom .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-tooltip__caret-surface-bottom{outline:1px solid transparent;z-index:-1}@media screen and (forced-colors: active){.mdc-tooltip__caret-surface-bottom{outline-color:CanvasText}}.mat-mdc-tooltip{position:static;pointer-events:none !important}\n"] }]
142
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; } });
123
+ }, template: "<div\n #tooltip\n class=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip\"\n [ngClass]=\"tooltipClass\"\n (animationend)=\"_handleAnimationEnd($event)\"\n [class.mdc-tooltip--multiline]=\"_isMultiline\">\n <div class=\"mdc-tooltip__surface mdc-tooltip__surface-animation\">{{message}}</div>\n</div>\n", styles: [".mdc-tooltip__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-tooltip__caret-surface-top,.mdc-tooltip__caret-surface-bottom{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-tooltip__surface{word-break:break-all;word-break:var(--mdc-tooltip-word-break, normal);overflow-wrap:anywhere}.mdc-tooltip{z-index:9}.mdc-tooltip{position:fixed;display:none}.mdc-tooltip-wrapper--rich{position:relative}.mdc-tooltip--shown,.mdc-tooltip--showing,.mdc-tooltip--hide{display:inline-flex}.mdc-tooltip--shown.mdc-tooltip--rich,.mdc-tooltip--showing.mdc-tooltip--rich,.mdc-tooltip--hide.mdc-tooltip--rich{display:inline-block;left:-320px;position:absolute}.mdc-tooltip__surface{line-height:16px;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center}.mdc-tooltip__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-tooltip__surface::before{border-color:CanvasText}}.mdc-tooltip--rich .mdc-tooltip__surface{align-items:flex-start;border-radius:4px;display:flex;flex-direction:column;line-height:20px;min-height:24px;min-width:40px;max-width:320px;position:relative}.mdc-tooltip--rich .mdc-tooltip__surface .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-tooltip--multiline .mdc-tooltip__surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface,.mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl]{text-align:right}.mdc-tooltip__surface .mdc-tooltip__title{display:block;margin-top:0;line-height:20px;margin:0 8px}.mdc-tooltip__surface .mdc-tooltip__title::before{display:inline-block;width:0;height:24px;content:\"\";vertical-align:0}.mdc-tooltip__surface .mdc-tooltip__content{max-width:calc(100% - 2 * 8px);margin:8px;text-align:left}[dir=rtl] .mdc-tooltip__surface .mdc-tooltip__content,.mdc-tooltip__surface .mdc-tooltip__content[dir=rtl]{text-align:right}.mdc-tooltip__surface .mdc-tooltip__content-link{text-decoration:none}.mdc-tooltip--rich-actions{z-index:1}.mdc-tooltip__surface-animation{opacity:0;transform:scale(0.8);will-change:transform,opacity}.mdc-tooltip--shown .mdc-tooltip__surface-animation{transform:scale(1);opacity:1}.mdc-tooltip--hide .mdc-tooltip__surface-animation{transform:scale(1)}.mdc-tooltip__caret-surface-top,.mdc-tooltip__caret-surface-bottom{position:absolute;height:24px;width:24px;transform:rotate(35deg) skewY(20deg) scaleX(0.9396926208)}.mdc-tooltip__caret-surface-top .mdc-elevation-overlay,.mdc-tooltip__caret-surface-bottom .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-tooltip__caret-surface-bottom{outline:1px solid transparent;z-index:-1}@media screen and (forced-colors: active){.mdc-tooltip__caret-surface-bottom{outline-color:CanvasText}}.mat-mdc-tooltip{position:relative;transform:scale(0)}.mat-mdc-tooltip::before{content:\"\";top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;position:absolute}.mat-mdc-tooltip._mat-animation-noopable{animation:none;transform:scale(1)}.mat-mdc-tooltip-panel-non-interactive{pointer-events:none}@keyframes mat-mdc-tooltip-show{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes mat-mdc-tooltip-hide{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.8)}}.mat-mdc-tooltip-show{animation:mat-mdc-tooltip-show 150ms cubic-bezier(0, 0, 0.2, 1) forwards}.mat-mdc-tooltip-hide{animation:mat-mdc-tooltip-hide 75ms cubic-bezier(0.4, 0, 1, 1) forwards}\n"] }]
124
+ }], ctorParameters: function () {
125
+ return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{
126
+ type: Optional
127
+ }, {
128
+ type: Inject,
129
+ args: [ANIMATION_MODULE_TYPE]
130
+ }] }];
131
+ }, propDecorators: { _tooltip: [{
132
+ type: ViewChild,
133
+ args: ['tooltip', {
134
+ // Use a static query here since we interact directly with
135
+ // the DOM which can happen before `ngAfterViewInit`.
136
+ static: true,
137
+ }]
138
+ }] } });
139
+
140
+ /**
141
+ * @license
142
+ * Copyright Google LLC All Rights Reserved.
143
+ *
144
+ * Use of this source code is governed by an MIT-style license that can be
145
+ * found in the LICENSE file at https://angular.io/license
146
+ */
147
+ /**
148
+ * Animations used by MatTooltip.
149
+ * @docs-private
150
+ */
151
+ const matTooltipAnimations = {
152
+ /** Animation that transitions a tooltip in and out. */
153
+ tooltipState: trigger('state', [
154
+ // TODO(crisbeto): these values are based on MDC's CSS.
155
+ // We should be able to use their styles directly once we land #19432.
156
+ state('initial, void, hidden', style({ opacity: 0, transform: 'scale(0.8)' })),
157
+ state('visible', style({ transform: 'scale(1)' })),
158
+ transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')),
159
+ transition('* => hidden', animate('75ms cubic-bezier(0.4, 0, 1, 1)')),
160
+ ]),
161
+ };
143
162
 
144
163
  /**
145
164
  * @license
@@ -1 +1 @@
1
- {"version":3,"file":"mdc-tooltip.mjs","sources":["../../../../../../src/material-experimental/mdc-tooltip/tooltip-animations.ts","../../../../../../src/material-experimental/mdc-tooltip/tooltip.ts","../../../../../../src/material-experimental/mdc-tooltip/tooltip.html","../../../../../../src/material-experimental/mdc-tooltip/module.ts","../../../../../../src/material-experimental/mdc-tooltip/public-api.ts","../../../../../../src/material-experimental/mdc-tooltip/index.ts","../../../../../../src/material-experimental/mdc-tooltip/mdc-tooltip_public_index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {\n animate,\n AnimationTriggerMetadata,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\n/**\n * Animations used by MatTooltip.\n * @docs-private\n */\nexport const matTooltipAnimations: {\n readonly tooltipState: AnimationTriggerMetadata;\n} = {\n /** Animation that transitions a tooltip in and out. */\n tooltipState: trigger('state', [\n // TODO(crisbeto): these values are based on MDC's CSS.\n // We should be able to use their styles directly once we land #19432.\n state('initial, void, hidden', style({opacity: 0, transform: 'scale(0.8)'})),\n state('visible', style({transform: 'scale(1)'})),\n transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')),\n transition('* => hidden', animate('75ms cubic-bezier(0.4, 0, 1, 1)')),\n ]),\n};\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Directive,\n ElementRef,\n Inject,\n NgZone,\n Optional,\n ViewContainerRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {Platform} from '@angular/cdk/platform';\nimport {AriaDescriber, FocusMonitor} from '@angular/cdk/a11y';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {ConnectedPosition, Overlay, ScrollDispatcher} from '@angular/cdk/overlay';\nimport {\n MatTooltipDefaultOptions,\n MAT_TOOLTIP_DEFAULT_OPTIONS,\n MAT_TOOLTIP_SCROLL_STRATEGY,\n _MatTooltipBase,\n _TooltipComponentBase,\n} from '@angular/material/tooltip';\nimport {numbers} from '@material/tooltip';\nimport {matTooltipAnimations} from './tooltip-animations';\n\n/**\n * CSS class that will be attached to the overlay panel.\n * @deprecated\n * @breaking-change 13.0.0 remove this variable\n */\nexport const TOOLTIP_PANEL_CLASS = 'mat-mdc-tooltip-panel';\n\n/**\n * Directive that attaches a material design tooltip to the host element. Animates the showing and\n * hiding of a tooltip provided position (defaults to below the element).\n *\n * https://material.io/design/components/tooltips.html\n */\n@Directive({\n selector: '[matTooltip]',\n exportAs: 'matTooltip',\n host: {\n 'class': 'mat-mdc-tooltip-trigger',\n },\n})\nexport class MatTooltip extends _MatTooltipBase<TooltipComponent> {\n protected override readonly _tooltipComponent = TooltipComponent;\n protected override readonly _cssClassPrefix = 'mat-mdc';\n\n constructor(\n overlay: Overlay,\n elementRef: ElementRef<HTMLElement>,\n scrollDispatcher: ScrollDispatcher,\n viewContainerRef: ViewContainerRef,\n ngZone: NgZone,\n platform: Platform,\n ariaDescriber: AriaDescriber,\n focusMonitor: FocusMonitor,\n @Inject(MAT_TOOLTIP_SCROLL_STRATEGY) scrollStrategy: any,\n @Optional() dir: Directionality,\n @Optional() @Inject(MAT_TOOLTIP_DEFAULT_OPTIONS) defaultOptions: MatTooltipDefaultOptions,\n @Inject(DOCUMENT) _document: any,\n ) {\n super(\n overlay,\n elementRef,\n scrollDispatcher,\n viewContainerRef,\n ngZone,\n platform,\n ariaDescriber,\n focusMonitor,\n scrollStrategy,\n dir,\n defaultOptions,\n _document,\n );\n this._viewportMargin = numbers.MIN_VIEWPORT_TOOLTIP_THRESHOLD;\n }\n\n protected override _addOffset(position: ConnectedPosition): ConnectedPosition {\n const offset = numbers.UNBOUNDED_ANCHOR_GAP;\n const isLtr = !this._dir || this._dir.value == 'ltr';\n\n if (position.originY === 'top') {\n position.offsetY = -offset;\n } else if (position.originY === 'bottom') {\n position.offsetY = offset;\n } else if (position.originX === 'start') {\n position.offsetX = isLtr ? -offset : offset;\n } else if (position.originX === 'end') {\n position.offsetX = isLtr ? offset : -offset;\n }\n\n return position;\n }\n}\n\n/**\n * Internal component that wraps the tooltip's content.\n * @docs-private\n */\n@Component({\n selector: 'mat-tooltip-component',\n templateUrl: 'tooltip.html',\n styleUrls: ['tooltip.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [matTooltipAnimations.tooltipState],\n host: {\n // Forces the element to have a layout in IE and Edge. This fixes issues where the element\n // won't be rendered if the animations are disabled or there is no web animations polyfill.\n '[style.zoom]': '_visibility === \"visible\" ? 1 : null',\n 'aria-hidden': 'true',\n },\n})\nexport class TooltipComponent extends _TooltipComponentBase {\n /* Whether the tooltip text overflows to multiple lines */\n _isMultiline: boolean = false;\n\n constructor(changeDetectorRef: ChangeDetectorRef, private _elementRef: ElementRef) {\n super(changeDetectorRef);\n }\n\n protected override _onShow(): void {\n this._isMultiline = this._isTooltipMultiline();\n }\n\n /** Whether the tooltip text has overflown to the next line */\n private _isTooltipMultiline() {\n const rect = this._elementRef.nativeElement.getBoundingClientRect();\n return rect.height > numbers.MIN_HEIGHT && rect.width >= numbers.MAX_WIDTH;\n }\n}\n","<div\n class=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip\"\n [ngClass]=\"tooltipClass\"\n [class.mdc-tooltip--multiline]=\"_isMultiline\"\n [@state]=\"_visibility\"\n (@state.start)=\"_animationStart()\"\n (@state.done)=\"_animationDone($event)\">\n <div class=\"mdc-tooltip__surface mdc-tooltip__surface-animation\">{{message}}</div>\n</div>\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {A11yModule} from '@angular/cdk/a11y';\nimport {OverlayModule} from '@angular/cdk/overlay';\nimport {CdkScrollableModule} from '@angular/cdk/scrolling';\nimport {MatCommonModule} from '@angular/material-experimental/mdc-core';\nimport {MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER} from '@angular/material/tooltip';\nimport {MatTooltip, TooltipComponent} from './tooltip';\n\n@NgModule({\n imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule],\n exports: [MatTooltip, TooltipComponent, MatCommonModule, CdkScrollableModule],\n declarations: [MatTooltip, TooltipComponent],\n providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER],\n})\nexport class MatTooltipModule {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './tooltip';\nexport * from './tooltip-animations';\nexport * from './module';\n\nexport {\n getMatTooltipInvalidPositionError,\n MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY,\n MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY,\n TooltipPosition,\n TooltipTouchGestures,\n TooltipVisibility,\n SCROLL_THROTTLE_MS,\n MAT_TOOLTIP_SCROLL_STRATEGY,\n MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER,\n MatTooltipDefaultOptions,\n MAT_TOOLTIP_DEFAULT_OPTIONS,\n} from '@angular/material/tooltip';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"mdc-tooltip.mjs","sources":["../../../../../../src/material-experimental/mdc-tooltip/tooltip.ts","../../../../../../src/material-experimental/mdc-tooltip/tooltip.html","../../../../../../src/material-experimental/mdc-tooltip/tooltip-animations.ts","../../../../../../src/material-experimental/mdc-tooltip/module.ts","../../../../../../src/material-experimental/mdc-tooltip/public-api.ts","../../../../../../src/material-experimental/mdc-tooltip/index.ts","../../../../../../src/material-experimental/mdc-tooltip/mdc-tooltip_public_index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Directive,\n ElementRef,\n Inject,\n NgZone,\n Optional,\n ViewChild,\n ViewContainerRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {Platform} from '@angular/cdk/platform';\nimport {ANIMATION_MODULE_TYPE} from '@angular/platform-browser/animations';\nimport {AriaDescriber, FocusMonitor} from '@angular/cdk/a11y';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {ConnectedPosition, Overlay, ScrollDispatcher} from '@angular/cdk/overlay';\nimport {\n MatTooltipDefaultOptions,\n MAT_TOOLTIP_DEFAULT_OPTIONS,\n MAT_TOOLTIP_SCROLL_STRATEGY,\n _MatTooltipBase,\n _TooltipComponentBase,\n} from '@angular/material/tooltip';\nimport {numbers} from '@material/tooltip';\n\n/**\n * CSS class that will be attached to the overlay panel.\n * @deprecated\n * @breaking-change 13.0.0 remove this variable\n */\nexport const TOOLTIP_PANEL_CLASS = 'mat-mdc-tooltip-panel';\n\n/**\n * Directive that attaches a material design tooltip to the host element. Animates the showing and\n * hiding of a tooltip provided position (defaults to below the element).\n *\n * https://material.io/design/components/tooltips.html\n */\n@Directive({\n selector: '[matTooltip]',\n exportAs: 'matTooltip',\n host: {\n 'class': 'mat-mdc-tooltip-trigger',\n },\n})\nexport class MatTooltip extends _MatTooltipBase<TooltipComponent> {\n protected override readonly _tooltipComponent = TooltipComponent;\n protected override readonly _cssClassPrefix = 'mat-mdc';\n\n constructor(\n overlay: Overlay,\n elementRef: ElementRef<HTMLElement>,\n scrollDispatcher: ScrollDispatcher,\n viewContainerRef: ViewContainerRef,\n ngZone: NgZone,\n platform: Platform,\n ariaDescriber: AriaDescriber,\n focusMonitor: FocusMonitor,\n @Inject(MAT_TOOLTIP_SCROLL_STRATEGY) scrollStrategy: any,\n @Optional() dir: Directionality,\n @Optional() @Inject(MAT_TOOLTIP_DEFAULT_OPTIONS) defaultOptions: MatTooltipDefaultOptions,\n @Inject(DOCUMENT) _document: any,\n ) {\n super(\n overlay,\n elementRef,\n scrollDispatcher,\n viewContainerRef,\n ngZone,\n platform,\n ariaDescriber,\n focusMonitor,\n scrollStrategy,\n dir,\n defaultOptions,\n _document,\n );\n this._viewportMargin = numbers.MIN_VIEWPORT_TOOLTIP_THRESHOLD;\n }\n\n protected override _addOffset(position: ConnectedPosition): ConnectedPosition {\n const offset = numbers.UNBOUNDED_ANCHOR_GAP;\n const isLtr = !this._dir || this._dir.value == 'ltr';\n\n if (position.originY === 'top') {\n position.offsetY = -offset;\n } else if (position.originY === 'bottom') {\n position.offsetY = offset;\n } else if (position.originX === 'start') {\n position.offsetX = isLtr ? -offset : offset;\n } else if (position.originX === 'end') {\n position.offsetX = isLtr ? offset : -offset;\n }\n\n return position;\n }\n}\n\n/**\n * Internal component that wraps the tooltip's content.\n * @docs-private\n */\n@Component({\n selector: 'mat-tooltip-component',\n templateUrl: 'tooltip.html',\n styleUrls: ['tooltip.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n // Forces the element to have a layout in IE and Edge. This fixes issues where the element\n // won't be rendered if the animations are disabled or there is no web animations polyfill.\n '[style.zoom]': 'isVisible() ? 1 : null',\n '(mouseleave)': '_handleMouseLeave($event)',\n 'aria-hidden': 'true',\n },\n})\nexport class TooltipComponent extends _TooltipComponentBase {\n /* Whether the tooltip text overflows to multiple lines */\n _isMultiline = false;\n\n /** Reference to the internal tooltip element. */\n @ViewChild('tooltip', {\n // Use a static query here since we interact directly with\n // the DOM which can happen before `ngAfterViewInit`.\n static: true,\n })\n _tooltip: ElementRef<HTMLElement>;\n _showAnimation = 'mat-mdc-tooltip-show';\n _hideAnimation = 'mat-mdc-tooltip-hide';\n\n constructor(\n changeDetectorRef: ChangeDetectorRef,\n private _elementRef: ElementRef<HTMLElement>,\n @Optional() @Inject(ANIMATION_MODULE_TYPE) animationMode?: string,\n ) {\n super(changeDetectorRef, animationMode);\n }\n\n protected override _onShow(): void {\n this._isMultiline = this._isTooltipMultiline();\n this._markForCheck();\n }\n\n /** Whether the tooltip text has overflown to the next line */\n private _isTooltipMultiline() {\n const rect = this._elementRef.nativeElement.getBoundingClientRect();\n return rect.height > numbers.MIN_HEIGHT && rect.width >= numbers.MAX_WIDTH;\n }\n}\n","<div\n #tooltip\n class=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip\"\n [ngClass]=\"tooltipClass\"\n (animationend)=\"_handleAnimationEnd($event)\"\n [class.mdc-tooltip--multiline]=\"_isMultiline\">\n <div class=\"mdc-tooltip__surface mdc-tooltip__surface-animation\">{{message}}</div>\n</div>\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {\n animate,\n AnimationTriggerMetadata,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\n/**\n * Animations used by MatTooltip.\n * @docs-private\n */\nexport const matTooltipAnimations: {\n readonly tooltipState: AnimationTriggerMetadata;\n} = {\n /** Animation that transitions a tooltip in and out. */\n tooltipState: trigger('state', [\n // TODO(crisbeto): these values are based on MDC's CSS.\n // We should be able to use their styles directly once we land #19432.\n state('initial, void, hidden', style({opacity: 0, transform: 'scale(0.8)'})),\n state('visible', style({transform: 'scale(1)'})),\n transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')),\n transition('* => hidden', animate('75ms cubic-bezier(0.4, 0, 1, 1)')),\n ]),\n};\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {A11yModule} from '@angular/cdk/a11y';\nimport {OverlayModule} from '@angular/cdk/overlay';\nimport {CdkScrollableModule} from '@angular/cdk/scrolling';\nimport {MatCommonModule} from '@angular/material-experimental/mdc-core';\nimport {MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER} from '@angular/material/tooltip';\nimport {MatTooltip, TooltipComponent} from './tooltip';\n\n@NgModule({\n imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule],\n exports: [MatTooltip, TooltipComponent, MatCommonModule, CdkScrollableModule],\n declarations: [MatTooltip, TooltipComponent],\n providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER],\n})\nexport class MatTooltipModule {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './tooltip';\nexport * from './tooltip-animations';\nexport * from './module';\n\nexport {\n getMatTooltipInvalidPositionError,\n MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY,\n MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY,\n TooltipPosition,\n TooltipTouchGestures,\n TooltipVisibility,\n SCROLL_THROTTLE_MS,\n MAT_TOOLTIP_SCROLL_STRATEGY,\n MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER,\n MatTooltipDefaultOptions,\n MAT_TOOLTIP_DEFAULT_OPTIONS,\n} from '@angular/material/tooltip';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -8,7 +8,7 @@ import { Version } from '@angular/core';
8
8
  * found in the LICENSE file at https://angular.io/license
9
9
  */
10
10
  /** Current version of the Material experimental package. */
11
- const VERSION = new Version('13.2.3');
11
+ const VERSION = new Version('13.2.6');
12
12
 
13
13
  /**
14
14
  * @license
@@ -1 +1 @@
1
- {"version":3,"file":"material-experimental.mjs","sources":["../../../../../../src/material-experimental/version.ts","../../../../../../src/material-experimental/public-api.ts","../../../../../../src/material-experimental/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the Material experimental package. */\nexport const VERSION = new Version('13.2.3');\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './version';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;;;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;ACXtD;;;;;;;;ACAA;;;;;;;;;;"}
1
+ {"version":3,"file":"material-experimental.mjs","sources":["../../../../../../src/material-experimental/version.ts","../../../../../../src/material-experimental/public-api.ts","../../../../../../src/material-experimental/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the Material experimental package. */\nexport const VERSION = new Version('13.2.6');\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './version';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;;;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;ACXtD;;;;;;;;ACAA;;;;;;;;;;"}
@@ -86,7 +86,7 @@ class MatAutocompleteTrigger extends _MatAutocompleteTriggerBase {
86
86
  }
87
87
  }
88
88
  MatAutocompleteTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MatAutocompleteTrigger, deps: null, target: i0.ɵɵFactoryTarget.Directive });
89
- MatAutocompleteTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", host: { listeners: { "focusin": "_handleFocus()", "blur": "_onTouched()", "input": "_handleInput($event)", "keydown": "_handleKeydown($event)" }, 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-owns": "(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id", "attr.aria-haspopup": "!autocompleteDisabled" }, classAttribute: "mat-mdc-autocomplete-trigger" }, providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR], exportAs: ["matAutocompleteTrigger"], usesInheritance: true, ngImport: i0 });
89
+ MatAutocompleteTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", 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-owns": "(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id", "attr.aria-haspopup": "autocompleteDisabled ? null : \"listbox\"" }, classAttribute: "mat-mdc-autocomplete-trigger" }, providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR], exportAs: ["matAutocompleteTrigger"], usesInheritance: true, ngImport: i0 });
90
90
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MatAutocompleteTrigger, decorators: [{
91
91
  type: Directive,
92
92
  args: [{
@@ -99,13 +99,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
99
99
  '[attr.aria-activedescendant]': '(panelOpen && activeOption) ? activeOption.id : null',
100
100
  '[attr.aria-expanded]': 'autocompleteDisabled ? null : panelOpen.toString()',
101
101
  '[attr.aria-owns]': '(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id',
102
- '[attr.aria-haspopup]': '!autocompleteDisabled',
102
+ '[attr.aria-haspopup]': 'autocompleteDisabled ? null : "listbox"',
103
103
  // Note: we use `focusin`, as opposed to `focus`, in order to open the panel
104
104
  // a little earlier. This avoids issues where IE delays the focusing of the input.
105
105
  '(focusin)': '_handleFocus()',
106
106
  '(blur)': '_onTouched()',
107
107
  '(input)': '_handleInput($event)',
108
108
  '(keydown)': '_handleKeydown($event)',
109
+ '(click)': '_handleClick()',
109
110
  },
110
111
  exportAs: 'matAutocompleteTrigger',
111
112
  providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR],
@@ -1 +1 @@
1
- {"version":3,"file":"mdc-autocomplete.mjs","sources":["../../../../../../src/material-experimental/mdc-autocomplete/animations.ts","../../../../../../src/material-experimental/mdc-autocomplete/autocomplete.ts","../../../../../../src/material-experimental/mdc-autocomplete/autocomplete.html","../../../../../../src/material-experimental/mdc-autocomplete/autocomplete-trigger.ts","../../../../../../src/material-experimental/mdc-autocomplete/autocomplete-origin.ts","../../../../../../src/material-experimental/mdc-autocomplete/module.ts","../../../../../../src/material-experimental/mdc-autocomplete/public-api.ts","../../../../../../src/material-experimental/mdc-autocomplete/index.ts","../../../../../../src/material-experimental/mdc-autocomplete/mdc-autocomplete_public_index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {\n animate,\n AnimationTriggerMetadata,\n group,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\n// Animation values come from\n// https://github.com/material-components/material-components-web/blob/master/packages/mdc-menu-surface/_mixins.scss\n// TODO(mmalerba): Ideally find a way to import the values from MDC's code.\nexport const panelAnimation: AnimationTriggerMetadata = trigger('panelAnimation', [\n state(\n 'void, hidden',\n style({\n opacity: 0,\n transform: 'scaleY(0.8)',\n }),\n ),\n transition(':enter, hidden => visible', [\n group([\n animate('0.03s linear', style({opacity: 1})),\n animate('0.12s cubic-bezier(0, 0, 0.2, 1)', style({transform: 'scaleY(1)'})),\n ]),\n ]),\n transition(':leave, visible => hidden', [animate('0.075s linear', style({opacity: 0}))]),\n]);\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport {\n MAT_OPTGROUP,\n MAT_OPTION_PARENT_COMPONENT,\n MatOptgroup,\n MatOption,\n} from '@angular/material-experimental/mdc-core';\nimport {_MatAutocompleteBase} from '@angular/material/autocomplete';\nimport {panelAnimation} from './animations';\n\n@Component({\n selector: 'mat-autocomplete',\n templateUrl: 'autocomplete.html',\n styleUrls: ['autocomplete.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: 'matAutocomplete',\n inputs: ['disableRipple'],\n host: {\n 'class': 'mat-mdc-autocomplete',\n },\n providers: [{provide: MAT_OPTION_PARENT_COMPONENT, useExisting: MatAutocomplete}],\n animations: [panelAnimation],\n})\nexport class MatAutocomplete extends _MatAutocompleteBase {\n /** Reference to all option groups within the autocomplete. */\n @ContentChildren(MAT_OPTGROUP, {descendants: true}) optionGroups: QueryList<MatOptgroup>;\n /** Reference to all options within the autocomplete. */\n @ContentChildren(MatOption, {descendants: true}) options: QueryList<MatOption>;\n protected _visibleClass = 'mat-mdc-autocomplete-visible';\n protected _hiddenClass = 'mat-mdc-autocomplete-hidden';\n}\n","<ng-template let-formFieldId=\"id\">\n <div\n class=\"mat-mdc-autocomplete-panel mdc-menu-surface mdc-menu-surface--open\"\n role=\"listbox\"\n [id]=\"id\"\n [ngClass]=\"_classList\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"_getPanelAriaLabelledby(formFieldId)\"\n [@panelAnimation]=\"isOpen ? 'visible' : 'hidden'\"\n #panel>\n <ng-content></ng-content>\n </div>\n</ng-template>\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Directive, forwardRef} from '@angular/core';\nimport {NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {_MatAutocompleteTriggerBase} from '@angular/material/autocomplete';\nimport {\n _countGroupLabelsBeforeOption,\n _getOptionScrollPosition,\n} from '@angular/material-experimental/mdc-core';\n\n/**\n * Provider that allows the autocomplete to register as a ControlValueAccessor.\n * @docs-private\n */\nexport const MAT_AUTOCOMPLETE_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => MatAutocompleteTrigger),\n multi: true,\n};\n\n@Directive({\n selector: `input[matAutocomplete], textarea[matAutocomplete]`,\n host: {\n 'class': 'mat-mdc-autocomplete-trigger',\n '[attr.autocomplete]': 'autocompleteAttribute',\n '[attr.role]': 'autocompleteDisabled ? null : \"combobox\"',\n '[attr.aria-autocomplete]': 'autocompleteDisabled ? null : \"list\"',\n '[attr.aria-activedescendant]': '(panelOpen && activeOption) ? activeOption.id : null',\n '[attr.aria-expanded]': 'autocompleteDisabled ? null : panelOpen.toString()',\n '[attr.aria-owns]': '(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id',\n '[attr.aria-haspopup]': '!autocompleteDisabled',\n // Note: we use `focusin`, as opposed to `focus`, in order to open the panel\n // a little earlier. This avoids issues where IE delays the focusing of the input.\n '(focusin)': '_handleFocus()',\n '(blur)': '_onTouched()',\n '(input)': '_handleInput($event)',\n '(keydown)': '_handleKeydown($event)',\n },\n exportAs: 'matAutocompleteTrigger',\n providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR],\n})\nexport class MatAutocompleteTrigger extends _MatAutocompleteTriggerBase {\n protected _aboveClass = 'mat-mdc-autocomplete-panel-above';\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Directive} from '@angular/core';\nimport {_MatAutocompleteOriginBase} from '@angular/material/autocomplete';\n\n/**\n * Directive applied to an element to make it usable\n * as a connection point for an autocomplete panel.\n */\n@Directive({\n selector: '[matAutocompleteOrigin]',\n exportAs: 'matAutocompleteOrigin',\n})\nexport class MatAutocompleteOrigin extends _MatAutocompleteOriginBase {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {NgModule} from '@angular/core';\nimport {MatCommonModule, MatOptionModule} from '@angular/material-experimental/mdc-core';\nimport {CommonModule} from '@angular/common';\nimport {CdkScrollableModule} from '@angular/cdk/scrolling';\nimport {OverlayModule} from '@angular/cdk/overlay';\nimport {MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER} from '@angular/material/autocomplete';\nimport {MatAutocomplete} from './autocomplete';\nimport {MatAutocompleteTrigger} from './autocomplete-trigger';\nimport {MatAutocompleteOrigin} from './autocomplete-origin';\n\n@NgModule({\n imports: [OverlayModule, MatOptionModule, MatCommonModule, CommonModule],\n exports: [\n CdkScrollableModule,\n MatAutocomplete,\n MatOptionModule,\n MatCommonModule,\n MatAutocompleteTrigger,\n MatAutocompleteOrigin,\n ],\n declarations: [MatAutocomplete, MatAutocompleteTrigger, MatAutocompleteOrigin],\n providers: [MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER],\n})\nexport class MatAutocompleteModule {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './module';\nexport * from './autocomplete';\nexport * from './autocomplete-origin';\nexport * from './autocomplete-trigger';\n\n// Everything from `material/autocomplete`, except for `MatAutcomplete` and `MatAutocompleteModule`.\nexport {\n getMatAutocompleteMissingPanelError,\n MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,\n MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY,\n MAT_AUTOCOMPLETE_SCROLL_STRATEGY,\n MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY,\n MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER,\n MatAutocompleteActivatedEvent,\n MatAutocompleteDefaultOptions,\n MatAutocompleteSelectedEvent,\n} from '@angular/material/autocomplete';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"mdc-autocomplete.mjs","sources":["../../../../../../src/material-experimental/mdc-autocomplete/animations.ts","../../../../../../src/material-experimental/mdc-autocomplete/autocomplete.ts","../../../../../../src/material-experimental/mdc-autocomplete/autocomplete.html","../../../../../../src/material-experimental/mdc-autocomplete/autocomplete-trigger.ts","../../../../../../src/material-experimental/mdc-autocomplete/autocomplete-origin.ts","../../../../../../src/material-experimental/mdc-autocomplete/module.ts","../../../../../../src/material-experimental/mdc-autocomplete/public-api.ts","../../../../../../src/material-experimental/mdc-autocomplete/index.ts","../../../../../../src/material-experimental/mdc-autocomplete/mdc-autocomplete_public_index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {\n animate,\n AnimationTriggerMetadata,\n group,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\n// Animation values come from\n// https://github.com/material-components/material-components-web/blob/master/packages/mdc-menu-surface/_mixins.scss\n// TODO(mmalerba): Ideally find a way to import the values from MDC's code.\nexport const panelAnimation: AnimationTriggerMetadata = trigger('panelAnimation', [\n state(\n 'void, hidden',\n style({\n opacity: 0,\n transform: 'scaleY(0.8)',\n }),\n ),\n transition(':enter, hidden => visible', [\n group([\n animate('0.03s linear', style({opacity: 1})),\n animate('0.12s cubic-bezier(0, 0, 0.2, 1)', style({transform: 'scaleY(1)'})),\n ]),\n ]),\n transition(':leave, visible => hidden', [animate('0.075s linear', style({opacity: 0}))]),\n]);\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport {\n MAT_OPTGROUP,\n MAT_OPTION_PARENT_COMPONENT,\n MatOptgroup,\n MatOption,\n} from '@angular/material-experimental/mdc-core';\nimport {_MatAutocompleteBase} from '@angular/material/autocomplete';\nimport {panelAnimation} from './animations';\n\n@Component({\n selector: 'mat-autocomplete',\n templateUrl: 'autocomplete.html',\n styleUrls: ['autocomplete.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: 'matAutocomplete',\n inputs: ['disableRipple'],\n host: {\n 'class': 'mat-mdc-autocomplete',\n },\n providers: [{provide: MAT_OPTION_PARENT_COMPONENT, useExisting: MatAutocomplete}],\n animations: [panelAnimation],\n})\nexport class MatAutocomplete extends _MatAutocompleteBase {\n /** Reference to all option groups within the autocomplete. */\n @ContentChildren(MAT_OPTGROUP, {descendants: true}) optionGroups: QueryList<MatOptgroup>;\n /** Reference to all options within the autocomplete. */\n @ContentChildren(MatOption, {descendants: true}) options: QueryList<MatOption>;\n protected _visibleClass = 'mat-mdc-autocomplete-visible';\n protected _hiddenClass = 'mat-mdc-autocomplete-hidden';\n}\n","<ng-template let-formFieldId=\"id\">\n <div\n class=\"mat-mdc-autocomplete-panel mdc-menu-surface mdc-menu-surface--open\"\n role=\"listbox\"\n [id]=\"id\"\n [ngClass]=\"_classList\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"_getPanelAriaLabelledby(formFieldId)\"\n [@panelAnimation]=\"isOpen ? 'visible' : 'hidden'\"\n #panel>\n <ng-content></ng-content>\n </div>\n</ng-template>\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Directive, forwardRef} from '@angular/core';\nimport {NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {_MatAutocompleteTriggerBase} from '@angular/material/autocomplete';\nimport {\n _countGroupLabelsBeforeOption,\n _getOptionScrollPosition,\n} from '@angular/material-experimental/mdc-core';\n\n/**\n * Provider that allows the autocomplete to register as a ControlValueAccessor.\n * @docs-private\n */\nexport const MAT_AUTOCOMPLETE_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => MatAutocompleteTrigger),\n multi: true,\n};\n\n@Directive({\n selector: `input[matAutocomplete], textarea[matAutocomplete]`,\n host: {\n 'class': 'mat-mdc-autocomplete-trigger',\n '[attr.autocomplete]': 'autocompleteAttribute',\n '[attr.role]': 'autocompleteDisabled ? null : \"combobox\"',\n '[attr.aria-autocomplete]': 'autocompleteDisabled ? null : \"list\"',\n '[attr.aria-activedescendant]': '(panelOpen && activeOption) ? activeOption.id : null',\n '[attr.aria-expanded]': 'autocompleteDisabled ? null : panelOpen.toString()',\n '[attr.aria-owns]': '(autocompleteDisabled || !panelOpen) ? null : autocomplete?.id',\n '[attr.aria-haspopup]': 'autocompleteDisabled ? null : \"listbox\"',\n // Note: we use `focusin`, as opposed to `focus`, in order to open the panel\n // a little earlier. This avoids issues where IE delays the focusing of the input.\n '(focusin)': '_handleFocus()',\n '(blur)': '_onTouched()',\n '(input)': '_handleInput($event)',\n '(keydown)': '_handleKeydown($event)',\n '(click)': '_handleClick()',\n },\n exportAs: 'matAutocompleteTrigger',\n providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR],\n})\nexport class MatAutocompleteTrigger extends _MatAutocompleteTriggerBase {\n protected _aboveClass = 'mat-mdc-autocomplete-panel-above';\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Directive} from '@angular/core';\nimport {_MatAutocompleteOriginBase} from '@angular/material/autocomplete';\n\n/**\n * Directive applied to an element to make it usable\n * as a connection point for an autocomplete panel.\n */\n@Directive({\n selector: '[matAutocompleteOrigin]',\n exportAs: 'matAutocompleteOrigin',\n})\nexport class MatAutocompleteOrigin extends _MatAutocompleteOriginBase {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {NgModule} from '@angular/core';\nimport {MatCommonModule, MatOptionModule} from '@angular/material-experimental/mdc-core';\nimport {CommonModule} from '@angular/common';\nimport {CdkScrollableModule} from '@angular/cdk/scrolling';\nimport {OverlayModule} from '@angular/cdk/overlay';\nimport {MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER} from '@angular/material/autocomplete';\nimport {MatAutocomplete} from './autocomplete';\nimport {MatAutocompleteTrigger} from './autocomplete-trigger';\nimport {MatAutocompleteOrigin} from './autocomplete-origin';\n\n@NgModule({\n imports: [OverlayModule, MatOptionModule, MatCommonModule, CommonModule],\n exports: [\n CdkScrollableModule,\n MatAutocomplete,\n MatOptionModule,\n MatCommonModule,\n MatAutocompleteTrigger,\n MatAutocompleteOrigin,\n ],\n declarations: [MatAutocomplete, MatAutocompleteTrigger, MatAutocompleteOrigin],\n providers: [MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER],\n})\nexport class MatAutocompleteModule {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './module';\nexport * from './autocomplete';\nexport * from './autocomplete-origin';\nexport * from './autocomplete-trigger';\n\n// Everything from `material/autocomplete`, except for `MatAutcomplete` and `MatAutocompleteModule`.\nexport {\n getMatAutocompleteMissingPanelError,\n MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,\n MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY,\n MAT_AUTOCOMPLETE_SCROLL_STRATEGY,\n MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY,\n MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER,\n MatAutocompleteActivatedEvent,\n MatAutocompleteDefaultOptions,\n MatAutocompleteSelectedEvent,\n} from '@angular/material/autocomplete';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}