私は一般的な Web コンポーネントに取り組んでおり、jquery ベースのグリッド ライブラリを Polymer でラップしています。ライブラリに付属のカスタム テーマは、デフォルトの shady DOM グローバル設定を使用すると問題なく動作することがわかりましたが、shadow 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>
また、グローバル設定で指定された必要なファイルのみが必要なため、shadow dom が有効になっている場合は shadyDomStyles.css は要求されず、shady dom が有効になっている場合は shadowDomStyles.html は要求されません。
助言がありますか？