@omnia/foundation/extensibility/typings/directives/Accordion.metadata.json

Provide omnia foundation typings and tooling work on client side for omnia extension.

[{"__symbolic":"module","version":3,"metadata":{"AccordionToggle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"omf-accordion-toggle","template":"<ng-content></ng-content>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"AccordionGroup"}]}]],"parameters":[{"__symbolic":"reference","name":"AccordionGroup"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}]}},"AccordionGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"omf-accordion-group","template":"\n  <div class=\"panel panel-default\" [style.border-left-color]=\"omfPrimaryColor\" [class.dropup]=\"isOpened\">\n    <div class=\"panel-heading omf-theme-light-bg\" role=\"tab\" (keydown)=\"keydown($event)\" tabindex=\"0\" (click)=\"checkAndToggle()\">\n      <h4 class=\"panel-title\" [ngClass]=\"{ 'inactive' : isInActive }\">\n        <a *ngIf=\"heading\" role=\"button\"  data-toggle=\"collapse\" [attr.aria-expanded]=\"isOpened\">\n            {{ heading }}\n        </a>\n        <ng-content select=\"omf-accordion-heading\"></ng-content>\n        <div class=\"caret\" [style.display]=\"accordion.showArrows ? '' : 'none'\">\n        </div>\n      </h4>\n    </div>\n    <div #tref  [ngStyle]=\"{ 'height' :isOpened ? getScrollHeight() : '0' }\" class=\"panel-collapse collapse in\" role=\"tabpanel\" [attr.aria-labelledby]=\"heading\">\n      <div class=\"panel-body\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n"}]}],"members":{"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"toggler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"AccordionToggle"}]}]}],"tref":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tref",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"Accordion"}]}]],"parameters":[{"__symbolic":"reference","name":"Accordion"}]}],"checkAndToggle":[{"__symbolic":"method"}],"keydown":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"getScrollHeight":[{"__symbolic":"method"}]}},"AccordionHeading":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"omf-accordion-heading","template":"<ng-content></ng-content>"}]}]},"Accordion":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"omf-accordion","template":"\n    <div class=\"panel-group\" role=\"tablist\" aria-multiselectable=\"true\">\n        <ng-content></ng-content>\n    </div>\n    "}]}],"members":{"closeOthers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showArrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"groups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"AccordionGroup"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"checkforActive":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"AccordionToggle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"omf-accordion-toggle","template":"<ng-content></ng-content>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"AccordionGroup"}]}]],"parameters":[{"__symbolic":"reference","name":"AccordionGroup"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}]}},"AccordionGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"omf-accordion-group","template":"\n  <div class=\"panel panel-default\" [style.border-left-color]=\"omfPrimaryColor\" [class.dropup]=\"isOpened\">\n    <div class=\"panel-heading omf-theme-light-bg\" role=\"tab\" (keydown)=\"keydown($event)\" tabindex=\"0\" (click)=\"checkAndToggle()\">\n      <h4 class=\"panel-title\" [ngClass]=\"{ 'inactive' : isInActive }\">\n        <a *ngIf=\"heading\" role=\"button\"  data-toggle=\"collapse\" [attr.aria-expanded]=\"isOpened\">\n            {{ heading }}\n        </a>\n        <ng-content select=\"omf-accordion-heading\"></ng-content>\n        <div class=\"caret\" [style.display]=\"accordion.showArrows ? '' : 'none'\">\n        </div>\n      </h4>\n    </div>\n    <div #tref  [ngStyle]=\"{ 'height' :isOpened ? getScrollHeight() : '0' }\" class=\"panel-collapse collapse in\" role=\"tabpanel\" [attr.aria-labelledby]=\"heading\">\n      <div class=\"panel-body\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n"}]}],"members":{"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"toggler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"AccordionToggle"}]}]}],"tref":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tref",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"Accordion"}]}]],"parameters":[{"__symbolic":"reference","name":"Accordion"}]}],"checkAndToggle":[{"__symbolic":"method"}],"keydown":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"getScrollHeight":[{"__symbolic":"method"}]}},"AccordionHeading":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"omf-accordion-heading","template":"<ng-content></ng-content>"}]}]},"Accordion":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"omf-accordion","template":"\n    <div class=\"panel-group\" role=\"tablist\" aria-multiselectable=\"true\">\n        <ng-content></ng-content>\n    </div>\n    "}]}],"members":{"closeOthers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showArrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"groups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"AccordionGroup"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"checkforActive":[{"__symbolic":"method"}]}}}}]