@taiga-ui/kit/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.metadata.json

Taiga UI Angular main components kit

{"__symbolic":"module","version":4,"metadata":{"TuiDataListGroupWrapperComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"TuiDataListWrapperComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"tui-data-list-wrapper[labels]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":12,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiDataListGroupWrapperComponent"}}],"template":"<tui-data-list *ngIf=\"items else loading\" [emptyContent]=\"emptyContent\">\n    <tui-opt-group\n        *ngFor=\"let group of items; let index = index\"\n        [label]=\"labels[index]\"\n    >\n        <button\n            *ngFor=\"let item of group\"\n            #elementRef=\"elementRef\"\n            tuiElement\n            tuiOption\n            automation-id=\"tui-data-list-wrapper__option\"\n            [size]=\"size\"\n            [value]=\"item\"\n            [disabled]=\"disabledItemHandler(item)\"\n        >\n            <span\n                polymorpheus-outlet\n                class=\"content\"\n                [content]=\"itemContent\"\n                [context]=\"getContext(item, elementRef)\"\n            ></span>\n        </button>\n    </tui-opt-group>\n</tui-data-list>\n<ng-template #loading>\n    <tui-loader class=\"tui-space_vertical-3\"></tui-loader>\n</ng-template>\n","styles":[":host{display:block}.content{flex:1}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":21,"character":5}}]}],"labels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":25,"character":5}}]}]}},"TuiDataListWrapperComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"tui-data-list-wrapper:not([labels])","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":35,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiDataListWrapperComponent"}}],"template":"<tui-data-list *ngIf=\"items else loading\" [emptyContent]=\"emptyContent\">\n    <button\n        *ngFor=\"let item of items\"\n        #elementRef=\"elementRef\"\n        tuiElement\n        tuiOption\n        automation-id=\"tui-data-list-wrapper__option\"\n        [size]=\"size\"\n        [value]=\"item\"\n        [disabled]=\"disabledItemHandler(item)\"\n    >\n        <span\n            polymorpheus-outlet\n            class=\"content\"\n            [content]=\"itemContent\"\n            [context]=\"getContext(item, elementRef)\"\n        ></span>\n    </button>\n</tui-data-list>\n<ng-template #loading>\n    <tui-loader\n        class=\"tui-space_vertical-3\"\n        automation-id=\"tui-data-list-wrapper__loader\"\n    ></tui-loader>\n</ng-template>\n","styles":[":host{display:block}.content{flex:1}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":42,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":46,"character":5}}]}],"emptyContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":50,"character":5}}]}],"itemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":54,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":59,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":62,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiOptionComponent","line":62,"character":35}]}]}],"getContext":[{"__symbolic":"method"}],"getOptions":[{"__symbolic":"method"}]}},"TuiDataListWrapperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":11,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiElementModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiLoaderModule","line":14,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiDataListWrapperComponent"},{"__symbolic":"reference","name":"TuiDataListGroupWrapperComponent"}],"exports":[{"__symbolic":"reference","name":"TuiDataListWrapperComponent"},{"__symbolic":"reference","name":"TuiDataListGroupWrapperComponent"}]}]}],"members":{}}},"origins":{"TuiDataListGroupWrapperComponent":"./data-list-group-wrapper.component","TuiDataListWrapperComponent":"./data-list-wrapper.component","TuiDataListWrapperModule":"./data-list-wrapper.module"},"importAs":"@taiga-ui/kit/components/data-list-wrapper"}