@duoduo-oba/ng-devui/accordion/ng-devui-accordion.metadata.json

DevUI components based on Angular

{"__symbolic":"module","version":4,"metadata":{"AccordionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"AccordionComponent"},{"__symbolic":"reference","name":"AccordionListComponent"},{"__symbolic":"reference","name":"AccordionMenuComponent"},{"__symbolic":"reference","name":"AccordionItemComponent"},{"__symbolic":"reference","name":"AccordionItemHreflinkComponent"},{"__symbolic":"reference","name":"AccordionItemRouterlinkComponent"}],"exports":[{"__symbolic":"reference","name":"AccordionComponent"},{"__symbolic":"reference","name":"AccordionListComponent"},{"__symbolic":"reference","name":"AccordionMenuComponent"},{"__symbolic":"reference","name":"AccordionItemComponent"},{"__symbolic":"reference","name":"AccordionItemHreflinkComponent"},{"__symbolic":"reference","name":"AccordionItemRouterlinkComponent"}]}]}],"members":{}},"AccordionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"d-accordion","template":"<d-accordion-list class=\"devui-accordion-menu devui-scrollbar\" [data]=\"data\" [deepth]=\"0\" [parent]=\"null\"> </d-accordion-list>\r\n","styles":["@charset \"UTF-8\";:host{display:block}:host ::ng-deep d-accordion-item,:host ::ng-deep d-accordion-item-hreflink,:host ::ng-deep d-accordion-item-routerlink,:host ::ng-deep d-accordion-list,:host ::ng-deep d-accordion-menu{display:block}:host ::ng-deep .devui-accordion-menu{display:block;background:#fff;box-shadow:0 1px 2px 0 rgba(41,48,64,.2);width:100%;overflow-y:auto}:host ::ng-deep .devui-accordion-menu>.devui-accordion-list>.devui-accordion-item>.devui-accordion-item-title,:host ::ng-deep .devui-accordion-menu>.devui-accordion-list>.devui-accordion-item>.devui-accordion-menu-item>.devui-accordion-item-title{font-weight:700}:host ::ng-deep .devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::ng-deep .devui-accordion-submenu{background:#fff;width:100%}:host ::ng-deep .devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:#252b3a;background:0 0;cursor:pointer}:host ::ng-deep .devui-accordion-item-title.disabled{opacity:.3;cursor:default}:host ::ng-deep .devui-accordion-item-title:not(.disabled):hover{background:#f2f5fc}:host ::ng-deep .devui-accordion-item-title:not(.disabled).active,:host ::ng-deep .devui-accordion-item-title:not(.disabled).devui-router-active{color:#5e7ce0;background:#f2f5fc}:host ::ng-deep .devui-accordion-item-title:not(.disabled).active>a,:host ::ng-deep .devui-accordion-item-title:not(.disabled).devui-router-active>a{color:#5e7ce0}:host ::ng-deep .devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:#252b3a}:host ::ng-deep .devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}:host ::ng-deep d-accordion-item-hreflink.devui-accordion-item-title,:host ::ng-deep d-accordion-item-routerlink.devui-accordion-item-title{padding:0}:host ::ng-deep d-accordion-item-hreflink.devui-accordion-item-title>a,:host ::ng-deep d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title{position:relative;padding-right:30px}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg polygon{fill:#252b3a}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title:not(.open)>.devui-accordion-open-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;transform-origin:center}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{opacity:.3}:host ::ng-deep .devui-accordion-menu-item>.devui-accordion-item-title.active{color:#5e7ce0;background:0 0}:host ::ng-deep d-accordion-list.devui-accordion-menu-hidden{display:none}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"titleKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"loadingKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"childrenKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"disabledKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"activeKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"openKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"menuItemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"menuToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"activeItemChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"restrictOneOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"autoOpenActiveMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"showNoContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"noContentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"loadingTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"innerListTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"linkType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"linkTypeKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"linkKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"linkTargetKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"linkDefaultTarget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-devui/i18n","name":"I18nService","line":47,"character":28}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"flatten":[{"__symbolic":"method"}],"cleanOpenData":[{"__symbolic":"method"}],"initActiveItem":[{"__symbolic":"method"}],"activeItemFn":[{"__symbolic":"method"}],"openMenuFn":[{"__symbolic":"method"}]}},"AccordionBaseComponent":{"__symbolic":"class","arity":1,"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":4,"character":3}}]}],"deepth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":5,"character":3}}]}],"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["class.disabled"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":3},"arguments":["attr.title"]}]}],"textIndent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":3},"arguments":["style.textIndent"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AccordionOptions"}]}]}},"AccordionBaseItemComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"AccordionBaseComponent"},"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["class.active"]}]}],"defaultClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":3},"arguments":["class.devui-accordion-item-title"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["class.devui-over-flow-ellipsis"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AccordionOptions"}]}]}},"AccordionBaseLinkComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AccordionBaseItemComponent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AccordionOptions"}]}]}},"AccordionItemHreflinkComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AccordionBaseLinkComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"d-accordion-item-hreflink","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"template":"<ng-container *ngIf=\"!disabled\">\r\n  <a href=\"{{ link }}\" target=\"{{ target }}\" rel=\"noopener\" title=\"{{ title }}\">\r\n    <ng-container *ngIf=\"!itemTemplate\">\r\n      {{ title }}\r\n    </ng-container>\r\n    <ng-template\r\n      *ngIf=\"itemTemplate\"\r\n      [ngTemplateOutlet]=\"itemTemplate\"\r\n      [ngTemplateOutletContext]=\"{\r\n        parent: parent,\r\n        item: item,\r\n        deepth: deepth\r\n      }\"\r\n    ></ng-template>\r\n  </a>\r\n</ng-container>\r\n<ng-container *ngIf=\"disabled\">\r\n  <a title=\"{{ title }}\">\r\n    <ng-container *ngIf=\"!itemTemplate\">\r\n      {{ title }}\r\n    </ng-container>\r\n    <ng-template\r\n      *ngIf=\"itemTemplate\"\r\n      [ngTemplateOutlet]=\"itemTemplate\"\r\n      [ngTemplateOutletContext]=\"{\r\n        parent: parent,\r\n        item: item,\r\n        deepth: deepth\r\n      }\"\r\n    ></ng-template>\r\n  </a>\r\n</ng-container>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AccordionComponent"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":13,"character":3},"arguments":["click",["$event"]]}]}]}},"AccordionItemRouterlinkComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AccordionBaseLinkComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"d-accordion-item-routerlink","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"},"template":"<ng-container *ngIf=\"!disabled\">\r\n  <a [routerLink]=\"link\" [routerLinkActive]=\"'devui-router-active'\" target=\"{{ target }}\" rel=\"noopener\" title=\"{{ title }}\">\r\n    <ng-container *ngIf=\"!itemTemplate\">\r\n      {{ title }}\r\n    </ng-container>\r\n    <ng-template\r\n      *ngIf=\"itemTemplate\"\r\n      [ngTemplateOutlet]=\"itemTemplate\"\r\n      [ngTemplateOutletContext]=\"{\r\n        parent: parent,\r\n        item: item,\r\n        deepth: deepth\r\n      }\"\r\n    ></ng-template>\r\n  </a>\r\n</ng-container>\r\n<ng-container *ngIf=\"disabled\">\r\n  <a title=\"{{ title }}\">\r\n    <ng-container *ngIf=\"!itemTemplate\">\r\n      {{ title }}\r\n    </ng-container>\r\n    <ng-template\r\n      *ngIf=\"itemTemplate\"\r\n      [ngTemplateOutlet]=\"itemTemplate\"\r\n      [ngTemplateOutletContext]=\"{\r\n        parent: parent,\r\n        item: item,\r\n        deepth: deepth\r\n      }\"\r\n    ></ng-template>\r\n  </a>\r\n</ng-container>\r\n"}]}],"members":{"routerLinkActiveDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/router","name":"RouterLinkActive","line":11,"character":13},{"static":false}]}]}],"routerLinkActived":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":3},"arguments":["class.devui-router-active"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AccordionComponent"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":17,"character":71}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":21,"character":3},"arguments":["click",["$event"]]}]}]}},"AccordionItemComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AccordionBaseItemComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"d-accordion-item","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"},"template":"<ng-container *ngIf=\"!itemTemplate\">\r\n  {{ title }}\r\n</ng-container>\r\n<ng-template\r\n  *ngIf=\"itemTemplate\"\r\n  [ngTemplateOutlet]=\"itemTemplate\"\r\n  [ngTemplateOutletContext]=\"{\r\n    parent: parent,\r\n    item: item,\r\n    deepth: deepth\r\n  }\"\r\n></ng-template>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AccordionComponent"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":14,"character":3},"arguments":["click",["$event"]]}]}]}},"AccordionListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"d-accordion-list","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"},"template":"<ul class=\"devui-accordion-list\" *ngIf=\"!innerListTemplate || deepth === 0\">\r\n  <li class=\"devui-accordion-item\" *ngFor=\"let item of data\">\r\n    <!--菜单类型-->\r\n    <d-accordion-menu *ngIf=\"item[childrenKey] !== undefined\" [item]=\"item\" [deepth]=\"deepth\" [parent]=\"parent\"></d-accordion-menu>\r\n    <!--非菜单类型-->\r\n    <ng-container *ngIf=\"item[childrenKey] === undefined\">\r\n      <!--路由链接-->\r\n      <d-accordion-item-routerlink\r\n        *ngIf=\"linkType === 'routerLink'\"\r\n        [item]=\"item\"\r\n        [deepth]=\"deepth\"\r\n        [parent]=\"parent\"\r\n      ></d-accordion-item-routerlink>\r\n      <!--普通链接-->\r\n      <d-accordion-item-hreflink\r\n        *ngIf=\"linkType === 'hrefLink'\"\r\n        [item]=\"item\"\r\n        [deepth]=\"deepth\"\r\n        [parent]=\"parent\"\r\n      ></d-accordion-item-hreflink>\r\n      <!--动态链接-->\r\n      <ng-container *ngIf=\"linkType === 'dependOnLinkTypeKey'\">\r\n        <d-accordion-item-routerlink\r\n          *ngIf=\"item[linkTypeKey] === 'routerLink'\"\r\n          [item]=\"item\"\r\n          [deepth]=\"deepth\"\r\n          [parent]=\"parent\"\r\n        ></d-accordion-item-routerlink>\r\n        <d-accordion-item-hreflink\r\n          *ngIf=\"item[linkTypeKey] === 'hrefLink'\"\r\n          [item]=\"item\"\r\n          [deepth]=\"deepth\"\r\n          [parent]=\"parent\"\r\n        ></d-accordion-item-hreflink>\r\n        <d-accordion-item\r\n          *ngIf=\"item[linkTypeKey] !== 'hrefLink' && item[linkTypeKey] !== 'routerLink'\"\r\n          [item]=\"item\"\r\n          [deepth]=\"deepth\"\r\n          [parent]=\"parent\"\r\n        ></d-accordion-item>\r\n      </ng-container>\r\n      <!--普通类型-->\r\n      <d-accordion-item *ngIf=\"!linkType || linkType === ''\" [item]=\"item\" [deepth]=\"deepth\" [parent]=\"parent\"></d-accordion-item>\r\n    </ng-container>\r\n  </li>\r\n</ul>\r\n<!--列表模板-->\r\n<div *ngIf=\"innerListTemplate && deepth !== 0\">\r\n  <ng-template\r\n    [ngTemplateOutlet]=\"innerListTemplate\"\r\n    [ngTemplateOutletContext]=\"{\r\n      item: parent,\r\n      deepth: deepth,\r\n      itemClickFn: itemClickItemFn,\r\n      menuToggleFn: menuToggleItemFn\r\n    }\"\r\n  ></ng-template>\r\n</div>\r\n<!--无数据/加载中模板-->\r\n<ul *ngIf=\"!innerListTemplate && (loading || (noContent && showNoContent))\">\r\n  <!--加载中-->\r\n  <li *ngIf=\"loading && !loadingTemplate\" class=\"devui-accordion-item\">\r\n    <div class=\"devui-accordion-item-title devui-over-flow-ellipsis\" [style.textIndent]=\"deepth * 20 + 'px'\">\r\n      {{ i18nCommonText?.loading }}\r\n    </div>\r\n  </li>\r\n  <!--自定义加载中-->\r\n  <ng-template\r\n    *ngIf=\"loading && loadingTemplate\"\r\n    [ngTemplateOutlet]=\"loadingTemplate\"\r\n    [ngTemplateOutletContext]=\"{ item: parent, deepth: deepth }\"\r\n  ></ng-template>\r\n  <!--无数据-->\r\n  <li *ngIf=\"showNoContent && !loading && noContent && !noContentTemplate\" class=\"devui-accordion-item\">\r\n    <div class=\"devui-accordion-item-title devui-over-flow-ellipsis disabled\" [style.textIndent]=\"deepth * 20 + 'px'\">\r\n      {{ i18nCommonText?.noData }}\r\n    </div>\r\n  </li>\r\n  <!--自定义无数据-->\r\n  <ng-template\r\n    *ngIf=\"showNoContent && !loading && noContent && noContentTemplate\"\r\n    [ngTemplateOutlet]=\"noContentTemplate\"\r\n    [ngTemplateOutletContext]=\"{ item: parent, deepth: deepth }\"\r\n  ></ng-template>\r\n</ul>\r\n"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"deepth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"accordionMenuQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":15,"character":3},"arguments":[{"__symbolic":"reference","name":"AccordionMenuComponent"}]}]}],"accordionItemRouterlinkQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"AccordionItemRouterlinkComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":17,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":17,"character":27}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":17,"character":35}}],null],"parameters":[{"__symbolic":"reference","name":"AccordionMenuComponent"},{"__symbolic":"reference","name":"AccordionComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isLinkRouterActive":[{"__symbolic":"method"}],"isMenuRouterActive":[{"__symbolic":"method"}],"isMenuDataActive":[{"__symbolic":"method"}],"isItemDataActive":[{"__symbolic":"method"}],"isItemData":[{"__symbolic":"method"}]}},"AccordionMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AccordionBaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"d-accordion-menu","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"},"template":"<div\r\n  class=\"devui-accordion-item-title devui-over-flow-ellipsis\"\r\n  [ngClass]=\"{\r\n    open: open,\r\n    active: childActived,\r\n    disabled: disabled\r\n  }\"\r\n  title=\"{{ title }}\"\r\n  (click)=\"!disabled && toggle($event)\"\r\n>\r\n  <ng-container *ngIf=\"!menuItemTemplate\">\r\n    {{ title }}\r\n  </ng-container>\r\n  <ng-template\r\n    *ngIf=\"menuItemTemplate\"\r\n    [ngTemplateOutlet]=\"menuItemTemplate\"\r\n    [ngTemplateOutletContext]=\"{\r\n      parent: parent,\r\n      item: item,\r\n      deepth: deepth\r\n    }\"\r\n  ></ng-template>\r\n  <span class=\"devui-accordion-open-icon\">\r\n    <svg viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\r\n      <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n        <polygon points=\"4.5 5 8 8.76923077 11.5 5 13 6.61538462 8 12 3 6.61538462\"></polygon>\r\n      </g>\r\n    </svg>\r\n  </span>\r\n</div>\r\n<d-accordion-list\r\n  class=\"devui-accordion-submenu\"\r\n  [ngClass]=\"{ 'devui-accordion-menu-hidden': !open }\"\r\n  [deepth]=\"deepth + 1\"\r\n  [data]=\"children\"\r\n  [parent]=\"item\"\r\n>\r\n</d-accordion-list>\r\n"}]}],"members":{"defaultClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":3},"arguments":["class.devui-accordion-menu-item"]}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["class.open"]}]}],"routerLinkActived":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":38,"character":3},"arguments":["class.devui-router-active"]}]}],"hasActiveChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.devui-has-active-item"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AccordionComponent"}]}],"toggle":[{"__symbolic":"method"}]}},"AccordionBase":{"__symbolic":"interface"},"AccordionBaseItem":{"__symbolic":"interface"},"AccordionBaseMenu":{"__symbolic":"interface"},"AccordionLinkableItem":{"__symbolic":"interface"},"AccordionMenuItem":{"__symbolic":"interface"},"AccordionMenuType":{"__symbolic":"interface"},"AccordionMenuToggleEvent":{"__symbolic":"interface"},"AccordionItemClickEvent":{"__symbolic":"interface"},"AccordionOptions":{"__symbolic":"interface"},"AccordionSubMenuItem":{"__symbolic":"interface"},"AccordionSubMenuItemHrefLink":{"__symbolic":"interface"},"AccordionSubMenuItemRouterLink":{"__symbolic":"interface"},"AccordionSubMenuItemDynamicLink":{"__symbolic":"interface"}},"origins":{"AccordionModule":"./accordion.module","AccordionComponent":"./accordion.component","AccordionBaseComponent":"./accordion-base-component.class","AccordionBaseItemComponent":"./accordion-base-item-component.class","AccordionBaseLinkComponent":"./accordion-base-link-component.class","AccordionItemHreflinkComponent":"./accordion-item-hreflink.component","AccordionItemRouterlinkComponent":"./accordion-item-routerlink.component","AccordionItemComponent":"./accordion-item.component","AccordionListComponent":"./accordion-list.component","AccordionMenuComponent":"./accordion-menu.component","AccordionBase":"./accordion.type","AccordionBaseItem":"./accordion.type","AccordionBaseMenu":"./accordion.type","AccordionLinkableItem":"./accordion.type","AccordionMenuItem":"./accordion.type","AccordionMenuType":"./accordion.type","AccordionMenuToggleEvent":"./accordion.type","AccordionItemClickEvent":"./accordion.type","AccordionOptions":"./accordion.type","AccordionSubMenuItem":"./accordion.type","AccordionSubMenuItemHrefLink":"./accordion.type","AccordionSubMenuItemRouterLink":"./accordion.type","AccordionSubMenuItemDynamicLink":"./accordion.type"},"importAs":"ng-devui/accordion"}