{"__symbolic":"module","version":4,"metadata":{"FDropdownDirectiveTypeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@farris/ui-common","name":"FarrisCommonModule","line":14,"character":4}],"declarations":[{"__symbolic":"reference","name":"FDropdownDirective"},{"__symbolic":"reference","name":"FDropdownMenuDirective"},{"__symbolic":"reference","name":"FDropdownToggleDirective"}],"exports":[{"__symbolic":"reference","name":"FDropdownDirective"},{"__symbolic":"reference","name":"FDropdownMenuDirective"},{"__symbolic":"reference","name":"FDropdownToggleDirective"}]}]}],"members":{}},"FDropdownMenuDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[fDropdownMenu]"}]}],"members":{"showDropdownMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":5},"arguments":["class.dropdown-menu"]}]}],"dpIsOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":23,"character":36},{"__symbolic":"reference","name":"FDropdownDirective"}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"getRealPlacement":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"openStateChange":[{"__symbolic":"method"}],"changeDirection":[{"__symbolic":"method"}],"issubMenu":[{"__symbolic":"method"}],"setMenuPanelPosition":[{"__symbolic":"method"}]}},"FDropdownToggleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[fDropdownToggle]"}]}],"members":{"dpDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"disableCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":5},"arguments":["class.disabled"]}]}],"haspopup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":25,"character":5},"arguments":["attr.aria-haspopup"]}]}],"onclick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":26,"character":5},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FDropdownDirective"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":39,"character":28}]}]}},"FDropdownDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[fDropdown]","exportAs":"fDropdown"}]}],"members":{"rectifyReference":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"rectifyReferenceV":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"autoRectify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"forceState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5},"arguments":["forceState"]}]}],"openState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5},"arguments":["open"]}]}],"dpChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":5}}]}],"isSubDP":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5},"arguments":["placement"]}]}],"submenuCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":77,"character":5},"arguments":["class.dropdown-submenu"]}]}],"dropdownCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":81,"character":5},"arguments":["class.dropdown"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":90,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":91,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"getNativeElement":[{"__symbolic":"method"}],"bindDocumentEvents":[{"__symbolic":"method"}],"onSelfDefineHandler":[{"__symbolic":"method"}],"unbindDocumentEvents":[{"__symbolic":"method"}],"onDocumentClick":[{"__symbolic":"method"}],"needToCalculate":[{"__symbolic":"method"}],"resetCalculate":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"getOpenState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"closeSiblingDropdowns":[{"__symbolic":"method"}],"compatibleDispatchEvent":[{"__symbolic":"method"}],"_getClsName":[{"__symbolic":"method"}],"isEventFromToggle":[{"__symbolic":"method"}],"getRectifyReferenceEl":[{"__symbolic":"method"}],"appendMenuEl":[{"__symbolic":"method"}]}},"FarrisDropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"farris-dropdown","template":"\n        <div\n            class=\"farris-dropdown btn-group\"\n            [class.dropup]=\"position === 'top'\"\n            [class.dropdown]=\"position === 'bottom'\"\n            [class.dropleft]=\"position === 'left'\"\n            [class.dropright]=\"position === 'right'\"\n            [style.width]=\"width\"\n        >\n            <span\n                [class.btn]=\"!nest\"\n                [class.dropdown-item]=\"nest\"\n                [class.btn-lg]=\"size === 'large'\"\n                [class.btn-sm]=\"size === 'small'\"\n                [class.btn-primary]=\"type === 'primary'\"\n                [class.btn-success]=\"type === 'success'\"\n                [class.btn-warning]=\"type === 'warning'\"\n                [class.btn-danger]=\"type === 'danger'\"\n                [class.btn-info]=\"type === 'info'\"\n                (click)=\"leftButtonClick()\"\n                style=\"width:100%\"\n                *ngIf=\"splitButton\"\n                >{{ title }}</span\n            >\n            <span\n                class=\"dropdown-toggle\"\n                [class.btn]=\"!nest\"\n                [class.dropdown-item]=\"nest\"\n                [class.dropdown-toggle-split]=\"splitButton\"\n                [class.btn-lg]=\"size === 'large'\"\n                [class.btn-sm]=\"size === 'small'\"\n                [class.btn-primary]=\"type === 'primary'\"\n                [class.btn-success]=\"type === 'success'\"\n                [class.btn-warning]=\"type === 'warning'\"\n                [class.btn-danger]=\"type === 'danger'\"\n                [class.btn-info]=\"type === 'info'\"\n                [class.btn-secondary]=\"type === 'secondary'\"\n                (click)=\"showDropMenu($event)\"\n                (mouseenter)=\"hoverDropdown()\"\n                (mouseleave)=\"hoverDropdown()\"\n                style=\"width:100%\"\n            >\n                <span class=\"sr-only\" *ngIf=\"splitButton\"></span>\n                {{ splitButton ? '' : title }}\n            </span>\n            <div class=\"dropdown-menu\" [class.show]=\"show\">\n                <ng-template [ngTemplateOutlet]=\"dropdownTempl\"></ng-template>\n                <farris-dropdown-item\n                    *ngFor=\"let item of model\"\n                    [model]=\"item\"\n                    (select)=\"selectItem($event)\"\n                >\n                </farris-dropdown-item>\n            </div>\n        </div>\n    "}]}],"members":{"nest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}}]}],"hover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}}]}],"hideOnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5},"arguments":["hide-on-click"]}]}],"splitButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":5},"arguments":["split-button"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":5}}]}],"dropdownTempl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":114,"character":5},"arguments":["dropdownTempl"]}]}],"leftClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":117,"character":5},"arguments":["left-click"]}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":5}}]}],"visibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":123,"character":5},"arguments":["visible-change"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":134,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":134,"character":58}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"showDropMenu":[{"__symbolic":"method"}],"closeDropMenu":[{"__symbolic":"method"}],"hoverDropdown":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"leftButtonClick":[{"__symbolic":"method"}],"resolveSize":[{"__symbolic":"method"}]}},"FarrisDropdownItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"farris-dropdown-item","template":"\n        <div class=\"dropdown-divider\" *ngIf=\"model.divide\"></div>\n        <a\n            class=\"dropdown-item\"\n            [class.active]=\"model.active\"\n            [class.disabled]=\"model.disabled\"\n            href=\"javascript:void(0)\"\n            (click)=\"selectItem()\"\n            >{{ model.label }}</a\n        >\n    "}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"selectItem":[{"__symbolic":"method"}]}},"FarrisDropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":8}],"declarations":[{"__symbolic":"reference","name":"FarrisDropdownComponent"},{"__symbolic":"reference","name":"FarrisDropdownItemComponent"}],"exports":[{"__symbolic":"reference","name":"FarrisDropdownComponent"},{"__symbolic":"reference","name":"FarrisDropdownItemComponent"}]}]}],"members":{}}},"origins":{"FDropdownDirectiveTypeModule":"./lib/f-dropdown.module","FDropdownMenuDirective":"./lib/f-dropdown-menu.directive","FDropdownToggleDirective":"./lib/f-dropdown-toggle.directive","FDropdownDirective":"./lib/f-dropdown.directive","FarrisDropdownComponent":"./lib/component/dropdown.component","FarrisDropdownItemComponent":"./lib/component/dropdown.item.component","FarrisDropdownModule":"./lib/component/dropdown.module"},"importAs":"@farris/ui-dropdown"}