@ng-matero/extensions 12.10.0 → 12.10.1

package/colorpicker/colorpicker-toggle.d.ts

@@ -11,7 +11,9 @@ export declare class MtxColorpickerToggle implements AfterContentInit, OnChanges
     /** Colorpicker instance that the button will toggle. */
     picker: MtxColorpicker;
     /** Tabindex for the toggle. */
-    tabIndex: number;
+    tabIndex: number | null;
+    /** Screen-reader label for the button. */
+    ariaLabel: string;
     /** Whether the toggle button is disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
@@ -22,11 +24,11 @@ export declare class MtxColorpickerToggle implements AfterContentInit, OnChanges
     _customIcon: MtxColorpickerToggleIcon;
     /** Underlying button element. */
     _button: MatButton;
-    constructor(_changeDetectorRef: ChangeDetectorRef);
+    constructor(_changeDetectorRef: ChangeDetectorRef, defaultTabIndex: string);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
-    open(event: Event): void;
+    _open(event: Event): void;
     private _watchStateChanges;
     static ngAcceptInputType_disabled: BooleanInput;
     static ngAcceptInputType_disableRipple: BooleanInput;

package/colorpicker/mtxColorpicker.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MtxColorpickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"ngx-color/chrome","name":"ColorChromeModule","line":23,"character":4}],"exports":[{"__symbolic":"reference","name":"MtxColorpicker"},{"__symbolic":"reference","name":"MtxColorpickerContent"},{"__symbolic":"reference","name":"MtxColorpickerInput"},{"__symbolic":"reference","name":"MtxColorpickerToggle"},{"__symbolic":"reference","name":"MtxColorpickerToggleIcon"}],"declarations":[{"__symbolic":"reference","name":"MtxColorpicker"},{"__symbolic":"reference","name":"MtxColorpickerContent"},{"__symbolic":"reference","name":"MtxColorpickerInput"},{"__symbolic":"reference","name":"MtxColorpickerToggle"},{"__symbolic":"reference","name":"MtxColorpickerToggleIcon"}],"providers":[{"__symbolic":"reference","name":"MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER"}]}]}],"members":{}},"MTX_COLORPICKER_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":45,"character":51},"arguments":["mtx-colorpicker-scroll-strategy"]},"MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":50,"character":9,"module":"./colorpicker"}},"MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MTX_COLORPICKER_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":61,"character":9}],"useFactory":{"__symbolic":"reference","name":"MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY"}},"MtxColorpickerContent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":89,"character":10,"module":"./colorpicker"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":73,"character":1},"arguments":[{"selector":"mtx-colorpicker-content","host":{"class":"mtx-colorpicker-content","[@transformPanel]":"_animationState","(@transformPanel.done)":"_animationDone.next()","$quoted$":["class","[@transformPanel]","(@transformPanel.done)"]},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"mtxColorpickerAnimations"},"member":"transformPanel"}],"exportAs":"mtxColorpickerContent","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":84,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":85,"character":19},"member":"OnPush"},"inputs":["color"],"template":"<ng-template [ngIf]=\"picker.content\" [ngIfElse]=\"default\"\n             [ngTemplateOutlet]=\"picker.content\">\n</ng-template>\n<ng-template #default>\n  <color-chrome [color]=\"picker.selected\"\n                (onChangeComplete)=\"picker.select(getColorString($event))\">\n  </color-chrome>\n</ng-template>\n","styles":[".mtx-colorpicker-content{display:block;border-radius:4px}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":100,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":100,"character":66}]}],"_startExitAnimation":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getColorString":[{"__symbolic":"method"}]}},"ColorpickerDropdownPositionX":{"__symbolic":"interface"},"ColorpickerDropdownPositionY":{"__symbolic":"interface"},"MtxColorpicker":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":123,"character":1},"arguments":[{"selector":"mtx-colorpicker","template":"","exportAs":"mtxColorpicker","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":127,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":128,"character":17},"member":"None"}}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3}}]}],"openedStream":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3},"arguments":["opened"]}]}],"closedStream":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":141,"character":3},"arguments":["closed"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":3}}]}],"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}}]}],"restoreFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":247,"character":5},"arguments":[{"__symbolic":"reference","name":"MTX_COLORPICKER_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":248,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":249,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":249,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":249,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":244,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":245,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":246,"character":31},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":248,"character":30},{"__symbolic":"reference","name":"any"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"registerInput":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"_forwardContentValues":[{"__symbolic":"method"}],"_openOverlay":[{"__symbolic":"method"}],"_destroyOverlay":[{"__symbolic":"method"}],"_getDropdownStrategy":[{"__symbolic":"method"}],"_setConnectedPositions":[{"__symbolic":"method"}],"_getCloseStream":[{"__symbolic":"method"}]}},"MTX_COLORPICKER_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":43,"character":11},"useExisting":{"__symbolic":"reference","name":"MtxColorpickerInput"},"multi":true},"MTX_COLORPICKER_VALIDATORS":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":49,"character":11},"useExisting":{"__symbolic":"reference","name":"MtxColorpickerInput"},"multi":true},"MtxColorpickerInput":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":56,"character":1},"arguments":[{"selector":"input[mtxColorpicker]","providers":[{"__symbolic":"reference","name":"MTX_COLORPICKER_VALUE_ACCESSOR"},{"__symbolic":"reference","name":"MTX_COLORPICKER_VALIDATORS"},{"provide":{"__symbolic":"reference","module":"@angular/material/input","name":"MAT_INPUT_VALUE_ACCESSOR","line":61,"character":15},"useExisting":{"__symbolic":"reference","name":"MtxColorpickerInput"}}],"host":{"class":"mtx-colorpicker-input","[attr.aria-haspopup]":"_picker ? \"dialog\" : null","[attr.aria-owns]":"(_picker?.opened && _picker.id) || null","[disabled]":"disabled","(input)":"_onInput($event.target.value)","(change)":"_onChange()","(blur)":"_onBlur()","(keydown)":"_onKeydown($event)","$quoted$":["class","[attr.aria-haspopup]","[attr.aria-owns]","[disabled]","(input)","(change)","(blur)","(keydown)"]},"exportAs":"mtxColorpickerInput"}]}],"members":{"mtxColorpicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"colorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":144,"character":3}}]}],"colorInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":148,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":173,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":172,"character":36,"context":{"typeName":"HTMLInputElement"},"module":"./colorpicker-input"}]},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":173,"character":36}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerOnValidatorChange":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"getPopupConnectionElementRef":[{"__symbolic":"method"}],"getConnectedOverlayOrigin":[{"__symbolic":"method"}],"getOverlayLabelId":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_onKeydown":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_onInput":[{"__symbolic":"method"}],"_onChange":[{"__symbolic":"method"}],"getThemePalette":[{"__symbolic":"method"}],"_formatValue":[{"__symbolic":"method"}]}},"ColorFormat":{"__symbolic":"interface"},"MtxColorpickerToggleIcon":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":21,"character":1},"arguments":[{"selector":"[mtxColorpickerToggleIcon]"}]}],"members":{}},"MtxColorpickerToggle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"mtx-colorpicker-toggle","host":{"class":"mtx-colorpicker-toggle","[attr.tabindex]":"disabled ? null : -1","[class.mtx-colorpicker-toggle-active]":"picker && picker.opened","[class.mat-accent]":"picker && picker.color === \"accent\"","[class.mat-warn]":"picker && picker.color === \"warn\"","(focus)":"_button.focus()","$quoted$":["class","[attr.tabindex]","[class.mtx-colorpicker-toggle-active]","[class.mat-accent]","[class.mat-warn]","(focus)"]},"exportAs":"mtxColorpickerToggle","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":41,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":42,"character":19},"member":"OnPush"},"template":"<button #button\n        mat-icon-button\n        type=\"button\"\n        [attr.aria-haspopup]=\"picker ? 'dialog' : null\"\n        [attr.tabindex]=\"disabled ? -1 : tabIndex\"\n        [disabled]=\"disabled\"\n        [disableRipple]=\"disableRipple\"\n        (click)=\"open($event)\">\n\n  <svg *ngIf=\"!_customIcon\"\n       class=\"mtx-colorpicker-toggle-default-icon\"\n       viewBox=\"0 0 24 24\"\n       width=\"24px\"\n       height=\"24px\"\n       fill=\"currentColor\"\n       focusable=\"false\">\n    <path\n          d=\"M17.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,9A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 17.5,12M14.5,8A1.5,1.5 0 0,1 13,6.5A1.5,1.5 0 0,1 14.5,5A1.5,1.5 0 0,1 16,6.5A1.5,1.5 0 0,1 14.5,8M9.5,8A1.5,1.5 0 0,1 8,6.5A1.5,1.5 0 0,1 9.5,5A1.5,1.5 0 0,1 11,6.5A1.5,1.5 0 0,1 9.5,8M6.5,12A1.5,1.5 0 0,1 5,10.5A1.5,1.5 0 0,1 6.5,9A1.5,1.5 0 0,1 8,10.5A1.5,1.5 0 0,1 6.5,12M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A1.5,1.5 0 0,0 13.5,19.5C13.5,19.11 13.35,18.76 13.11,18.5C12.88,18.23 12.73,17.88 12.73,17.5A1.5,1.5 0 0,1 14.23,16H16A5,5 0 0,0 21,11C21,6.58 16.97,3 12,3Z\" />\n  </svg>\n\n  <ng-content select=\"[mtxColorpickerToggleIcon]\"></ng-content>\n</button>\n","styles":[".mat-form-field-appearance-legacy .mat-form-field-prefix .mtx-colorpicker-toggle-default-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mtx-colorpicker-toggle-default-icon{width:1em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mtx-colorpicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mtx-colorpicker-toggle-default-icon{display:block;width:1.5em;height:1.5em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mtx-colorpicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mtx-colorpicker-toggle-default-icon{margin:auto}\n"]}]}],"members":{"picker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["for"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"disableRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"_customIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":71,"character":3},"arguments":[{"__symbolic":"reference","name":"MtxColorpickerToggleIcon"}]}]}],"_button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":74,"character":3},"arguments":["button"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":76,"character":42}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"_watchStateChanges":[{"__symbolic":"method"}]}},"mtxColorpickerAnimations":{"transformPanel":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":17,"character":18},"arguments":["transformPanel",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":18,"character":4},"arguments":["void => enter-dropdown",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":20,"character":6},"arguments":["120ms cubic-bezier(0, 0, 0.2, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":22,"character":8},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":10},"arguments":[{"opacity":0,"transform":"scale(1, 0.8)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":10},"arguments":[{"opacity":1,"transform":"scale(1, 1)"}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":28,"character":4},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":28},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":28,"character":52},"arguments":[{"opacity":0}]}]}]}]]}}},"origins":{"MtxColorpickerModule":"./colorpicker-module","MTX_COLORPICKER_SCROLL_STRATEGY":"./colorpicker","MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY":"./colorpicker","MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER":"./colorpicker","MtxColorpickerContent":"./colorpicker","ColorpickerDropdownPositionX":"./colorpicker","ColorpickerDropdownPositionY":"./colorpicker","MtxColorpicker":"./colorpicker","MTX_COLORPICKER_VALUE_ACCESSOR":"./colorpicker-input","MTX_COLORPICKER_VALIDATORS":"./colorpicker-input","MtxColorpickerInput":"./colorpicker-input","ColorFormat":"./colorpicker-input","MtxColorpickerToggleIcon":"./colorpicker-toggle","MtxColorpickerToggle":"./colorpicker-toggle","mtxColorpickerAnimations":"./colorpicker-animations"},"importAs":"@ng-matero/extensions/colorpicker"}
+{"__symbolic":"module","version":4,"metadata":{"MtxColorpickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"ngx-color/chrome","name":"ColorChromeModule","line":23,"character":4}],"exports":[{"__symbolic":"reference","name":"MtxColorpicker"},{"__symbolic":"reference","name":"MtxColorpickerContent"},{"__symbolic":"reference","name":"MtxColorpickerInput"},{"__symbolic":"reference","name":"MtxColorpickerToggle"},{"__symbolic":"reference","name":"MtxColorpickerToggleIcon"}],"declarations":[{"__symbolic":"reference","name":"MtxColorpicker"},{"__symbolic":"reference","name":"MtxColorpickerContent"},{"__symbolic":"reference","name":"MtxColorpickerInput"},{"__symbolic":"reference","name":"MtxColorpickerToggle"},{"__symbolic":"reference","name":"MtxColorpickerToggleIcon"}],"providers":[{"__symbolic":"reference","name":"MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER"}]}]}],"members":{}},"MTX_COLORPICKER_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":45,"character":51},"arguments":["mtx-colorpicker-scroll-strategy"]},"MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":50,"character":9,"module":"./colorpicker"}},"MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MTX_COLORPICKER_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":61,"character":9}],"useFactory":{"__symbolic":"reference","name":"MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY"}},"MtxColorpickerContent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":89,"character":10,"module":"./colorpicker"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":73,"character":1},"arguments":[{"selector":"mtx-colorpicker-content","host":{"class":"mtx-colorpicker-content","[@transformPanel]":"_animationState","(@transformPanel.done)":"_animationDone.next()","$quoted$":["class","[@transformPanel]","(@transformPanel.done)"]},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"mtxColorpickerAnimations"},"member":"transformPanel"}],"exportAs":"mtxColorpickerContent","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":84,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":85,"character":19},"member":"OnPush"},"inputs":["color"],"template":"<ng-template [ngIf]=\"picker.content\" [ngIfElse]=\"default\"\n             [ngTemplateOutlet]=\"picker.content\">\n</ng-template>\n<ng-template #default>\n  <color-chrome [color]=\"picker.selected\"\n                (onChangeComplete)=\"picker.select(getColorString($event))\">\n  </color-chrome>\n</ng-template>\n","styles":[".mtx-colorpicker-content{display:block;border-radius:4px}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":100,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":100,"character":66}]}],"_startExitAnimation":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getColorString":[{"__symbolic":"method"}]}},"ColorpickerDropdownPositionX":{"__symbolic":"interface"},"ColorpickerDropdownPositionY":{"__symbolic":"interface"},"MtxColorpicker":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":123,"character":1},"arguments":[{"selector":"mtx-colorpicker","template":"","exportAs":"mtxColorpicker","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":127,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":128,"character":17},"member":"None"}}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3}}]}],"openedStream":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3},"arguments":["opened"]}]}],"closedStream":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":141,"character":3},"arguments":["closed"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":3}}]}],"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}}]}],"restoreFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":247,"character":5},"arguments":[{"__symbolic":"reference","name":"MTX_COLORPICKER_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":248,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":249,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":249,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":249,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":244,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":245,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":246,"character":31},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":248,"character":30},{"__symbolic":"reference","name":"any"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"registerInput":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"_forwardContentValues":[{"__symbolic":"method"}],"_openOverlay":[{"__symbolic":"method"}],"_destroyOverlay":[{"__symbolic":"method"}],"_getDropdownStrategy":[{"__symbolic":"method"}],"_setConnectedPositions":[{"__symbolic":"method"}],"_getCloseStream":[{"__symbolic":"method"}]}},"MTX_COLORPICKER_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":43,"character":11},"useExisting":{"__symbolic":"reference","name":"MtxColorpickerInput"},"multi":true},"MTX_COLORPICKER_VALIDATORS":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":49,"character":11},"useExisting":{"__symbolic":"reference","name":"MtxColorpickerInput"},"multi":true},"MtxColorpickerInput":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":56,"character":1},"arguments":[{"selector":"input[mtxColorpicker]","providers":[{"__symbolic":"reference","name":"MTX_COLORPICKER_VALUE_ACCESSOR"},{"__symbolic":"reference","name":"MTX_COLORPICKER_VALIDATORS"},{"provide":{"__symbolic":"reference","module":"@angular/material/input","name":"MAT_INPUT_VALUE_ACCESSOR","line":61,"character":15},"useExisting":{"__symbolic":"reference","name":"MtxColorpickerInput"}}],"host":{"class":"mtx-colorpicker-input","[attr.aria-haspopup]":"_picker ? \"dialog\" : null","[attr.aria-owns]":"(_picker?.opened && _picker.id) || null","[disabled]":"disabled","(input)":"_onInput($event.target.value)","(change)":"_onChange()","(blur)":"_onBlur()","(keydown)":"_onKeydown($event)","$quoted$":["class","[attr.aria-haspopup]","[attr.aria-owns]","[disabled]","(input)","(change)","(blur)","(keydown)"]},"exportAs":"mtxColorpickerInput"}]}],"members":{"mtxColorpicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"colorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":144,"character":3}}]}],"colorInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":148,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":173,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":172,"character":36,"context":{"typeName":"HTMLInputElement"},"module":"./colorpicker-input"}]},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField","line":173,"character":36}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerOnValidatorChange":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"getPopupConnectionElementRef":[{"__symbolic":"method"}],"getConnectedOverlayOrigin":[{"__symbolic":"method"}],"getOverlayLabelId":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_onKeydown":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_onInput":[{"__symbolic":"method"}],"_onChange":[{"__symbolic":"method"}],"getThemePalette":[{"__symbolic":"method"}],"_formatValue":[{"__symbolic":"method"}]}},"ColorFormat":{"__symbolic":"interface"},"MtxColorpickerToggleIcon":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":21,"character":1},"arguments":[{"selector":"[mtxColorpickerToggleIcon]"}]}],"members":{}},"MtxColorpickerToggle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"mtx-colorpicker-toggle","host":{"class":"mtx-colorpicker-toggle","[attr.tabindex]":"null","[class.mtx-colorpicker-toggle-active]":"picker && picker.opened","[class.mat-accent]":"picker && picker.color === \"accent\"","[class.mat-warn]":"picker && picker.color === \"warn\"","(click)":"_open($event)","$quoted$":["class","[attr.tabindex]","[class.mtx-colorpicker-toggle-active]","[class.mat-accent]","[class.mat-warn]","(click)"]},"exportAs":"mtxColorpickerToggle","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":42,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":43,"character":19},"member":"OnPush"},"template":"<button #button\n        mat-icon-button\n        type=\"button\"\n        [attr.aria-haspopup]=\"picker ? 'dialog' : null\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.tabindex]=\"disabled ? -1 : tabIndex\"\n        [disabled]=\"disabled\"\n        [disableRipple]=\"disableRipple\">\n\n  <svg *ngIf=\"!_customIcon\"\n       class=\"mtx-colorpicker-toggle-default-icon\"\n       viewBox=\"0 0 24 24\"\n       width=\"24px\"\n       height=\"24px\"\n       fill=\"currentColor\"\n       focusable=\"false\">\n    <path\n          d=\"M17.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,9A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 17.5,12M14.5,8A1.5,1.5 0 0,1 13,6.5A1.5,1.5 0 0,1 14.5,5A1.5,1.5 0 0,1 16,6.5A1.5,1.5 0 0,1 14.5,8M9.5,8A1.5,1.5 0 0,1 8,6.5A1.5,1.5 0 0,1 9.5,5A1.5,1.5 0 0,1 11,6.5A1.5,1.5 0 0,1 9.5,8M6.5,12A1.5,1.5 0 0,1 5,10.5A1.5,1.5 0 0,1 6.5,9A1.5,1.5 0 0,1 8,10.5A1.5,1.5 0 0,1 6.5,12M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A1.5,1.5 0 0,0 13.5,19.5C13.5,19.11 13.35,18.76 13.11,18.5C12.88,18.23 12.73,17.88 12.73,17.5A1.5,1.5 0 0,1 14.23,16H16A5,5 0 0,0 21,11C21,6.58 16.97,3 12,3Z\" />\n  </svg>\n\n  <ng-content select=\"[mtxColorpickerToggleIcon]\"></ng-content>\n</button>\n","styles":[".mat-form-field-appearance-legacy .mat-form-field-prefix .mtx-colorpicker-toggle-default-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mtx-colorpicker-toggle-default-icon{width:1em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mtx-colorpicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mtx-colorpicker-toggle-default-icon{display:block;width:1.5em;height:1.5em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mtx-colorpicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mtx-colorpicker-toggle-default-icon{margin:auto}\n"]}]}],"members":{"picker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3},"arguments":["for"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3},"arguments":["aria-label"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"disableRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"_customIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":75,"character":3},"arguments":[{"__symbolic":"reference","name":"MtxColorpickerToggleIcon"}]}]}],"_button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":3},"arguments":["button"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":82,"character":5},"arguments":["tabindex"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":81,"character":32},{"__symbolic":"reference","name":"string"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"_open":[{"__symbolic":"method"}],"_watchStateChanges":[{"__symbolic":"method"}]}},"mtxColorpickerAnimations":{"transformPanel":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":17,"character":18},"arguments":["transformPanel",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":18,"character":4},"arguments":["void => enter-dropdown",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":20,"character":6},"arguments":["120ms cubic-bezier(0, 0, 0.2, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":22,"character":8},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":10},"arguments":[{"opacity":0,"transform":"scale(1, 0.8)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":10},"arguments":[{"opacity":1,"transform":"scale(1, 1)"}]}]]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":28,"character":4},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":28},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":28,"character":52},"arguments":[{"opacity":0}]}]}]}]]}}},"origins":{"MtxColorpickerModule":"./colorpicker-module","MTX_COLORPICKER_SCROLL_STRATEGY":"./colorpicker","MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY":"./colorpicker","MTX_COLORPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER":"./colorpicker","MtxColorpickerContent":"./colorpicker","ColorpickerDropdownPositionX":"./colorpicker","ColorpickerDropdownPositionY":"./colorpicker","MtxColorpicker":"./colorpicker","MTX_COLORPICKER_VALUE_ACCESSOR":"./colorpicker-input","MTX_COLORPICKER_VALIDATORS":"./colorpicker-input","MtxColorpickerInput":"./colorpicker-input","ColorFormat":"./colorpicker-input","MtxColorpickerToggleIcon":"./colorpicker-toggle","MtxColorpickerToggle":"./colorpicker-toggle","mtxColorpickerAnimations":"./colorpicker-animations"},"importAs":"@ng-matero/extensions/colorpicker"}

package/datetimepicker/datetimepicker-toggle.d.ts

@@ -13,7 +13,7 @@ export declare class MtxDatetimepickerToggle<D> implements AfterContentInit, OnC
     /** Datetimepicker instance that the button will toggle. */
     datetimepicker: MtxDatetimepicker<D>;
     /** Tabindex for the toggle. */
-    tabIndex: number;
+    tabIndex: number | null;
     /** Whether the toggle button is disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
@@ -24,7 +24,7 @@ export declare class MtxDatetimepickerToggle<D> implements AfterContentInit, OnC
     _customIcon: MtxDatetimepickerToggleIcon;
     /** Underlying button element. */
     _button: MatButton;
-    constructor(_intl: MatDatepickerIntl, _changeDetectorRef: ChangeDetectorRef);
+    constructor(_intl: MatDatepickerIntl, _changeDetectorRef: ChangeDetectorRef, defaultTabIndex: string);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngAfterContentInit(): void;