ng-zorro-antd/descriptions/ng-zorro-antd-descriptions.metadata.json

An enterprise-class UI components based on Ant Design and Angular

{"__symbolic":"module","version":4,"metadata":{"NzDescriptionsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzAddOnModule","line":16,"character":26},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule","line":16,"character":41}],"declarations":[{"__symbolic":"reference","name":"NzDescriptionsComponent"},{"__symbolic":"reference","name":"NzDescriptionsItemComponent"}],"exports":[{"__symbolic":"reference","name":"NzDescriptionsComponent"},{"__symbolic":"reference","name":"NzDescriptionsItemComponent"}]}]}],"members":{}},"NzDescriptionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":48,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":49,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":50,"character":17},"member":"None"},"selector":"nz-descriptions","exportAs":"nzDescriptions","preserveWhitespaces":false,"host":{"class":"ant-descriptions","[class.ant-descriptions-bordered]":"nzBordered","[class.ant-descriptions-middle]":"nzSize === \"middle\"","[class.ant-descriptions-small]":"nzSize === \"small\"","$quoted$":["[class.ant-descriptions-bordered]","[class.ant-descriptions-middle]","[class.ant-descriptions-small]"]},"styles":["\n      nz-descriptions {\n        display: block;\n      }\n    "],"template":"<div *ngIf=\"nzTitle\"\n     class=\"ant-descriptions-title\">\n  <ng-container *nzStringTemplateOutlet=\"nzTitle\">{{ nzTitle }}</ng-container>\n</div>\n<div class=\"ant-descriptions-view\">\n  <table>\n    <tbody>\n      <ng-container *ngIf=\"nzLayout === 'horizontal'\">\n        <tr class=\"ant-descriptions-row\"\n            *ngFor=\"let row of itemMatrix; let i = index\">\n          <ng-container *ngFor=\"let item of row; let isLast = last\">\n            <!-- Horizontal & NOT Bordered -->\n            <ng-container *ngIf=\"!nzBordered\">\n              <td class=\"ant-descriptions-item\"\n                  [colSpan]=\"item.span\">\n                <span class=\"ant-descriptions-item-label\"\n                      [class.ant-descriptions-item-colon]=\"nzColon\">{{ item.title }}</span>\n                <span class=\"ant-descriptions-item-content\">\n                  <ng-template [ngTemplateOutlet]=\"item.content\"></ng-template>\n                </span>\n              </td>\n            </ng-container>\n            <!-- Horizontal & Bordered -->\n            <ng-container *ngIf=\"nzBordered\">\n              <td class=\"ant-descriptions-item-label\"\n                  *nzStringTemplateOutlet=\"item.title\">{{ item.title }}</td>\n              <td class=\"ant-descriptions-item-content\"\n                  [colSpan]=\"item.span * 2 - 1\">\n                <ng-template [ngTemplateOutlet]=\"item.content\"></ng-template>\n              </td>\n            </ng-container>\n          </ng-container>\n        </tr>\n      </ng-container>\n\n      <ng-container *ngIf=\"nzLayout === 'vertical'\">\n        <!-- Vertical & NOT Bordered -->\n        <ng-container *ngIf=\"!nzBordered\">\n          <ng-container *ngFor=\"let row of itemMatrix; let i = index\">\n            <tr class=\"ant-descriptions-row\">\n              <ng-container *ngFor=\"let item of row; let isLast = last\">\n                <td class=\"ant-descriptions-item\"\n                    [colSpan]=\"item.span\">\n                  <span class=\"ant-descriptions-item-label\"\n                        [class.ant-descriptions-item-colon]=\"nzColon\">{{ item.title }}</span>\n                </td>\n              </ng-container>\n            </tr>\n            <tr class=\"ant-descriptions-row\">\n              <ng-container *ngFor=\"let item of row; let isLast = last\">\n                <td class=\"ant-descriptions-item\"\n                    [colSpan]=\"item.span\">\n                  <span class=\"ant-descriptions-item-content\">\n                    <ng-template [ngTemplateOutlet]=\"item.content\"></ng-template>\n                  </span>\n                </td>\n              </ng-container>\n            </tr>\n          </ng-container>\n        </ng-container>\n        <!-- Vertical & Bordered -->\n        <ng-container *ngIf=\"nzBordered\">\n          <ng-container *ngFor=\"let row of itemMatrix; let i = index\">\n            <tr class=\"ant-descriptions-row\">\n              <ng-container *ngFor=\"let item of row; let isLast = last\">\n                <td class=\"ant-descriptions-item-label\"\n                    [colSpan]=\"item.span\">\n                  {{ item.title }}\n                </td>\n              </ng-container>\n            </tr>\n            <tr class=\"ant-descriptions-row\">\n              <ng-container *ngFor=\"let item of row; let isLast = last\">\n                <td class=\"ant-descriptions-item-content\"\n                    [colSpan]=\"item.span\">\n                  <ng-template [ngTemplateOutlet]=\"item.content\"></ng-template>\n                </td>\n              </ng-container>\n            </tr>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n    </tbody>\n  </table>\n</div>\n"}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":70,"character":3},"arguments":[{"__symbolic":"reference","name":"NzDescriptionsItemComponent"}]}]}],"nzBordered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":72,"character":12}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"WithConfig","line":72,"character":28},"arguments":[false]}]}],"nzLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"nzColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"WithConfig","line":74,"character":12},"arguments":[{"xxl":3,"xl":3,"lg":3,"md":3,"sm":2,"xs":1}]}]}],"nzSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"WithConfig","line":75,"character":12},"arguments":["default"]}]}],"nzTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"nzColon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"WithConfig","line":77,"character":12},"arguments":[true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":77,"character":30}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzConfigService","line":87,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":88,"character":17},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"MediaMatcher","line":89,"character":26},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":90,"character":22},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzDomEventService","line":91,"character":31}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"prepareMatrix":[{"__symbolic":"method"}],"matchMedia":[{"__symbolic":"method"}],"getColumn":[{"__symbolic":"method"}]}},"NzDescriptionsItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"},"selector":"nz-descriptions-item","exportAs":"nzDescriptionsItem","preserveWhitespaces":false,"template":"<!-- Use a template to wrap contents so contents wouldn't be displayed. -->\n<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n"}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":31,"character":13},{"static":true}]}]}],"nzSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputNumber","line":33,"character":12}}]}],"nzTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NzDescriptionsSize":{"__symbolic":"interface"},"NzDescriptionsLayout":{"__symbolic":"interface"},"NzDescriptionsItemRenderProps":{"__symbolic":"interface"}},"origins":{"NzDescriptionsModule":"./nz-descriptions.module","NzDescriptionsComponent":"./nz-descriptions.component","NzDescriptionsItemComponent":"./nz-descriptions-item.component","NzDescriptionsSize":"./nz-descriptions-definitions","NzDescriptionsLayout":"./nz-descriptions-definitions","NzDescriptionsItemRenderProps":"./nz-descriptions-definitions"},"importAs":"ng-zorro-antd/descriptions"}