@ng-matero/extensions 12.4.0 → 12.5.3

package/text3d/_text3d-theme.scss

@@ -1,10 +1,12 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '~@angular/material/core/theming/theming';
+@use '~@angular/material/core/theming/palette';
 
-@mixin theme($theme) {
-  $background: map.get($theme, background);
-  $foreground: map.get($theme, foreground);
-  $is-dark-theme: map.get($theme, is-dark);
+@mixin color($config-or-theme) {
+  $config: theming.get-color-config($config-or-theme);
+  $background: map.get($config, background);
+  $foreground: map.get($config, foreground);
+  $is-dark-theme: map.get($config, is-dark);
 
   .mtx-text3d {
     .mtx-text3d-layer {
@@ -12,12 +14,35 @@
 
       &:not(:first-child) {
         text-shadow: 0 0 20px rgba(black, .12);
-        color: mat.get-color-from-palette(mat.$gray-palette, 100);
+        color: theming.get-color-from-palette(palette.$gray-palette, 100);
       }
 
       &:first-child {
-        color: mat.get-color-from-palette(mat.$gray-palette, 900);
+        color: theming.get-color-from-palette(palette.$gray-palette, 900);
       }
     }
   }
 }
+
+@mixin typography($config-or-theme) {}
+
+@mixin _density($config-or-theme) {}
+
+@mixin theme($theme-or-color-config) {
+  $theme: theming.private-legacy-get-theme($theme-or-color-config);
+  @include theming.private-check-duplicate-theme-styles($theme, 'mtx-text3d') {
+    $color: theming.get-color-config($theme);
+    $density: theming.get-density-config($theme);
+    $typography: theming.get-typography-config($theme);
+
+    @if $color != null {
+      @include color($color);
+    }
+    @if $density != null {
+      @include _density($density);
+    }
+    @if $typography != null {
+      @include typography($typography);
+    }
+  }
+}

package/text3d/mtxText3d.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MtxText3dModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"MtxText3dComponent"}],"declarations":[{"__symbolic":"reference","name":"MtxText3dComponent"}]}]}],"members":{}},"MtxText3dComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"mtx-text3d","exportAs":"mtxText3d","host":{"class":"mtx-text3d","[style.transform]":"transform","$quoted$":["class","[style.transform]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"template":"<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n      [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n  {{text}}\n  <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n","styles":[".mtx-text3d{display:block;transform-style:preserve-3d;-webkit-animation:rotate 5s ease infinite;animation:rotate 5s ease infinite;font-weight:bold}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":22,"character":16},{"static":false}]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"depth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"rotateX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"rotateY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"rotateZ":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}},"origins":{"MtxText3dModule":"./text3d.module","MtxText3dComponent":"./text3d.component"},"importAs":"@ng-matero/extensions/text3d"}
+{"__symbolic":"module","version":4,"metadata":{"MtxText3dModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"MtxText3dComponent"}],"declarations":[{"__symbolic":"reference","name":"MtxText3dComponent"}]}]}],"members":{}},"MtxText3dComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"mtx-text3d","exportAs":"mtxText3d","host":{"class":"mtx-text3d","[style.transform]":"transform","$quoted$":["class","[style.transform]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"template":"<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n      [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n  {{text}}\n  <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n","styles":[".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:bold}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"]}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":22,"character":16},{"static":false}]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"depth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"rotateX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"rotateY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"rotateZ":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}},"origins":{"MtxText3dModule":"./text3d.module","MtxText3dComponent":"./text3d.component"},"importAs":"@ng-matero/extensions/text3d"}

package/tooltip/_tooltip-theme.import.scss

@@ -1,3 +1,3 @@
-@forward 'tooltip-theme' hide $target-height, $font-size, $vertical-padding,
-  $handset-target-height, $handset-font-size, $handset-vertical-padding, theme;
+@forward 'tooltip-theme' hide $font-size, $handset-font-size, $handset-target-height,
+  $handset-vertical-padding, $target-height, $vertical-padding, color, theme, typography;
 @forward 'tooltip-theme' as mtx-tooltip-* hide mtx-tooltip-density;

package/tooltip/_tooltip-theme.scss

@@ -1,5 +1,7 @@
 @use 'sass:map';
-@use '~@angular/material' as mat;
+@use '~@angular/material/core/theming/theming';
+@use '~@angular/material/core/typography/typography';
+@use '~@angular/material/core/typography/typography-utils';
 
 $target-height: 22px;
 $font-size: 12px;
@@ -10,36 +12,51 @@ $handset-font-size: 14px;
 $handset-vertical-padding: ($handset-target-height - $handset-font-size) * .5;
 
 @mixin color($config-or-theme) {
-  $config: mat.get-color-config($config-or-theme);
+  $config: theming.get-color-config($config-or-theme);
   $background: map.get($config, background);
 
   .mtx-tooltip {
-    background: mat.get-color-from-palette($background, tooltip, .9);
+    background: theming.get-color-from-palette($background, tooltip, .9);
   }
 }
 
 @mixin typography($config-or-theme) {
+  $config: typography.private-typography-to-2014-config(
+    theming.get-typography-config($config-or-theme)
+  );
+
   .mtx-tooltip {
+    font-family: typography-utils.font-family($config);
+    font-size: $font-size;
     padding-top: $vertical-padding;
     padding-bottom: $vertical-padding;
-    font-size: $font-size;
   }
 
   .mtx-tooltip-handset {
+    font-size: $handset-font-size;
     padding-top: $handset-vertical-padding;
     padding-bottom: $handset-vertical-padding;
-    font-size: $handset-font-size;
   }
 }
 
-@mixin density($config-or-theme) {}
-
-@mixin theme($theme) {
-  $color: mat.get-color-config($theme);
-  $density: mat.get-density-config($theme);
-  $typography: mat.get-typography-config($theme);
-
-  @include color($color);
-  @include density($density);
-  @include typography($typography);
+@mixin _density($config-or-theme) {}
+
+@mixin theme($theme-or-color-config) {
+  $theme: theming.private-legacy-get-theme($theme-or-color-config);
+  @include theming.private-check-duplicate-theme-styles($theme, 'mtx-tooltip') {
+    $color: theming.get-color-config($theme);
+    $density: theming.get-density-config($theme);
+    $typography-default: typography.define-typography-config();
+    $typography: theming.get-typography-config($theme, $typography-default);
+
+    @if $color != null {
+      @include color($color);
+    }
+    @if $density != null {
+      @include _density($density);
+    }
+    @if $typography != null {
+      @include typography($typography);
+    }
+  }
 }

package/tooltip/mtxTooltip.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MtxTooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":13,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":24},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":13,"character":38},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":13,"character":53}],"exports":[{"__symbolic":"reference","name":"MtxTooltip"},{"__symbolic":"reference","name":"TooltipComponent"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":14,"character":42},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"CdkScrollableModule","line":14,"character":59}],"declarations":[{"__symbolic":"reference","name":"MtxTooltip"},{"__symbolic":"reference","name":"TooltipComponent"}],"entryComponents":[{"__symbolic":"reference","name":"TooltipComponent"}],"providers":[{"__symbolic":"reference","name":"MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER"}]}]}],"members":{}},"TooltipPosition":{"__symbolic":"interface"},"TooltipTouchGestures":{"__symbolic":"interface"},"TooltipVisibility":{"__symbolic":"interface"},"SCROLL_THROTTLE_MS":20,"TOOLTIP_PANEL_CLASS":"mtx-tooltip-panel","getMtxTooltipInvalidPositionError":{"__symbolic":"function","parameters":["position"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"Tooltip position \"","right":{"__symbolic":"reference","name":"position"}},"right":"\" is invalid."}]}},"MTX_TOOLTIP_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":77,"character":47},"arguments":["mtx-tooltip-scroll-strategy"]},"MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":83,"character":9,"module":"./tooltip"}},"MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MTX_TOOLTIP_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":89,"character":9}],"useFactory":{"__symbolic":"reference","name":"MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY"}},"MtxTooltipDefaultOptions":{"__symbolic":"interface"},"MTX_TOOLTIP_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":103,"character":47},"arguments":["mtx-tooltip-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MTX_TOOLTIP_DEFAULT_OPTIONS_FACTORY"}}]},"MTX_TOOLTIP_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"showDelay":0,"hideDelay":0,"touchendHideDelay":1500}},"MtxTooltip":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":126,"character":1},"arguments":[{"selector":"[mtxTooltip]","exportAs":"mtxTooltip","host":{"class":"mtx-tooltip-trigger"}}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3},"arguments":["mtxTooltipPosition"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3},"arguments":["mtxTooltipDisabled"]}]}],"showDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":3},"arguments":["mtxTooltipShowDelay"]}]}],"hideDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3},"arguments":["mtxTooltipHideDelay"]}]}],"touchGestures":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":3},"arguments":["mtxTooltipTouchGestures"]}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":3},"arguments":["mtxTooltip"]}]}],"tooltipClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":235,"character":3},"arguments":["mtxTooltipClass"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":267,"character":5},"arguments":[{"__symbolic":"reference","name":"MTX_TOOLTIP_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":268,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":269,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":270,"character":5},"arguments":[{"__symbolic":"reference","name":"MTX_TOOLTIP_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":259,"character":22},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":260,"character":36,"context":{"typeName":"HTMLElement"},"module":"./tooltip"}]},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollDispatcher","line":261,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":262,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":263,"character":21},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":264,"character":23},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"AriaDescriber","line":265,"character":28},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":266,"character":27},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":268,"character":30},{"__symbolic":"reference","name":"any"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_isTooltipVisible":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_detach":[{"__symbolic":"method"}],"_updatePosition":[{"__symbolic":"method"}],"_getOrigin":[{"__symbolic":"method"}],"_getOverlayPosition":[{"__symbolic":"method"}],"_updateTooltipMessage":[{"__symbolic":"method"}],"_setTooltipClass":[{"__symbolic":"method"}],"_invertPosition":[{"__symbolic":"method"}],"_setupPointerEnterEventsIfNeeded":[{"__symbolic":"method"}],"_setupPointerExitEventsIfNeeded":[{"__symbolic":"method"}],"_addListeners":[{"__symbolic":"method"}],"_platformSupportsMouseEvents":[{"__symbolic":"method"}],"_disableNativeGesturesIfNecessary":[{"__symbolic":"method"}]}},"TooltipComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":682,"character":1},"arguments":[{"selector":"mtx-tooltip-component","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":686,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":687,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"mtxTooltipAnimations"},"member":"tooltipState"}],"host":{"[style.zoom]":"_visibility === \"visible\" ? 1 : null","(body:click)":"this._handleBodyInteraction()","aria-hidden":"true","$quoted$":["[style.zoom]","(body:click)","aria-hidden"]},"template":"<div class=\"mtx-tooltip\"\n     [ngClass]=\"tooltipClass\"\n     [class.mtx-tooltip-handset]=\"(_isHandset | async)?.matches\"\n     [@state]=\"_visibility\"\n     (@state.start)=\"_animationStart()\"\n     (@state.done)=\"_animationDone($event)\">\n  <ng-template [ngIf]=\"_isTemplateRef(message)\" [ngIfElse]=\"msgStrTpl\">\n    <ng-template [ngTemplateOutlet]=\"$any(message)\"></ng-template>\n  </ng-template>\n  <ng-template #msgStrTpl>{{message}}</ng-template>\n</div>\n","styles":[".mtx-tooltip-panel{pointer-events:none!important}.mtx-tooltip{color:#fff;border-radius:4px;margin:14px;max-width:250px;padding-left:8px;padding-right:8px;overflow:hidden;text-overflow:ellipsis}.cdk-high-contrast-active .mtx-tooltip{outline:solid 1px}.mtx-tooltip-handset{margin:24px;padding-left:16px;padding-right:16px}\n"]}]}],"members":{"_isTemplateRef":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":727,"character":32},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":728,"character":33}]}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"afterHidden":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_animationStart":[{"__symbolic":"method"}],"_animationDone":[{"__symbolic":"method"}],"_handleBodyInteraction":[{"__symbolic":"method"}],"_markForCheck":[{"__symbolic":"method"}]}},"mtxTooltipAnimations":{"tooltipState":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":18,"character":16},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":19,"character":4},"arguments":["initial, void, hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":35},"arguments":[{"opacity":0,"transform":"scale(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":20,"character":4},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":21},"arguments":[{"transform":"scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":21,"character":4},"arguments":["* => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":23,"character":6},"arguments":["200ms cubic-bezier(0, 0, 0.2, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":25,"character":8},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":10},"arguments":[{"opacity":0,"transform":"scale(0)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":10},"arguments":[{"opacity":0.5,"transform":"scale(0.99)","offset":0.5}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":28,"character":10},"arguments":[{"opacity":1,"transform":"scale(1)","offset":1}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":32,"character":4},"arguments":["* => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":32,"character":30},"arguments":["100ms cubic-bezier(0, 0, 0.2, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":32,"character":74},"arguments":[{"opacity":0}]}]}]}]]}}},"origins":{"MtxTooltipModule":"./tooltip-module","TooltipPosition":"./tooltip","TooltipTouchGestures":"./tooltip","TooltipVisibility":"./tooltip","SCROLL_THROTTLE_MS":"./tooltip","TOOLTIP_PANEL_CLASS":"./tooltip","getMtxTooltipInvalidPositionError":"./tooltip","MTX_TOOLTIP_SCROLL_STRATEGY":"./tooltip","MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY":"./tooltip","MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER":"./tooltip","MtxTooltipDefaultOptions":"./tooltip","MTX_TOOLTIP_DEFAULT_OPTIONS":"./tooltip","MTX_TOOLTIP_DEFAULT_OPTIONS_FACTORY":"./tooltip","MtxTooltip":"./tooltip","TooltipComponent":"./tooltip","mtxTooltipAnimations":"./tooltip-animations"},"importAs":"@ng-matero/extensions/tooltip"}
+{"__symbolic":"module","version":4,"metadata":{"MtxTooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":13,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":24},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":13,"character":38},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":13,"character":53}],"exports":[{"__symbolic":"reference","name":"MtxTooltip"},{"__symbolic":"reference","name":"TooltipComponent"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":14,"character":42},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"CdkScrollableModule","line":14,"character":59}],"declarations":[{"__symbolic":"reference","name":"MtxTooltip"},{"__symbolic":"reference","name":"TooltipComponent"}],"entryComponents":[{"__symbolic":"reference","name":"TooltipComponent"}],"providers":[{"__symbolic":"reference","name":"MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER"}]}]}],"members":{}},"TooltipPosition":{"__symbolic":"interface"},"TooltipTouchGestures":{"__symbolic":"interface"},"TooltipVisibility":{"__symbolic":"interface"},"SCROLL_THROTTLE_MS":20,"TOOLTIP_PANEL_CLASS":"mtx-tooltip-panel","getMtxTooltipInvalidPositionError":{"__symbolic":"function","parameters":["position"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"Tooltip position \"","right":{"__symbolic":"reference","name":"position"}},"right":"\" is invalid."}]}},"MTX_TOOLTIP_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":77,"character":47},"arguments":["mtx-tooltip-scroll-strategy"]},"MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":83,"character":9,"module":"./tooltip"}},"MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MTX_TOOLTIP_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":89,"character":9}],"useFactory":{"__symbolic":"reference","name":"MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY"}},"MtxTooltipDefaultOptions":{"__symbolic":"interface"},"MTX_TOOLTIP_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":103,"character":47},"arguments":["mtx-tooltip-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MTX_TOOLTIP_DEFAULT_OPTIONS_FACTORY"}}]},"MTX_TOOLTIP_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"showDelay":0,"hideDelay":0,"touchendHideDelay":1500}},"MtxTooltip":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":126,"character":1},"arguments":[{"selector":"[mtxTooltip]","exportAs":"mtxTooltip","host":{"class":"mtx-tooltip-trigger"}}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3},"arguments":["mtxTooltipPosition"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3},"arguments":["mtxTooltipDisabled"]}]}],"showDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":3},"arguments":["mtxTooltipShowDelay"]}]}],"hideDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3},"arguments":["mtxTooltipHideDelay"]}]}],"touchGestures":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":3},"arguments":["mtxTooltipTouchGestures"]}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":3},"arguments":["mtxTooltip"]}]}],"tooltipClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":235,"character":3},"arguments":["mtxTooltipClass"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":265,"character":5},"arguments":[{"__symbolic":"reference","name":"MTX_TOOLTIP_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":266,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":267,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":268,"character":5},"arguments":[{"__symbolic":"reference","name":"MTX_TOOLTIP_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":257,"character":22},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":258,"character":36,"context":{"typeName":"HTMLElement"},"module":"./tooltip"}]},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollDispatcher","line":259,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":260,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":261,"character":21},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":262,"character":23},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"AriaDescriber","line":263,"character":28},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":264,"character":27},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":266,"character":30},{"__symbolic":"reference","name":"any"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_isTooltipVisible":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_detach":[{"__symbolic":"method"}],"_updatePosition":[{"__symbolic":"method"}],"_getOrigin":[{"__symbolic":"method"}],"_getOverlayPosition":[{"__symbolic":"method"}],"_updateTooltipMessage":[{"__symbolic":"method"}],"_setTooltipClass":[{"__symbolic":"method"}],"_invertPosition":[{"__symbolic":"method"}],"_setupPointerEnterEventsIfNeeded":[{"__symbolic":"method"}],"_setupPointerExitEventsIfNeeded":[{"__symbolic":"method"}],"_addListeners":[{"__symbolic":"method"}],"_platformSupportsMouseEvents":[{"__symbolic":"method"}],"_disableNativeGesturesIfNecessary":[{"__symbolic":"method"}]}},"TooltipComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":683,"character":1},"arguments":[{"selector":"mtx-tooltip-component","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":687,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":688,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"mtxTooltipAnimations"},"member":"tooltipState"}],"host":{"[style.zoom]":"_visibility === \"visible\" ? 1 : null","(body:click)":"this._handleBodyInteraction()","aria-hidden":"true","$quoted$":["[style.zoom]","(body:click)","aria-hidden"]},"template":"<div class=\"mtx-tooltip\"\n     [ngClass]=\"tooltipClass\"\n     [class.mtx-tooltip-handset]=\"(_isHandset | async)?.matches\"\n     [@state]=\"_visibility\"\n     (@state.start)=\"_animationStart()\"\n     (@state.done)=\"_animationDone($event)\">\n  <ng-template [ngIf]=\"_isTemplateRef(message)\" [ngIfElse]=\"msgStrTpl\">\n    <ng-template [ngTemplateOutlet]=\"$any(message)\"></ng-template>\n  </ng-template>\n  <ng-template #msgStrTpl>{{message}}</ng-template>\n</div>\n","styles":[".mtx-tooltip-panel{pointer-events:none!important}.mtx-tooltip{color:#fff;border-radius:4px;margin:14px;max-width:250px;padding-left:8px;padding-right:8px;overflow:hidden;text-overflow:ellipsis}.cdk-high-contrast-active .mtx-tooltip{outline:solid 1px}.mtx-tooltip-handset{margin:24px;padding-left:16px;padding-right:16px}\n"]}]}],"members":{"_isTemplateRef":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":728,"character":32},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":729,"character":33}]}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"afterHidden":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_animationStart":[{"__symbolic":"method"}],"_animationDone":[{"__symbolic":"method"}],"_handleBodyInteraction":[{"__symbolic":"method"}],"_markForCheck":[{"__symbolic":"method"}]}},"mtxTooltipAnimations":{"tooltipState":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":18,"character":16},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":19,"character":4},"arguments":["initial, void, hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":35},"arguments":[{"opacity":0,"transform":"scale(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":20,"character":4},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":21},"arguments":[{"transform":"scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":21,"character":4},"arguments":["* => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":23,"character":6},"arguments":["200ms cubic-bezier(0, 0, 0.2, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":25,"character":8},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":10},"arguments":[{"opacity":0,"transform":"scale(0)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":10},"arguments":[{"opacity":0.5,"transform":"scale(0.99)","offset":0.5}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":28,"character":10},"arguments":[{"opacity":1,"transform":"scale(1)","offset":1}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":32,"character":4},"arguments":["* => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":32,"character":30},"arguments":["100ms cubic-bezier(0, 0, 0.2, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":32,"character":74},"arguments":[{"opacity":0}]}]}]}]]}}},"origins":{"MtxTooltipModule":"./tooltip-module","TooltipPosition":"./tooltip","TooltipTouchGestures":"./tooltip","TooltipVisibility":"./tooltip","SCROLL_THROTTLE_MS":"./tooltip","TOOLTIP_PANEL_CLASS":"./tooltip","getMtxTooltipInvalidPositionError":"./tooltip","MTX_TOOLTIP_SCROLL_STRATEGY":"./tooltip","MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY":"./tooltip","MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER":"./tooltip","MtxTooltipDefaultOptions":"./tooltip","MTX_TOOLTIP_DEFAULT_OPTIONS":"./tooltip","MTX_TOOLTIP_DEFAULT_OPTIONS_FACTORY":"./tooltip","MtxTooltip":"./tooltip","TooltipComponent":"./tooltip","mtxTooltipAnimations":"./tooltip-animations"},"importAs":"@ng-matero/extensions/tooltip"}