@akveo/nga-theme/components/search/search.component.metadata.json

@akveo/nga-theme

[{"__symbolic":"module","version":3,"metadata":{"NgaSearchFieldComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nga-search-field","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"styleUrls":["styles/search.component.modal-zoomin.css","styles/search.component.layout-rotate.css","styles/search.component.modal-move.css","styles/search.component.curtain.css","styles/search.component.column-curtain.css","styles/search.component.modal-drop.css","styles/search.component.modal-half.css","styles/search.component.simple-search.css"],"template":"\n    <div class=\"wrapper\">\n      <div class=\"search\" (keyup.esc)=\"closeSearch()\" >\n        <button (click)=\"closeSearch()\">\n          <i class=\"ion-ios-close-outline icon\">&nbsp;</i>\n        </button>\n        <div class=\"form-wrapper\">\n          <form class=\"form\" (keyup.enter)=\"submitSearch(searchInput.value)\">\n            <div class=\"form-content\">\n              <input class=\"search-input\" #searchInput autocomplete=\"off\" [attr.placeholder]=\"placeholder\"\n              (blur)=\"onBlur()\"/>\n            </div>\n            <span class=\"info\">Hit enter to search</span>\n          </form>\n        </div>\n      </div>\n    </div>\n  "}]}],"members":{"searchType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["searchInput"]}]}],"showSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.show"]}]}],"modalZoomin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.modal-zoomin"]}]}],"rotateLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.rotate-layout"]}]}],"modalMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.modal-move"]}]}],"curtain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.curtain"]}]}],"columnCurtain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.column-curtain"]}]}],"modalDrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.modal-drop"]}]}],"modalHalf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.modal-half"]}]}],"simpleSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.simple-search"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closeSearch":[{"__symbolic":"method"}],"submitSearch":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}]},"statics":{"TYPE_MODAL_ZOOMIN":"modal-zoomin","TYPE_ROTATE_LAYOUT":"rotate-layout","TYPE_MODAL_MOVE":"modal-move","TYPE_CURTAIN":"curtain","TYPE_COLUMN_CURTAIN":"column-curtain","TYPE_MODAL_DROP":"modal-drop","TYPE_MODAL_HALF":"modal-half","TYPE_SIMPLE_SEARCH":"simple-search"}},"NgaSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nga-search","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"styleUrls":["styles/search.component.css"],"template":"\n    <div class=\"search-wrap\">\n      <button (click)=\"openSearch()\">\n        <i class=\"ion-ios-search icon\">&nbsp;</i>\n      </button>\n      <ng-template #attachedSearchContainer></ng-template>\n    </div>\n    "}]}],"members":{"tag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.show"]}]}],"attachedSearchContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["attachedSearchContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./search.service","name":"NgaSuperSearchService"},{"__symbolic":"reference","module":"../../services/theme.service","name":"NgaThemeService"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver"}]}],"simpleSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.simple-search"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"openSearch":[{"__symbolic":"method"}],"connectToSearchField":[{"__symbolic":"method"}],"createAttachedSearch":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NgaSearchFieldComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nga-search-field","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"styleUrls":["styles/search.component.modal-zoomin.css","styles/search.component.layout-rotate.css","styles/search.component.modal-move.css","styles/search.component.curtain.css","styles/search.component.column-curtain.css","styles/search.component.modal-drop.css","styles/search.component.modal-half.css","styles/search.component.simple-search.css"],"template":"\n    <div class=\"wrapper\">\n      <div class=\"search\" (keyup.esc)=\"closeSearch()\" >\n        <button (click)=\"closeSearch()\">\n          <i class=\"ion-ios-close-outline icon\">&nbsp;</i>\n        </button>\n        <div class=\"form-wrapper\">\n          <form class=\"form\" (keyup.enter)=\"submitSearch(searchInput.value)\">\n            <div class=\"form-content\">\n              <input class=\"search-input\" #searchInput autocomplete=\"off\" [attr.placeholder]=\"placeholder\"\n              (blur)=\"onBlur()\"/>\n            </div>\n            <span class=\"info\">Hit enter to search</span>\n          </form>\n        </div>\n      </div>\n    </div>\n  "}]}],"members":{"searchType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["searchInput"]}]}],"showSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.show"]}]}],"modalZoomin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.modal-zoomin"]}]}],"rotateLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.rotate-layout"]}]}],"modalMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.modal-move"]}]}],"curtain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.curtain"]}]}],"columnCurtain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.column-curtain"]}]}],"modalDrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.modal-drop"]}]}],"modalHalf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.modal-half"]}]}],"simpleSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.simple-search"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closeSearch":[{"__symbolic":"method"}],"submitSearch":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}]},"statics":{"TYPE_MODAL_ZOOMIN":"modal-zoomin","TYPE_ROTATE_LAYOUT":"rotate-layout","TYPE_MODAL_MOVE":"modal-move","TYPE_CURTAIN":"curtain","TYPE_COLUMN_CURTAIN":"column-curtain","TYPE_MODAL_DROP":"modal-drop","TYPE_MODAL_HALF":"modal-half","TYPE_SIMPLE_SEARCH":"simple-search"}},"NgaSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nga-search","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"styleUrls":["styles/search.component.css"],"template":"\n    <div class=\"search-wrap\">\n      <button (click)=\"openSearch()\">\n        <i class=\"ion-ios-search icon\">&nbsp;</i>\n      </button>\n      <ng-template #attachedSearchContainer></ng-template>\n    </div>\n    "}]}],"members":{"tag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.show"]}]}],"attachedSearchContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["attachedSearchContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./search.service","name":"NgaSuperSearchService"},{"__symbolic":"reference","module":"../../services/theme.service","name":"NgaThemeService"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver"}]}],"simpleSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.simple-search"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"openSearch":[{"__symbolic":"method"}],"connectToSearchField":[{"__symbolic":"method"}],"createAttachedSearch":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]