@angular/material
Version:
Angular Material
1 lines • 19 kB
JSON
{"__symbolic":"module","version":3,"metadata":{"MatSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"exports":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule"},{"__symbolic":"reference","name":"MatSelect"},{"__symbolic":"reference","name":"MatSelectTrigger"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatSelect"},{"__symbolic":"reference","name":"MatSelectTrigger"}],"providers":[{"__symbolic":"reference","name":"MAT_SELECT_SCROLL_STRATEGY_PROVIDER"},{"__symbolic":"reference","module":"@angular/material/core","name":"ErrorStateMatcher"}]}]}],"members":{}},"SELECT_PANEL_MAX_HEIGHT":256,"SELECT_PANEL_PADDING_X":16,"SELECT_PANEL_INDENT_PADDING_X":32,"SELECT_ITEM_HEIGHT_EM":3,"SELECT_MULTIPLE_PANEL_PADDING_X":44,"SELECT_PANEL_VIEWPORT_PADDING":8,"MAT_SELECT_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["mat-select-scroll-strategy"]},"MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Function call not supported","line":120,"character":9,"module":"./select"}},"MAT_SELECT_SCROLL_STRATEGY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MAT_SELECT_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay"}],"useFactory":{"__symbolic":"reference","name":"MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY"}},"MatSelectChange":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatSelect"},{"__symbolic":"reference","name":"any"}]}]}},"MatSelectBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"_MatSelectMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinTabIndex"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinDisabled"},"arguments":[{"__symbolic":"reference","name":"MatSelectBase"}]}]},"MatSelectTrigger":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mat-select-trigger"}]}],"members":{}},"MatSelect":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MatSelectMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"mat-select","exportAs":"matSelect","inputs":["disabled","tabIndex"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"host":{"role":"listbox","[attr.id]":"id","[attr.tabindex]":"tabIndex","[attr.aria-label]":"_ariaLabel","[attr.aria-labelledby]":"ariaLabelledby","[attr.aria-required]":"required.toString()","[attr.aria-disabled]":"disabled.toString()","[attr.aria-invalid]":"errorState","[attr.aria-owns]":"_optionIds","[attr.aria-multiselectable]":"multiple","[attr.aria-describedby]":"_ariaDescribedby || null","[attr.aria-activedescendant]":"_getAriaActiveDescendant()","[class.mat-select-disabled]":"disabled","[class.mat-select-invalid]":"errorState","[class.mat-select-required]":"required","class":"mat-select","(keydown)":"_handleKeydown($event)","(focus)":"_onFocus()","(blur)":"_onBlur()"},"animations":[{"__symbolic":"reference","name":"transformPanel"},{"__symbolic":"reference","name":"fadeInContent"}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldControl"},"useExisting":{"__symbolic":"reference","name":"MatSelect"}}],"template":"<div cdk-overlay-origin class=\"mat-select-trigger\" aria-hidden=\"true\" (click)=\"toggle()\" #origin=\"cdkOverlayOrigin\" #trigger><div class=\"mat-select-value\"><ng-container *ngIf=\"empty\"> </ng-container><span class=\"mat-select-value-text\" *ngIf=\"!empty\" [ngSwitch]=\"!!customTrigger\"><span *ngSwitchDefault>{{ triggerValue }}</span><ng-content select=\"mat-select-trigger\" *ngSwitchCase=\"true\"></ng-content></span></div><div class=\"mat-select-arrow-wrapper\"><div class=\"mat-select-arrow\"></div></div></div><ng-template cdk-connected-overlay hasBackdrop backdropClass=\"cdk-overlay-transparent-backdrop\" [scrollStrategy]=\"_scrollStrategy\" [origin]=\"origin\" [open]=\"panelOpen\" [positions]=\"_positions\" [minWidth]=\"_triggerRect?.width\" [offsetY]=\"_offsetY\" (backdropClick)=\"close()\" (attach)=\"_onAttached()\" (detach)=\"close()\"><div #panel class=\"mat-select-panel {{ _getPanelTheme() }}\" [ngClass]=\"panelClass\" [@transformPanel]=\"multiple ? 'showing-multiple' : 'showing'\" (@transformPanel.done)=\"_onPanelDone()\" [style.transformOrigin]=\"_transformOrigin\" [class.mat-select-panel-done-animating]=\"_panelDoneAnimating\" [style.font-size.px]=\"_triggerFontSize\"><div class=\"mat-select-content\" [@fadeInContent]=\"'showing'\" (@fadeInContent.done)=\"_onFadeInDone()\"><ng-content></ng-content></div></div></ng-template>","styles":[".mat-select{display:inline-block;width:100%;outline:0}.mat-select-trigger{display:inline-table;cursor:pointer;position:relative;box-sizing:border-box}.mat-select-disabled .mat-select-trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.mat-select-value{display:table-cell;max-width:0;width:100%;overflow:hidden;text-overflow:ellipsis}.mat-select-value-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-select-arrow-wrapper{display:table-cell;vertical-align:middle}.mat-select-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px}.mat-select-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px;min-width:100%}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}@media screen and (-ms-high-contrast:active){.mat-select-panel{outline:solid 1px}}.mat-select-panel .mat-optgroup-label,.mat-select-panel .mat-option{font-size:inherit;line-height:3em;height:3em}.mat-form-field-type-mat-select .mat-form-field-flex{cursor:pointer}.mat-form-field-type-mat-select .mat-form-field-placeholder{width:calc(100% - 18px)}"]}]}],"members":{"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["trigger"]}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["panel"]}]}],"overlayDir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ConnectedOverlayDirective"}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption"},{"descendants":true}]}]}],"optionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptgroup"}]}]}],"panelClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"customTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"MatSelectTrigger"}]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"compareWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disableRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-labelledby"]}]}],"errorStateMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["tabindex"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"MAT_SELECT_SCROLL_STRATEGY"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/material/core","name":"ErrorStateMatcher"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality"},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm"},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective"},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormField"},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl"},{"__symbolic":"reference","name":"string"},null]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_isRtl":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleClosedKeydown":[{"__symbolic":"method"}],"_handleOpenKeydown":[{"__symbolic":"method"}],"_onPanelDone":[{"__symbolic":"method"}],"_onFadeInDone":[{"__symbolic":"method"}],"_onFocus":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_onAttached":[{"__symbolic":"method"}],"_getPanelTheme":[{"__symbolic":"method"}],"_initializeSelection":[{"__symbolic":"method"}],"_setSelectionByValue":[{"__symbolic":"method"}],"_selectValue":[{"__symbolic":"method"}],"_clearSelection":[{"__symbolic":"method"}],"_initKeyManager":[{"__symbolic":"method"}],"_resetOptions":[{"__symbolic":"method"}],"_listenToOptions":[{"__symbolic":"method"}],"_onSelect":[{"__symbolic":"method"}],"_sortValues":[{"__symbolic":"method"}],"_dropSubscriptions":[{"__symbolic":"method"}],"_propagateChanges":[{"__symbolic":"method"}],"_setOptionIds":[{"__symbolic":"method"}],"_setOptionMultiple":[{"__symbolic":"method"}],"_setOptionDisableRipple":[{"__symbolic":"method"}],"_highlightCorrectOption":[{"__symbolic":"method"}],"_scrollActiveOptionIntoView":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_getOptionIndex":[{"__symbolic":"method"}],"_calculateOverlayPosition":[{"__symbolic":"method"}],"_calculateOverlayScroll":[{"__symbolic":"method"}],"_getAriaActiveDescendant":[{"__symbolic":"method"}],"_calculateOverlayOffsetX":[{"__symbolic":"method"}],"_calculateOverlayOffsetY":[{"__symbolic":"method"}],"_checkOverlayWithinViewport":[{"__symbolic":"method"}],"_adjustPanelUp":[{"__symbolic":"method"}],"_adjustPanelDown":[{"__symbolic":"method"}],"_getOriginBasedOnOption":[{"__symbolic":"method"}],"_handleClosedArrowKey":[{"__symbolic":"method"}],"_getItemCount":[{"__symbolic":"method"}],"_getItemHeight":[{"__symbolic":"method"}],"setDescribedByIds":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}]}},"transformPanel":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["transformPanel",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["showing",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1,"minWidth":"calc(100% + 32px)","transform":"scaleY(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["showing-multiple",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1,"minWidth":"calc(100% + 64px)","transform":"scaleY(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0,"minWidth":"100%","transform":"scaleY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["250ms 100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]}]}]]}]]},"fadeInContent":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["fadeInContent",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["showing",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => showing",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)"]}]]}]]}},"origins":{"MatSelectModule":"./select-module","SELECT_PANEL_MAX_HEIGHT":"./select","SELECT_PANEL_PADDING_X":"./select","SELECT_PANEL_INDENT_PADDING_X":"./select","SELECT_ITEM_HEIGHT_EM":"./select","SELECT_MULTIPLE_PANEL_PADDING_X":"./select","SELECT_PANEL_VIEWPORT_PADDING":"./select","MAT_SELECT_SCROLL_STRATEGY":"./select","MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY":"./select","MAT_SELECT_SCROLL_STRATEGY_PROVIDER":"./select","MatSelectChange":"./select","MatSelectBase":"./select","_MatSelectMixinBase":"./select","MatSelectTrigger":"./select","MatSelect":"./select","transformPanel":"./select-animations","fadeInContent":"./select-animations"},"importAs":"@angular/material/select"}