Поддержка теневого и теневого
Я работаю над общим веб-компонентом, упаковывая библиотеку сетки на основе jquery с помощью Polymer. Я обнаружил, что пользовательские темы, которые поставляются с библиотекой, работают нормально, если я использую глобальную настройку теневого DOM по умолчанию, но потребуются значительные корректировки, чтобы они работали при использовании теневого DOM.
Вопрос в том, как лучше поддерживать обоих?
Наивно, я хотел бы, чтобы что-то вроде этой псевдо-разметки работало:
<link if="shadowDom" rel="import" href="css/shadowDomStyles.html">
<dom-module id="my-grid">
<template>
<link if="shadyDom" rel="stylesheet" href="css/shadyDomStyles.css" type="text/css"/>
<style if="shadowDom" include="shadow-dom-styles"></style>
</template>
</dom-module>
И я бы хотел, чтобы были только те файлы, которые необходимы в соответствии с глобальным параметром, поэтому shadyDomStyles.css не будет запрашиваться, если включен теневой домен, и не будет запрашиваться shadowDomStyles.html, если включен теневой домен.
Какие-либо предложения?