@aurelia-mdc-web/list/dist/es2015/mdc-list-item/mdc-list-item-leading.js

Wrapper for Material Components Web List

import { __decorate, __metadata } from "tslib";
import { customAttribute } from 'aurelia-framework';
/**
 * Optional, marks the leading control or media element
 * @selector [mdc-list-item-leading]
 */
let MdcListItemLeading = class MdcListItemLeading {
    constructor(root) {
        this.root = root;
    }
    attached() {
        var _a, _b;
        let value = this.value;
        if (!value) {
            if (this.root.classList.contains('mdc-checkbox')) {
                value = 'checkbox';
            }
            else if (this.root.classList.contains('mdc-radio')) {
                value = 'radio';
            }
            else if (this.root.classList.contains('mdc-switch')) {
                value = 'switch';
            }
            else if (this.root.classList.contains('material-icons')) {
                value = 'icon';
            }
            else if (this.root.tagName === 'IMG') {
                value = 'image';
            }
        }
        (_b = (_a = this.root.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.classList.add(`mdc-list-item--with-leading-${value}`);
    }
};
MdcListItemLeading = __decorate([
    customAttribute('mdc-list-item-leading'),
    __metadata("design:paramtypes", [Element])
], MdcListItemLeading);
export { MdcListItemLeading };
//# sourceMappingURL=mdc-list-item-leading.js.map