@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
1 lines • 12 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"DropDownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"DropDownDirective"},{"__symbolic":"reference","name":"DropDownMenuDirective"},{"__symbolic":"reference","name":"DropDownToggleDirective"},{"__symbolic":"reference","name":"DropDownAppendToBodyComponent"}],"declarations":[{"__symbolic":"reference","name":"DropDownDirective"},{"__symbolic":"reference","name":"DropDownMenuDirective"},{"__symbolic":"reference","name":"DropDownToggleDirective"},{"__symbolic":"reference","name":"DropDownAppendToBodyComponent"}],"entryComponents":[]}]}],"members":{}},"DropDownMenuDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[dDropDownMenu]","exportAs":"d-dropdown-menu"}]}],"members":{"diplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["style.display"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["attr.tabIndex"]}]}],"addClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":15,"character":3},"arguments":["class.devui-dropdown-menu"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":23,"character":15}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"DropDownDirective"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":23,"character":71},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":23,"character":99},{"__symbolic":"reference","module":"ng-devui/window-ref","name":"WindowRef","line":24,"character":21},{"__symbolic":"reference","module":"@angular/animations","name":"AnimationBuilder","line":24,"character":49}]}],"ngOnInit":[{"__symbolic":"method"}],"calcPopDirection":[{"__symbolic":"method"}],"mouseLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":89,"character":3},"arguments":["mouseleave",["$event"]]}]}],"fadeIn":[{"__symbolic":"method"}],"fadeOut":[{"__symbolic":"method"}]}},"DropDownToggleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[dDropDownToggle]","exportAs":"d-dropdown-toggle"}]}],"members":{"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["attr.tabIndex"]}]}],"attrDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":11,"character":3},"arguments":["attr.disabled"]}]}],"addClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":3},"arguments":["class.devui-dropdown-toggle"]}]}],"toggleOnFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"autoFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":23,"character":15}}],null],"parameters":[{"__symbolic":"reference","name":"DropDownDirective"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":23,"character":71}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":36,"character":3},"arguments":["click",["$event"]]}]}],"setMouseEventTrue":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":44,"character":3},"arguments":["mousedown",["$event"]]}]}],"setMouseEventFalse":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":48,"character":3},"arguments":["mouseup",["$event"]]}]}],"toggleOnFocusFn":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":52,"character":3},"arguments":["focus",["$event"]]}]}],"toggle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":58,"character":3},"arguments":["keydown.enter"]}]}]}},"DropDownAppendToBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"[dDropDown][appendToBody]","template":"\n <ng-content></ng-content>\n <ng-template cdk-connected-overlay\n [cdkConnectedOverlayOrigin]=\"origin || dropDown.cdkConnectedOverlayOrigin\"\n [cdkConnectedOverlayOpen]=\"dropDown.isOpen\"\n [cdkConnectedOverlayPositions]=\"positions\"\n (backdropClick)=\"dropDown.isOpen=false\"\n (positionChange)=\"onPositionChange($event)\">\n <div [@fadeInOut]=\"(dropDown.isOpen ? menuPosition : 'void')\">\n <ng-content select=\"[dDropDownMenu]\"></ng-content>\n </div>\n </ng-template>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":22,"character":17},"member":"None"},"animations":[{"__symbolic":"reference","module":"ng-devui/utils","name":"fadeInOut","line":24,"character":4}],"styles":[".cdk-overlay-pane .devui-dropdown-menu{position:relative;top:0;left:0;border:none}.devui-dropdown span.icon-chevron-down{display:inline-block;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.devui-dropdown.open span.icon-chevron-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}"]}]}],"members":{"alignOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"appendToBodyDirections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":35,"character":15}}]],"parameters":[{"__symbolic":"reference","name":"DropDownDirective"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setOrigin":[{"__symbolic":"method"}],"setPositions":[{"__symbolic":"method"}],"onPositionChange":[{"__symbolic":"method"}]}},"DropDownDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"[dDropDown]","exportAs":"d-dropdown","providers":[{"__symbolic":"reference","name":"DropDownService"}]}]}],"members":{"dropdownChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":15,"character":3},"arguments":[{"__symbolic":"reference","name":"DropDownDirective"},{"descendants":true}]}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":3},"arguments":["class.devui-dropdown-open"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"addClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":3},"arguments":["class.devui-dropdown"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"closeScope":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"closeOnMouseLeaveMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"toggleEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":87,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":87,"character":17}}]],"parameters":[{"__symbolic":"reference","name":"DropDownService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":86,"character":67},{"__symbolic":"reference","name":"DropDownDirective"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"focusToggleElement":[{"__symbolic":"method"}],"updateCdkConnectedOverlayOrigin":[{"__symbolic":"method"}],"subscribeHoverAction":[{"__symbolic":"method"}],"unsubscribeHoverAction":[{"__symbolic":"method"}],"handleHoverSubscriptionIfTriggerIsHover":[{"__symbolic":"method"}],"simulateEventDispatch":[{"__symbolic":"method"}]}},"DropDownService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}]}}},"origins":{"DropDownModule":"./dropdown.moudule","DropDownMenuDirective":"./dropdown-menu.directive","DropDownToggleDirective":"./dropdown-toggle.directive","DropDownAppendToBodyComponent":"./dropdown.component","DropDownDirective":"./dropdown.directive","DropDownService":"./dropdown.service"},"importAs":"ng-devui/dropdown"}