@ng-matero/extensions 12.5.0 → 12.6.0

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":685,"character":1},"arguments":[{"selector":"mtx-tooltip-component","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":689,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":690,"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":730,"character":32},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":731,"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"}

package/bundles/mtxColorPicker.umd.js

@@ -1,337 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/menu'), require('@angular/material/form-field'), require('@angular/material/input'), require('ngx-color/chrome'), require('@angular/cdk/a11y'), require('@angular/cdk/coercion'), require('@angular/cdk/platform'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@ng-matero/extensions/color-picker', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/menu', '@angular/material/form-field', '@angular/material/input', 'ngx-color/chrome', '@angular/cdk/a11y', '@angular/cdk/coercion', '@angular/cdk/platform', 'rxjs', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-matero'] = global['ng-matero'] || {}, global['ng-matero'].extensions = global['ng-matero'].extensions || {}, global['ng-matero'].extensions['color-picker'] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.menu, global.ng.material.formField, global.ng.material.input, global['ngx-color-chrome'], global.ng.cdk.a11y, global.ng.cdk.coercion, global.ng.cdk.platform, global.rxjs, global.rxjs.operators));
-}(this, (function (exports, core, common, forms, menu, formField, input, chrome, a11y, coercion, platform, rxjs, operators) { 'use strict';
-
-    var nextUniqueId = 0;
-    var MtxColorPickerComponent = /** @class */ (function () {
-        function MtxColorPickerComponent(_focusMonitor, _elementRef, _changeDetectorRef, _zone, ngControl, _formField, _document) {
-            var _this = this;
-            this._focusMonitor = _focusMonitor;
-            this._elementRef = _elementRef;
-            this._changeDetectorRef = _changeDetectorRef;
-            this._zone = _zone;
-            this.ngControl = ngControl;
-            this._formField = _formField;
-            this._document = _document;
-            this._value = '';
-            /** Implemented as part of MatFormFieldControl. */
-            this.stateChanges = new rxjs.Subject();
-            /** Unique id for this input. */
-            this._uid = "mtx-color-picker-" + nextUniqueId++;
-            this._focused = false;
-            this._required = false;
-            this._disabled = false;
-            this._readonly = false;
-            this.errorState = false;
-            /** A name for this control that can be used by `mat-form-field`. */
-            this.controlType = 'mtx-color-picker';
-            /** `View -> model callback called when value changes` */
-            this._onChange = function () { };
-            /** `View -> model callback called when color picker has been touched` */
-            this._onTouched = function () { };
-            /** Event emitted when the color changed */
-            this.colorChange = new core.EventEmitter();
-            /** Whether or not the overlay panel is open. */
-            this._panelOpen = false;
-            /**
-             * Whether the color picker can open the next time it is focused. Used to prevent a focused,
-             * closed color picker from being reopened if the user switches to another browser tab and then
-             * comes back.
-             */
-            this._canOpenOnNextFocus = true;
-            /**
-             * Event handler for when the window is blurred. Needs to be an
-             * arrow function in order to preserve the context.
-             */
-            this._windowBlurHandler = function () {
-                // If the user blurred the window while the color picker is focused, it means that it'll be
-                // refocused when they come back. In this case we want to skip the first focus event, if the
-                // pane was closed, in order to avoid reopening it unintentionally.
-                _this._canOpenOnNextFocus =
-                    _this._document.activeElement !== _this._elementRef.nativeElement || _this._panelOpen;
-            };
-            _focusMonitor.monitor(_elementRef, true).subscribe(function (origin) {
-                if (_this._focused && !origin) {
-                    _this._onTouched();
-                }
-                _this._focused = !!origin;
-                _this.stateChanges.next();
-            });
-            if (this.ngControl != null) {
-                this.ngControl.valueAccessor = this;
-            }
-        }
-        Object.defineProperty(MtxColorPickerComponent.prototype, "value", {
-            /** Value of the color picker control. */
-            get: function () {
-                return this._value;
-            },
-            set: function (newValue) {
-                this._value = newValue;
-                this._onChange(newValue);
-                this.stateChanges.next();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MtxColorPickerComponent.prototype, "id", {
-            /** Unique id of the element. */
-            get: function () {
-                return this._id;
-            },
-            set: function (value) {
-                this._id = value || this._uid;
-                this.stateChanges.next();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MtxColorPickerComponent.prototype, "placeholder", {
-            /** Placeholder to be shown if value is empty. */
-            get: function () {
-                return this._placeholder;
-            },
-            set: function (value) {
-                this._placeholder = value;
-                this.stateChanges.next();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MtxColorPickerComponent.prototype, "focused", {
-            /** Whether the input is focused. */
-            get: function () {
-                return this._focused || this._panelOpen;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MtxColorPickerComponent.prototype, "empty", {
-            get: function () {
-                return !this.value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MtxColorPickerComponent.prototype, "shouldLabelFloat", {
-            get: function () {
-                return this.focused || !this.empty;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MtxColorPickerComponent.prototype, "required", {
-            get: function () {
-                return this._required;
-            },
-            set: function (value) {
-                this._required = coercion.coerceBooleanProperty(value);
-                this.stateChanges.next();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MtxColorPickerComponent.prototype, "disabled", {
-            get: function () {
-                return this._disabled;
-            },
-            set: function (value) {
-                this._disabled = coercion.coerceBooleanProperty(value);
-                this.stateChanges.next();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MtxColorPickerComponent.prototype, "readonly", {
-            /** Whether the element is readonly. */
-            get: function () {
-                return this._readonly;
-            },
-            set: function (value) {
-                this._readonly = coercion.coerceBooleanProperty(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        MtxColorPickerComponent.prototype.ngDoCheck = function () {
-            if (this.ngControl) {
-                this.errorState = (this.ngControl.invalid && this.ngControl.touched);
-                this.stateChanges.next();
-            }
-        };
-        MtxColorPickerComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            if (typeof window !== 'undefined') {
-                this._zone.runOutsideAngular(function () {
-                    window.addEventListener('blur', _this._windowBlurHandler);
-                });
-                if (platform._supportsShadowDom()) {
-                    var element = this._elementRef.nativeElement;
-                    var rootNode = element.getRootNode ? element.getRootNode() : null;
-                    // We need to take the `ShadowRoot` off of `window`, because the built-in types are
-                    // incorrect. See https://github.com/Microsoft/TypeScript/issues/27929.
-                    this._isInsideShadowRoot = rootNode instanceof window.ShadowRoot;
-                }
-            }
-        };
-        MtxColorPickerComponent.prototype.ngOnDestroy = function () {
-            this.stateChanges.complete();
-            this._focusMonitor.stopMonitoring(this._elementRef);
-        };
-        /** Implemented as part of MatFormFieldControl. */
-        MtxColorPickerComponent.prototype.setDescribedByIds = function (ids) {
-            this._ariaDescribedby = ids.join(' ');
-        };
-        /** Implemented as part of MatFormFieldControl. */
-        MtxColorPickerComponent.prototype.onContainerClick = function () {
-            this._handleFocus();
-        };
-        /**
-         * Sets the model value. Implemented as part of ControlValueAccessor.
-         * @param value New value to be written to the model.
-         */
-        MtxColorPickerComponent.prototype.writeValue = function (value) {
-            this.value = value || '';
-            this._changeDetectorRef.markForCheck();
-        };
-        /**
-         * Registers a callback to be triggered when the model value changes.
-         * Implemented as part of ControlValueAccessor.
-         * @param fn Callback to be registered.
-         */
-        MtxColorPickerComponent.prototype.registerOnChange = function (fn) {
-            this._onChange = fn;
-        };
-        /**
-         * Registers a callback to be triggered when the control is touched.
-         * Implemented as part of ControlValueAccessor.
-         * @param fn Callback to be registered.
-         */
-        MtxColorPickerComponent.prototype.registerOnTouched = function (fn) {
-            this._onTouched = fn;
-        };
-        /**
-         * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.
-         * @param isDisabled Whether the control should be disabled.
-         */
-        MtxColorPickerComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        /** Open panel with input focus event. */
-        MtxColorPickerComponent.prototype._handleFocus = function () {
-            var _this = this;
-            this.trigger.openMenu();
-            this._closingActionsSubscription = rxjs.merge(this._getOutsideClickStream())
-                .pipe()
-                .subscribe(function (event) {
-                _this.trigger.closeMenu();
-                _this._closingActionsSubscription.unsubscribe();
-            });
-        };
-        /** Opens the overlay panel. */
-        MtxColorPickerComponent.prototype._openPanel = function () {
-            if (this._focused) {
-                this._panelOpen = true;
-            }
-        };
-        /** Closes the overlay panel and focuses the host element. */
-        MtxColorPickerComponent.prototype._closePanel = function () {
-            if (this._panelOpen) {
-                this._panelOpen = false;
-                this._changeDetectorRef.markForCheck();
-                this._onTouched();
-            }
-        };
-        /** The callback of color changed. */
-        MtxColorPickerComponent.prototype._onColorChanged = function (model) {
-            this.value = model.color.hex;
-            this.colorChange.emit(model);
-        };
-        /** Stream of clicks outside of the color picker panel. */
-        MtxColorPickerComponent.prototype._getOutsideClickStream = function () {
-            var _this = this;
-            return rxjs.merge(rxjs.fromEvent(this._document, 'click'), rxjs.fromEvent(this._document, 'touchend')).pipe(operators.filter(function (event) {
-                // If we're in the Shadow DOM, the event target will be the shadow root, so we have to
-                // fall back to check the first element in the path of the click event.
-                var clickTarget = (_this._isInsideShadowRoot && event.composedPath ? event.composedPath()[0] : event.target);
-                var formField = _this._formField ? _this._formField._elementRef.nativeElement : null;
-                return (clickTarget !== _this._elementRef.nativeElement &&
-                    (!formField || !formField.contains(clickTarget)));
-            }));
-        };
-        return MtxColorPickerComponent;
-    }());
-    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
-    MtxColorPickerComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'mtx-color-picker',
-                    exportAs: 'mtxColorPicker',
-                    template: "<input matInput\n       [(ngModel)]=\"value\"\n       [placeholder]=\"placeholder\"\n       [disabled]=\"disabled\"\n       [readonly]=\"readonly\"\n       (focus)=\"_handleFocus()\"\n       autocomplete=\"off\">\n\n<div #colorPickerTrigger=\"matMenuTrigger\"\n     [matMenuTriggerFor]=\"colorPickerPopover\"\n     (menuOpened)=\"_openPanel()\"\n     (menuClosed)=\"_closePanel()\">\n</div>\n\n<mat-menu #colorPickerPopover=\"matMenu\" class=\"mtx-color-picker-panel\" [hasBackdrop]=\"false\">\n  <div class=\"mtx-color-picker\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <color-chrome [color]=\"value!\" (onChangeComplete)=\"_onColorChanged($event)\"></color-chrome>\n  </div>\n</mat-menu>\n",
-                    encapsulation: core.ViewEncapsulation.None,
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    providers: [{ provide: formField.MatFormFieldControl, useExisting: MtxColorPickerComponent }],
-                    styles: [".mtx-color-picker-panel .mat-menu-content:not(:empty){padding:0}.mtx-color-picker-panel .mtx-color-picker{padding:8px}.mtx-color-picker-panel .mtx-color-picker .chrome-picker{box-shadow:none;border-radius:0}.mtx-color-picker-panel .mtx-color-picker .chrome-picker .saturation{border-radius:0}\n"]
-                },] }
-    ];
-    /**
-     * @type {function(): !Array<(null|{
-     *   type: ?,
-     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
-     * })>}
-     * @nocollapse
-     */
-    MtxColorPickerComponent.ctorParameters = function () { return [
-        { type: a11y.FocusMonitor },
-        { type: core.ElementRef },
-        { type: core.ChangeDetectorRef },
-        { type: core.NgZone },
-        { type: forms.NgControl, decorators: [{ type: core.Optional }, { type: core.Self }] },
-        { type: formField.MatFormField, decorators: [{ type: core.Optional }, { type: core.Host }] },
-        { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [common.DOCUMENT,] }] }
-    ]; };
-    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
-    MtxColorPickerComponent.propDecorators = {
-        value: [{ type: core.Input }],
-        id: [{ type: core.Input }],
-        placeholder: [{ type: core.Input }],
-        required: [{ type: core.Input }],
-        disabled: [{ type: core.Input }],
-        readonly: [{ type: core.Input }],
-        colorChange: [{ type: core.Output }],
-        trigger: [{ type: core.ViewChild, args: [menu.MatMenuTrigger, { static: true },] }]
-    };
-
-    var MtxColorPickerModule = /** @class */ (function () {
-        function MtxColorPickerModule() {
-        }
-        return MtxColorPickerModule;
-    }());
-    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
-    MtxColorPickerModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule,
-                        menu.MatMenuModule,
-                        formField.MatFormFieldModule,
-                        input.MatInputModule,
-                        chrome.ColorChromeModule,
-                    ],
-                    exports: [MtxColorPickerComponent],
-                    declarations: [MtxColorPickerComponent],
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.MtxColorPickerComponent = MtxColorPickerComponent;
-    exports.MtxColorPickerModule = MtxColorPickerModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=mtxColorPicker.umd.js.map

package/bundles/mtxColorPicker.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mtxColorPicker.umd.js","sources":["../../../projects/extensions/color-picker/color-picker.component.ts","../../../projects/extensions/color-picker/color-picker.module.ts","../../../projects/extensions/color-picker/mtxColorPicker.ts"],"sourcesContent":["import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  OnDestroy,\n  Optional,\n  Self,\n  ElementRef,\n  Input,\n  Output,\n  EventEmitter,\n  Inject,\n  DoCheck,\n  ViewChild,\n  Host,\n  AfterViewInit,\n  NgZone,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { FocusMonitor } from '@angular/cdk/a11y';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { _supportsShadowDom } from '@angular/cdk/platform';\nimport { MatFormFieldControl, MatFormField } from '@angular/material/form-field';\nimport { MatMenuTrigger } from '@angular/material/menu';\nimport { Subject, Observable, merge, fromEvent, Subscription } from 'rxjs';\nimport { filter } from 'rxjs/operators';\n\nimport { ColorEvent } from 'ngx-color';\n\nlet nextUniqueId = 0;\n\n@Component({\n  selector: 'mtx-color-picker',\n  exportAs: 'mtxColorPicker',\n  templateUrl: './color-picker.component.html',\n  styleUrls: ['./color-picker.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: MatFormFieldControl, useExisting: MtxColorPickerComponent }],\n})\nexport class MtxColorPickerComponent\n  implements OnDestroy, DoCheck, AfterViewInit, ControlValueAccessor, MatFormFieldControl<any>\n{\n  /** Value of the color picker control. */\n  @Input()\n  get value(): string | null {\n    return this._value;\n  }\n  set value(newValue: string | null) {\n    this._value = newValue;\n    this._onChange(newValue);\n    this.stateChanges.next();\n  }\n  private _value: string | null = '';\n\n  /** Implemented as part of MatFormFieldControl. */\n  readonly stateChanges: Subject<void> = new Subject<void>();\n\n  /** Unique id for this input. */\n  private _uid = `mtx-color-picker-${nextUniqueId++}`;\n\n  /** Unique id of the element. */\n  @Input()\n  get id(): string {\n    return this._id;\n  }\n  set id(value: string) {\n    this._id = value || this._uid;\n    this.stateChanges.next();\n  }\n  private _id!: string;\n\n  /** Placeholder to be shown if value is empty. */\n  @Input()\n  get placeholder(): string {\n    return this._placeholder;\n  }\n  set placeholder(value: string) {\n    this._placeholder = value;\n    this.stateChanges.next();\n  }\n  private _placeholder!: string;\n\n  /** Whether the input is focused. */\n  get focused(): boolean {\n    return this._focused || this._panelOpen;\n  }\n  private _focused = false;\n\n  get empty(): boolean {\n    return !this.value;\n  }\n\n  get shouldLabelFloat(): boolean {\n    return this.focused || !this.empty;\n  }\n\n  @Input()\n  get required(): boolean {\n    return this._required;\n  }\n  set required(value: boolean) {\n    this._required = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n  private _required = false;\n\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n  set disabled(value: boolean) {\n    this._disabled = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n  private _disabled = false;\n\n  /** Whether the element is readonly. */\n  @Input()\n  get readonly(): boolean {\n    return this._readonly;\n  }\n  set readonly(value: boolean) {\n    this._readonly = coerceBooleanProperty(value);\n  }\n  private _readonly = false;\n\n  errorState = false;\n\n  /** A name for this control that can be used by `mat-form-field`. */\n  controlType = 'mtx-color-picker';\n\n  /** The aria-describedby attribute on the color picker for improved a11y. */\n  _ariaDescribedby!: string;\n\n  /** `View -> model callback called when value changes` */\n  _onChange: (value: any) => void = () => {};\n\n  /** `View -> model callback called when color picker has been touched` */\n  _onTouched = () => {};\n\n  /** Event emitted when the color changed */\n  @Output() readonly colorChange = new EventEmitter<ColorEvent>();\n\n  @ViewChild(MatMenuTrigger, { static: true }) trigger!: MatMenuTrigger;\n\n  /** Whether or not the overlay panel is open. */\n  _panelOpen = false;\n\n  /** The subscription for closing actions (some are bound to document). */\n  private _closingActionsSubscription!: Subscription;\n\n  /** Whether the element is inside of a ShadowRoot component. */\n  private _isInsideShadowRoot!: boolean;\n\n  /**\n   * Whether the color picker can open the next time it is focused. Used to prevent a focused,\n   * closed color picker from being reopened if the user switches to another browser tab and then\n   * comes back.\n   */\n  private _canOpenOnNextFocus = true;\n\n  /**\n   * Event handler for when the window is blurred. Needs to be an\n   * arrow function in order to preserve the context.\n   */\n  private _windowBlurHandler = () => {\n    // If the user blurred the window while the color picker is focused, it means that it'll be\n    // refocused when they come back. In this case we want to skip the first focus event, if the\n    // pane was closed, in order to avoid reopening it unintentionally.\n    this._canOpenOnNextFocus =\n      this._document.activeElement !== this._elementRef.nativeElement || this._panelOpen;\n  };\n\n  constructor(\n    private _focusMonitor: FocusMonitor,\n    private _elementRef: ElementRef<HTMLElement>,\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _zone: NgZone,\n    @Optional() @Self() public ngControl: NgControl,\n    @Optional() @Host() private _formField: MatFormField,\n    @Optional() @Inject(DOCUMENT) private _document: any\n  ) {\n    _focusMonitor.monitor(_elementRef, true).subscribe(origin => {\n      if (this._focused && !origin) {\n        this._onTouched();\n      }\n      this._focused = !!origin;\n      this.stateChanges.next();\n    });\n\n    if (this.ngControl != null) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  ngDoCheck(): void {\n    if (this.ngControl) {\n      this.errorState = (this.ngControl.invalid && this.ngControl.touched) as boolean;\n      this.stateChanges.next();\n    }\n  }\n\n  ngAfterViewInit() {\n    if (typeof window !== 'undefined') {\n      this._zone.runOutsideAngular(() => {\n        window.addEventListener('blur', this._windowBlurHandler);\n      });\n\n      if (_supportsShadowDom()) {\n        const element = this._elementRef.nativeElement;\n        const rootNode = element.getRootNode ? element.getRootNode() : null;\n\n        // We need to take the `ShadowRoot` off of `window`, because the built-in types are\n        // incorrect. See https://github.com/Microsoft/TypeScript/issues/27929.\n        this._isInsideShadowRoot = rootNode instanceof (window as any).ShadowRoot;\n      }\n    }\n  }\n\n  ngOnDestroy() {\n    this.stateChanges.complete();\n    this._focusMonitor.stopMonitoring(this._elementRef);\n  }\n\n  /** Implemented as part of MatFormFieldControl. */\n  setDescribedByIds(ids: string[]) {\n    this._ariaDescribedby = ids.join(' ');\n  }\n\n  /** Implemented as part of MatFormFieldControl. */\n  onContainerClick() {\n    this._handleFocus();\n  }\n\n  /**\n   * Sets the model value. Implemented as part of ControlValueAccessor.\n   * @param value New value to be written to the model.\n   */\n  writeValue(value: string | null): void {\n    this.value = value || '';\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Registers a callback to be triggered when the model value changes.\n   * Implemented as part of ControlValueAccessor.\n   * @param fn Callback to be registered.\n   */\n  registerOnChange(fn: any): void {\n    this._onChange = fn;\n  }\n\n  /**\n   * Registers a callback to be triggered when the control is touched.\n   * Implemented as part of ControlValueAccessor.\n   * @param fn Callback to be registered.\n   */\n  registerOnTouched(fn: any): void {\n    this._onTouched = fn;\n  }\n\n  /**\n   * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.\n   * @param isDisabled Whether the control should be disabled.\n   */\n  setDisabledState(isDisabled: boolean) {\n    this.disabled = isDisabled;\n  }\n\n  /** Open panel with input focus event. */\n  _handleFocus() {\n    this.trigger.openMenu();\n\n    this._closingActionsSubscription = merge(this._getOutsideClickStream())\n      .pipe()\n      .subscribe(event => {\n        this.trigger.closeMenu();\n        this._closingActionsSubscription.unsubscribe();\n      });\n  }\n\n  /** Opens the overlay panel. */\n  _openPanel() {\n    if (this._focused) {\n      this._panelOpen = true;\n    }\n  }\n\n  /** Closes the overlay panel and focuses the host element. */\n  _closePanel() {\n    if (this._panelOpen) {\n      this._panelOpen = false;\n      this._changeDetectorRef.markForCheck();\n      this._onTouched();\n    }\n  }\n\n  /** The callback of color changed. */\n  _onColorChanged(model: ColorEvent) {\n    this.value = model.color.hex;\n    this.colorChange.emit(model);\n  }\n\n  /** Stream of clicks outside of the color picker panel. */\n  private _getOutsideClickStream(): Observable<any> {\n    return merge(\n      fromEvent(this._document, 'click') as Observable<MouseEvent>,\n      fromEvent(this._document, 'touchend') as Observable<TouchEvent>\n    ).pipe(\n      filter(event => {\n        // If we're in the Shadow DOM, the event target will be the shadow root, so we have to\n        // fall back to check the first element in the path of the click event.\n        const clickTarget = (\n          this._isInsideShadowRoot && event.composedPath ? event.composedPath()[0] : event.target\n        ) as HTMLElement;\n        const formField = this._formField ? this._formField._elementRef.nativeElement : null;\n\n        return (\n          clickTarget !== this._elementRef.nativeElement &&\n          (!formField || !formField.contains(clickTarget))\n        );\n      })\n    );\n  }\n\n  static ngAcceptInputType_required: BooleanInput;\n  static ngAcceptInputType_readonly: BooleanInput;\n  static ngAcceptInputType_disabled: BooleanInput;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { ColorChromeModule } from 'ngx-color/chrome';\n\nimport { MtxColorPickerComponent } from './color-picker.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    MatMenuModule,\n    MatFormFieldModule,\n    MatInputModule,\n    ColorChromeModule,\n  ],\n  exports: [MtxColorPickerComponent],\n  declarations: [MtxColorPickerComponent],\n})\nexport class MtxColorPickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Subject","EventEmitter","coerceBooleanProperty","_supportsShadowDom","merge","fromEvent","filter","Component","ViewEncapsulation","ChangeDetectionStrategy","MatFormFieldControl","FocusMonitor","ElementRef","ChangeDetectorRef","NgZone","NgControl","Optional","Self","MatFormField","Host","Inject","DOCUMENT","Input","Output","ViewChild","MatMenuTrigger","NgModule","CommonModule","FormsModule","MatMenuModule","MatFormFieldModule","MatInputModule","ColorChromeModule"],"mappings":"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"}

package/color-picker/color-picker.component.d.ts

@@ -1,120 +0,0 @@
-import { ChangeDetectorRef, OnDestroy, ElementRef, EventEmitter, DoCheck, AfterViewInit, NgZone } from '@angular/core';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { MatFormFieldControl, MatFormField } from '@angular/material/form-field';
-import { MatMenuTrigger } from '@angular/material/menu';
-import { Subject } from 'rxjs';
-import { ColorEvent } from 'ngx-color';
-export declare class MtxColorPickerComponent implements OnDestroy, DoCheck, AfterViewInit, ControlValueAccessor, MatFormFieldControl<any> {
-    private _focusMonitor;
-    private _elementRef;
-    private _changeDetectorRef;
-    private _zone;
-    ngControl: NgControl;
-    private _formField;
-    private _document;
-    /** Value of the color picker control. */
-    get value(): string | null;
-    set value(newValue: string | null);
-    private _value;
-    /** Implemented as part of MatFormFieldControl. */
-    readonly stateChanges: Subject<void>;
-    /** Unique id for this input. */
-    private _uid;
-    /** Unique id of the element. */
-    get id(): string;
-    set id(value: string);
-    private _id;
-    /** Placeholder to be shown if value is empty. */
-    get placeholder(): string;
-    set placeholder(value: string);
-    private _placeholder;
-    /** Whether the input is focused. */
-    get focused(): boolean;
-    private _focused;
-    get empty(): boolean;
-    get shouldLabelFloat(): boolean;
-    get required(): boolean;
-    set required(value: boolean);
-    private _required;
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _disabled;
-    /** Whether the element is readonly. */
-    get readonly(): boolean;
-    set readonly(value: boolean);
-    private _readonly;
-    errorState: boolean;
-    /** A name for this control that can be used by `mat-form-field`. */
-    controlType: string;
-    /** The aria-describedby attribute on the color picker for improved a11y. */
-    _ariaDescribedby: string;
-    /** `View -> model callback called when value changes` */
-    _onChange: (value: any) => void;
-    /** `View -> model callback called when color picker has been touched` */
-    _onTouched: () => void;
-    /** Event emitted when the color changed */
-    readonly colorChange: EventEmitter<ColorEvent>;
-    trigger: MatMenuTrigger;
-    /** Whether or not the overlay panel is open. */
-    _panelOpen: boolean;
-    /** The subscription for closing actions (some are bound to document). */
-    private _closingActionsSubscription;
-    /** Whether the element is inside of a ShadowRoot component. */
-    private _isInsideShadowRoot;
-    /**
-     * Whether the color picker can open the next time it is focused. Used to prevent a focused,
-     * closed color picker from being reopened if the user switches to another browser tab and then
-     * comes back.
-     */
-    private _canOpenOnNextFocus;
-    /**
-     * Event handler for when the window is blurred. Needs to be an
-     * arrow function in order to preserve the context.
-     */
-    private _windowBlurHandler;
-    constructor(_focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _zone: NgZone, ngControl: NgControl, _formField: MatFormField, _document: any);
-    ngDoCheck(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /** Implemented as part of MatFormFieldControl. */
-    setDescribedByIds(ids: string[]): void;
-    /** Implemented as part of MatFormFieldControl. */
-    onContainerClick(): void;
-    /**
-     * Sets the model value. Implemented as part of ControlValueAccessor.
-     * @param value New value to be written to the model.
-     */
-    writeValue(value: string | null): void;
-    /**
-     * Registers a callback to be triggered when the model value changes.
-     * Implemented as part of ControlValueAccessor.
-     * @param fn Callback to be registered.
-     */
-    registerOnChange(fn: any): void;
-    /**
-     * Registers a callback to be triggered when the control is touched.
-     * Implemented as part of ControlValueAccessor.
-     * @param fn Callback to be registered.
-     */
-    registerOnTouched(fn: any): void;
-    /**
-     * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.
-     * @param isDisabled Whether the control should be disabled.
-     */
-    setDisabledState(isDisabled: boolean): void;
-    /** Open panel with input focus event. */
-    _handleFocus(): void;
-    /** Opens the overlay panel. */
-    _openPanel(): void;
-    /** Closes the overlay panel and focuses the host element. */
-    _closePanel(): void;
-    /** The callback of color changed. */
-    _onColorChanged(model: ColorEvent): void;
-    /** Stream of clicks outside of the color picker panel. */
-    private _getOutsideClickStream;
-    static ngAcceptInputType_required: BooleanInput;
-    static ngAcceptInputType_readonly: BooleanInput;
-    static ngAcceptInputType_disabled: BooleanInput;
-}

package/color-picker/color-picker.module.d.ts

@@ -1,2 +0,0 @@
-export declare class MtxColorPickerModule {
-}

package/color-picker/mtxColorPicker.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"MtxColorPickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":17,"character":4},{"__symbolic":"reference","module":"ngx-color/chrome","name":"ColorChromeModule","line":18,"character":4}],"exports":[{"__symbolic":"reference","name":"MtxColorPickerComponent"}],"declarations":[{"__symbolic":"reference","name":"MtxColorPickerComponent"}]}]}],"members":{}},"MtxColorPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"mtx-color-picker","exportAs":"mtxColorPicker","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":38,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":39,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldControl","line":40,"character":25},"useExisting":{"__symbolic":"reference","name":"MtxColorPickerComponent"}}],"template":"<input matInput\n       [(ngModel)]=\"value\"\n       [placeholder]=\"placeholder\"\n       [disabled]=\"disabled\"\n       [readonly]=\"readonly\"\n       (focus)=\"_handleFocus()\"\n       autocomplete=\"off\">\n\n<div #colorPickerTrigger=\"matMenuTrigger\"\n     [matMenuTriggerFor]=\"colorPickerPopover\"\n     (menuOpened)=\"_openPanel()\"\n     (menuClosed)=\"_closePanel()\">\n</div>\n\n<mat-menu #colorPickerPopover=\"matMenu\" class=\"mtx-color-picker-panel\" [hasBackdrop]=\"false\">\n  <div class=\"mtx-color-picker\"\n       (click)=\"$event.stopPropagation()\"\n       (keydown)=\"$event.stopPropagation()\">\n    <color-chrome [color]=\"value!\" (onChangeComplete)=\"_onColorChanged($event)\"></color-chrome>\n  </div>\n</mat-menu>\n","styles":[".mtx-color-picker-panel .mat-menu-content:not(:empty){padding:0}.mtx-color-picker-panel .mtx-color-picker{padding:8px}.mtx-color-picker-panel .mtx-color-picker .chrome-picker{box-shadow:none;border-radius:0}.mtx-color-picker-panel .mtx-color-picker .chrome-picker .saturation{border-radius:0}\n"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"colorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":144,"character":3}}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":146,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":146,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":181,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":181,"character":17}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":182,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":182,"character":17}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":183,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":183,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":183,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":177,"character":27},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":178,"character":36,"context":{"typeName":"HTMLElement"},"module":"./color-picker.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":179,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":180,"character":19},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":181,"character":42},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":182,"character":44},{"__symbolic":"reference","name":"any"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setDescribedByIds":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"_openPanel":[{"__symbolic":"method"}],"_closePanel":[{"__symbolic":"method"}],"_onColorChanged":[{"__symbolic":"method"}],"_getOutsideClickStream":[{"__symbolic":"method"}]}}},"origins":{"MtxColorPickerModule":"./color-picker.module","MtxColorPickerComponent":"./color-picker.component"},"importAs":"@ng-matero/extensions/color-picker"}