@eui/ecl 23.0.0-alpha.10 → 23.0.0-alpha.11

package/docs/components/EclFileComponent.html

@@ -140,9 +140,39 @@
         <h3>Description</h3>
     </p>
     <p class="comment">
-        <p>Component representing a file item with optional metadata, description,
-and image (thumbnail) support.</p>
-
+        <p>ECL File component.
+Displays downloadable file information with an icon or picture,
+metadata, and an optional expandable translations panel.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;ecl-file id=&quot;my-file&quot; language=&quot;English&quot; langId=&quot;my-file-lang&quot;
+          [primaryMeta]=&quot;[&#39;Meta info&#39;, &#39;DD Month YYYY&#39;]&quot;
+          labelInfo=&quot;Highlight&quot; description=&quot;File description&quot;
+          fileIcon=&quot;pdf&quot;
+          toggleAriaLabel=&quot;Translations&quot;
+          (translationsToggle)=&quot;onToggle($event)&quot;&gt;
+
+
+  &lt;div eclFileTitle id=&quot;my-file-title&quot;&gt;State of the Union 2018 brochure&lt;/div&gt;
+
+
+  &lt;a eclFileDownload eclLink variant=&quot;standalone&quot; isBranded href=&quot;/path/to/file&quot;&gt;
+    &lt;span eclLinkLabel&gt;
+      &lt;span&gt;Download&lt;/span&gt;
+      &lt;span eclFileMeta&gt;(16.2 MB - PDF)&lt;/span&gt;
+    &lt;/span&gt;
+    &lt;ecl-icon icon=&quot;download-simple&quot; iconSet=&quot;phosphor&quot; size=&quot;fluid&quot;&gt;&lt;/ecl-icon&gt;
+  &lt;/a&gt;
+
+
+  &lt;ecl-file-items&gt;
+    &lt;ecl-file-item eclTitle=&quot;български&quot; meta=&quot;(15.7 MB - PDF)&quot; langDetail=&quot;bg&quot;
+                   titleId=&quot;my-file-0-title&quot; metaId=&quot;my-file-0-meta&quot;&gt;
+      &lt;a eclFileTranslationDownload eclLink variant=&quot;standalone&quot; href=&quot;/example#bg&quot; hreflang=&quot;bg&quot;&gt;
+        &lt;span eclLinkLabel&gt;Download&lt;/span&gt;
+        &lt;ecl-icon icon=&quot;download-simple&quot; iconSet=&quot;phosphor&quot; size=&quot;fluid&quot;&gt;&lt;/ecl-icon&gt;
+      &lt;/a&gt;
+    &lt;/ecl-file-item&gt;
+  &lt;/ecl-file-items&gt;
+&lt;/ecl-file&gt;</code></pre></div>
     </p>
 
     <p class="comment">
@@ -157,6 +187,35 @@ and image (thumbnail) support.</p>
         <h3>Example</h3>
     </p>
     <div class="io-description">
+                <div>
+                    <pre class="line-numbers"><code class="language-html">&lt;b&gt;Example :&lt;/b&gt;&lt;div&gt;&lt;pre class=&quot;line-numbers&quot;&gt;&lt;code class=&quot;language-html&quot;&gt;&amp;lt;ecl-file id=&amp;quot;my-file&amp;quot; language=&amp;quot;English&amp;quot; langId=&amp;quot;my-file-lang&amp;quot;
+          [primaryMeta]=&amp;quot;[&amp;#39;Meta info&amp;#39;, &amp;#39;DD Month YYYY&amp;#39;]&amp;quot;
+          labelInfo=&amp;quot;Highlight&amp;quot; description=&amp;quot;File description&amp;quot;
+          fileIcon=&amp;quot;pdf&amp;quot;
+          toggleAriaLabel=&amp;quot;Translations&amp;quot;
+          (translationsToggle)=&amp;quot;onToggle($event)&amp;quot;&amp;gt;
+
+  &amp;lt;div eclFileTitle id=&amp;quot;my-file-title&amp;quot;&amp;gt;State of the Union 2018 brochure&amp;lt;/div&amp;gt;
+
+  &amp;lt;a eclFileDownload eclLink variant=&amp;quot;standalone&amp;quot; isBranded href=&amp;quot;/path/to/file&amp;quot;&amp;gt;
+    &amp;lt;span eclLinkLabel&amp;gt;
+      &amp;lt;span&amp;gt;Download&amp;lt;/span&amp;gt;
+      &amp;lt;span eclFileMeta&amp;gt;(16.2 MB - PDF)&amp;lt;/span&amp;gt;
+    &amp;lt;/span&amp;gt;
+    &amp;lt;ecl-icon icon=&amp;quot;download-simple&amp;quot; iconSet=&amp;quot;phosphor&amp;quot; size=&amp;quot;fluid&amp;quot;&amp;gt;&amp;lt;/ecl-icon&amp;gt;
+  &amp;lt;/a&amp;gt;
+
+  &amp;lt;ecl-file-items&amp;gt;
+    &amp;lt;ecl-file-item eclTitle=&amp;quot;български&amp;quot; meta=&amp;quot;(15.7 MB - PDF)&amp;quot; langDetail=&amp;quot;bg&amp;quot;
+                   titleId=&amp;quot;my-file-0-title&amp;quot; metaId=&amp;quot;my-file-0-meta&amp;quot;&amp;gt;
+      &amp;lt;a eclFileTranslationDownload eclLink variant=&amp;quot;standalone&amp;quot; href=&amp;quot;/example#bg&amp;quot; hreflang=&amp;quot;bg&amp;quot;&amp;gt;
+        &amp;lt;span eclLinkLabel&amp;gt;Download&amp;lt;/span&amp;gt;
+        &amp;lt;ecl-icon icon=&amp;quot;download-simple&amp;quot; iconSet=&amp;quot;phosphor&amp;quot; size=&amp;quot;fluid&amp;quot;&amp;gt;&amp;lt;/ecl-icon&amp;gt;
+      &amp;lt;/a&amp;gt;
+    &amp;lt;/ecl-file-item&amp;gt;
+  &amp;lt;/ecl-file-items&amp;gt;
+&amp;lt;/ecl-file&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</code></pre>
+                </div>
     </div>
 
 <section data-compodoc="block-metadata">
@@ -169,6 +228,10 @@ and image (thumbnail) support.</p>
 
 
 
+            <tr>
+                <td class="col-md-3">host</td>
+                <td class="col-md-9"><code>{<br>}</code></td>
+            </tr>
 
 
 
@@ -187,6 +250,8 @@ and image (thumbnail) support.</p>
                         <div>        <code><a href="../miscellaneous/variables.html#EUI_ECL_ICON" target="_self" >EUI_ECL_ICON</a></code>
 </div>
                         <div>        <code><a href="../miscellaneous/variables.html#EUI_ECL_LABEL" target="_self" >EUI_ECL_LABEL</a></code>
+</div>
+                        <div>        <code><a href="../miscellaneous/variables.html#EUI_ECL_BUTTON" target="_self" >EUI_ECL_BUTTON</a></code>
 </div>
                 </td>
             </tr>
@@ -237,6 +302,9 @@ and image (thumbnail) support.</p>
                                 <li>
                                             <code><a href="../miscellaneous/variables.html#EUI_ECL_LABEL" target="_self" >EUI_ECL_LABEL</a></code>
                                 </li>
+                                <li>
+                                            <code><a href="../miscellaneous/variables.html#EUI_ECL_BUTTON" target="_self" >EUI_ECL_BUTTON</a></code>
+                                </li>
                                 <li>
                                             <code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
                                 </li>
@@ -256,11 +324,6 @@ and image (thumbnail) support.</p>
                     </td>
                     <td class="col-md-9">
                         <ul class="index-list">
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#eclPictureContent" >eclPictureContent</a>
-                            </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
                                 <a href="#eclThemeService" >eclThemeService</a>
@@ -279,6 +342,10 @@ and image (thumbnail) support.</p>
                     </td>
                     <td class="col-md-9">
                         <ul class="index-list">
+                            <li>
+                                <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
+                                <a href="#onTranslationToggleClick" >onTranslationToggleClick</a>
+                            </li>
                             <li>
                                 <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
                                 <a href="#getCssClasses" >getCssClasses</a>
@@ -301,7 +368,10 @@ and image (thumbnail) support.</p>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#description" >description</a>
                             </li>
                             <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#detailMeta" >detailMeta</a>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#detailMeta" class="deprecated-name">detailMeta</a>
+                            </li>
+                            <li>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#fileIcon" >fileIcon</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#id" >id</a>
@@ -316,10 +386,16 @@ and image (thumbnail) support.</p>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#language" >language</a>
                             </li>
                             <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#meta" >meta</a>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#meta" class="deprecated-name">meta</a>
+                            </li>
+                            <li>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#metaId" class="deprecated-name">metaId</a>
+                            </li>
+                            <li>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#primaryMeta" >primaryMeta</a>
                             </li>
                             <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#metaId" >metaId</a>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#toggleAriaLabel" >toggleAriaLabel</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#class" >class</a>
@@ -336,17 +412,16 @@ and image (thumbnail) support.</p>
             </tbody>
         </table>
 
-
         <table class="table table-sm table-bordered index-table">
             <tbody>
                 <tr>
                     <td class="col-md-3">
-                        <h6><b>HostBindings</b></h6>
+                        <h6><b>Outputs</b></h6>
                     </td>
                     <td class="col-md-9">
                         <ul class="index-list">
                             <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#translationsToggle" >translationsToggle</a>
                             </li>
                         </ul>
                     </td>
@@ -355,6 +430,7 @@ and image (thumbnail) support.</p>
         </table>
 
 
+
         <table class="table table-sm table-bordered index-table">
             <tbody>
                 <tr>
@@ -367,10 +443,6 @@ and image (thumbnail) support.</p>
                                 <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
                                 <a href="#cssClasses" >cssClasses</a>
                             </li>
-                            <li>
-                                <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
-                                <a href="#isThumbnail" >isThumbnail</a>
-                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -378,6 +450,19 @@ and image (thumbnail) support.</p>
         </table>
 </section>
 
+    <section data-compodoc="block-constructor">
+    <h3 id="constructor">Constructor</h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+<code>constructor()</code>
+                    </td>
+                </tr>
+
+            </tbody>
+        </table>
+</section>
 
     <section data-compodoc="block-inputs">
     <h3 id="inputs">Inputs</h3>
@@ -417,9 +502,32 @@ and image (thumbnail) support.</p>
 
                     </td>
                 </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="fileIcon"></a>
+                        <b>fileIcon</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>&quot;file&quot; | &quot;pdf&quot; | &quot;doc&quot; | &quot;xls&quot; | &quot;txt&quot; | &quot;zip&quot;</code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>&#x27;file&#x27;</code>
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
-                        <div class="io-description"><p>Additional details displayed in the file component (e.g. file size, date).</p>
+                        <div class="io-description"><p>File type icon to display. Renders a phosphor icon internally.
+Options: &#39;file&#39; (default), &#39;pdf&#39;, &#39;doc&#39;, &#39;xls&#39;, &#39;txt&#39;, &#39;zip&#39;.
+Ignored when a picture is projected.</p>
 </div>
                     </td>
                 </tr>
@@ -441,12 +549,13 @@ and image (thumbnail) support.</p>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>undefined</code>
+                        <i>Default value : </i><code>&#x60;ecl-file-${crypto.randomUUID()}&#x60;</code>
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <div class="io-description"><p>Optional ID for the file component, useful for accessibility or referencing.</p>
+                        <div class="io-description"><p>Unique ID for the file component. Auto-generated if not provided.
+Used to derive accessibility IDs for child elements.</p>
 </div>
                     </td>
                 </tr>
@@ -512,7 +621,8 @@ and image (thumbnail) support.</p>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <div class="io-description"><p>Language indicator string (e.g. &quot;EN&quot;, &quot;FR&quot;) used in the label.</p>
+                        <div class="io-description"><p>Language indicator string (e.g. &quot;English&quot;, &quot;French&quot;) used in the footer.
+When translations are present, this becomes the toggle button label.</p>
 </div>
                     </td>
                 </tr>
@@ -534,7 +644,7 @@ and image (thumbnail) support.</p>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <div class="io-description"><p>Main metadata displayed for the file (e.g. format, license).</p>
+                        <div class="io-description"><p>Kept for backward compatibility — no longer rendered in the template.</p>
 </div>
                     </td>
                 </tr>
@@ -556,7 +666,53 @@ and image (thumbnail) support.</p>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <div class="io-description"><p>ID applied to the meta element for accessibility.</p>
+                        <div class="io-description"><p>Kept for backward compatibility — no longer rendered in the template.</p>
+</div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="primaryMeta"></a>
+                        <b>primaryMeta</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>string[]</code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Primary metadata array (e.g. [&#39;Meta info&#39;, &#39;DD Month YYYY&#39;]).
+Rendered as a list below the title/description.</p>
+</div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="toggleAriaLabel"></a>
+                        <b>toggleAriaLabel</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Accessible label for the translation toggle button.
+Defaults to the <code>language</code> value if not provided.</p>
 </div>
                     </td>
                 </tr>
@@ -612,43 +768,73 @@ and image (thumbnail) support.</p>
         </table>
 </section>
 
+    <section data-compodoc="block-outputs">
+    <h3 id="outputs">Outputs</h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="translationsToggle"></a>
+                        <b>translationsToggle</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="../classes/EclFileItemsToggleEvent.html" target="_self" >EclFileItemsToggleEvent</a></code>
 
-    <section data-compodoc="block-properties">
-    <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Emits when the translation toggle is clicked.
+Consumers can call <code>preventDefault()</code> on the event to cancel the toggle.</p>
+</div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+</section>
+
+
+
+    <section data-compodoc="block-methods">
+    
+    <h3 id="methods">
+        Methods
+    </h3>
+    <table class="table table-sm table-bordered">
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="class"></a>
+                    <a name="onTranslationToggleClick"></a>
                     <span class="name">
-                        <span ><b>class</b></span>
-                        <a href="#class"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>onTranslationToggleClick</b></span>
+                        <a href="#onTranslationToggleClick"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+            <tr>
+                <td class="col-md-4">
+<code>onTranslationToggleClick()</code>
+                </td>
+            </tr>
+
+
 
-                    </td>
-                </tr>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-description"><p>Host element CSS classes based on theme and content.</p>
+                        <div class="io-description"><p>Handles the translation toggle button click.</p>
 </div>
+
+                        <div class="io-description">
+                            <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                        </div>
                 </td>
             </tr>
-
         </tbody>
     </table>
-</section>
-
-
-    <section data-compodoc="block-methods">
-    
-    <h3 id="methods">
-        Methods
-    </h3>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -717,39 +903,6 @@ and image (thumbnail) support.</p>
     <h3 id="inputs">
         Properties
     </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="eclPictureContent"></a>
-                    <span class="name">
-                            <span class="modifier">Readonly</span>
-                        <span ><b>eclPictureContent</b></span>
-                        <a href="#eclPictureContent"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>unknown</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>contentChild(EclFilePictureDirective)</code>
-                    </td>
-                </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Optional image directive projected via content slot, used for thumbnails.</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -798,7 +951,7 @@ and image (thumbnail) support.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-description"><p>Host element CSS classes based on theme and content.</p>
+                                <div class="io-description"><p>Host element CSS classes.</p>
 </div>
 
                                 <div class="io-description">
@@ -810,35 +963,6 @@ and image (thumbnail) support.</p>
 
             </tbody>
         </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="isThumbnail"></a>
-                        <span class="name"><b>isThumbnail</b><a href="#isThumbnail"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>isThumbnail()</code></span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-description"><p>Determines whether the file has an associated thumbnail.
-Returns true if an <code>EclFilePictureDirective</code> is present in projected content.</p>
-</div>
-
-                                <div class="io-description">
-                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                                </div>
-                        </td>
-                    </tr>
-
-            </tbody>
-        </table>
 </section>
 </div>
 
@@ -854,9 +978,9 @@ Returns true if an <code>EclFilePictureDirective</code> is present in projected
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><div class="ecl-file__container">    @if(!isThumbnail) {        @if(eclThemeService.isECTheme()) {            <ecl-icon icon="file" class="ecl-file__icon" size="2xl"></ecl-icon>        } @else {            <ecl-icon icon="file" class="ecl-file__icon" size="m"></ecl-icon>        }    } @else {    <ng-content select="[eclFilePicture]"></ng-content>    }    <div class="ecl-file__info">        @if(labelInfo()) {        <div class="ecl-file__label">            <span eclLabel variant="highlight">{{ labelInfo() }}</span>        </div>        }        @if(detailMeta()) {        <ul class="ecl-file__detail-meta">            @for (el of detailMeta(); track el) {                <li class="ecl-file__detail-meta-item" >{{ el }}</li>            }        </ul>        }        <ng-content select="[eclFileTitle]"></ng-content>        @if(description()) {            <div class="ecl-file__description">{{ description() }}</div>        }        <ng-content select="ecl-file-taxonomy"></ng-content>    </div>    </div>    <div class="ecl-file__footer">        <div class="ecl-file__language" [id]="langId()">{{ language() }}</div>        <div class="ecl-file__meta" [id]="metaId()">{{ meta() }}</div>        <div class="ecl-file__action">            <ng-content select="[eclFilePreview]"></ng-content>            <ng-content select="[eclFileDownload]"></ng-content>        </div>    </div><ng-content></ng-content></div>'
-    var COMPONENTS = [{'name': 'EclAccordionSummaryComponent', 'selector': 'summary[eclAccordionToggle]'},{'name': 'EclAddToCalendarComponent', 'selector': 'div[eclAddToCalendar]'},{'name': 'EclAnimatedNumbersComponent', 'selector': 'div[eclAnimatedNumbers]'},{'name': 'EclAnimatedNumbersItemComponent', 'selector': 'li[eclAnimatedNumbersItem]'},{'name': 'EclAppComponent', 'selector': 'ecl-app'},{'name': 'EclBannerComponent', 'selector': 'ecl-banner'},{'name': 'EclBlockquoteComponent', 'selector': '[eclBlockquote]'},{'name': 'EclBreadcrumbComponent', 'selector': 'ecl-breadcrumb, nav[eclBreadcrumb]'},{'name': 'EclBreadcrumbSegmentComponent', 'selector': 'li[eclBreadcrumbSegment]'},{'name': 'EclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EclCardBodyComponent', 'selector': 'ecl-card-body'},{'name': 'EclCardComponent', 'selector': 'ecl-card, article[eclCard]'},{'name': 'EclCarouselComponent', 'selector': 'ecl-carousel'},{'name': 'EclCarouselItemComponent', 'selector': 'ecl-carousel-item'},{'name': 'EclCategoryFilterComponent', 'selector': 'ecl-category-filter'},{'name': 'EclCategoryFilterItemComponent', 'selector': 'ecl-category-filter-item'},{'name': 'EclCategoryFilterListComponent', 'selector': 'ecl-category-filter-list'},{'name': 'EclCheckboxHelpComponent', 'selector': '[eclCheckboxHelp]'},{'name': 'EclCheckboxLabelComponent', 'selector': 'label[eclCheckboxLabel]'},{'name': 'EclContentBlockComponent', 'selector': 'ecl-content-block'},{'name': 'EclContentItemComponent', 'selector': 'ecl-content-item'},{'name': 'EclDateBlockComponent', 'selector': 'time[eclDateBlock]'},{'name': 'EclDescriptionListDefinitionComponent', 'selector': '[eclDescriptionListDefinition]'},{'name': 'EclExpandableComponent', 'selector': 'ecl-expandable'},{'name': 'EclFactFiguresComponent', 'selector': 'div[eclFactFigures], ecl-fact-figures'},{'name': 'EclFactFiguresItemComponent', 'selector': 'div[eclFactFiguresItem],ecl-fact-figures-item'},{'name': 'EclFactFiguresViewAllComponent', 'selector': 'ecl-fact-figures-view-all'},{'name': 'EclFeaturedComponent', 'selector': 'ecl-featured, article[eclFeatured]'},{'name': 'EclFeaturedItemComponent', 'selector': 'ecl-featured-item, div[eclFeaturedItem]'},{'name': 'EclFeaturedItemDescriptionComponent', 'selector': 'ecl-featured-item-description'},{'name': 'EclFileComponent', 'selector': 'ecl-file'},{'name': 'EclFileItemComponent', 'selector': 'ecl-file-item'},{'name': 'EclFileItemsComponent', 'selector': 'ecl-file-items'},{'name': 'EclFileTaxonomyComponent', 'selector': 'ecl-file-taxonomy'},{'name': 'EclFormGroupComponent', 'selector': '[eclFormGroup], ecl-form-group'},{'name': 'EclFormLabelComponent', 'selector': '[eclFormLabel]'},{'name': 'EclGalleryComponent', 'selector': 'ecl-gallery'},{'name': 'EclGalleryFooterComponent', 'selector': 'ecl-gallery-footer'},{'name': 'EclGalleryItemComponent', 'selector': 'ecl-gallery-item'},{'name': 'EclHighlightBoxComponent', 'selector': 'article[eclHighlightBox]'},{'name': 'EclIconComponent', 'selector': 'ecl-icon'},{'name': 'EclIndicatorComponent', 'selector': '[eclIndicator]'},{'name': 'EclIndicatorComponent', 'selector': '[eclIndicator]'},{'name': 'EclInpageNavigationComponent', 'selector': 'ecl-inpage-navigation'},{'name': 'EclInpageNavigationItemComponent', 'selector': 'li[eclInpageNavigationItem]'},{'name': 'EclLayoutWrapperComponent', 'selector': 'div[eclLayoutWrapper]'},{'name': 'EclListIllustrationComponent', 'selector': 'ecl-list-illustration, ul[eclListIllustration], ol[eclListIllustration]'},{'name': 'EclListIllustrationItemComponent', 'selector': 'ecl-list-illustration-item, li[eclListIllustrationItem]'},{'name': 'EclLoadingIndicatorComponent', 'selector': 'ecl-loading-indicator'},{'name': 'EclMediaContainerComponent', 'selector': 'ecl-media-container'},{'name': 'EclMegaMenuComponent', 'selector': 'nav[eclMegaMenu]'},{'name': 'EclMegaMenuFeaturedComponent', 'selector': 'div[eclMegaMenuFeatured]'},{'name': 'EclMegaMenuInfoComponent', 'selector': 'div[eclMegaMenuInfo]'},{'name': 'EclMegaMenuItemComponent', 'selector': 'li[eclMegaMenuItem]'},{'name': 'EclMegaMenuSubitemComponent', 'selector': 'li[eclMegaMenuSubitem]'},{'name': 'EclMenuComponent', 'selector': 'ecl-menu'},{'name': 'EclMenuItemComponent', 'selector': 'ecl-menu-item'},{'name': 'EclMenuMegaComponent', 'selector': 'ecl-menu-mega'},{'name': 'EclMenuMegaItemComponent', 'selector': 'ecl-menu-mega-item'},{'name': 'EclModalBodyComponent', 'selector': '[eclModalBody]'},{'name': 'EclModalComponent', 'selector': 'dialog[eclModal]'},{'name': 'EclModalFooterComponent', 'selector': '[eclModalFooter]'},{'name': 'EclModalHeaderComponent', 'selector': '[eclModalHeader]'},{'name': 'EclMultiselectComponent', 'selector': 'select[eclMultiselect]'},{'name': 'EclMultiselectDropdownComponent', 'selector': 'div[eclMultiselectDropdown]'},{'name': 'EclMultiselectInputComponent', 'selector': 'div[eclMultiselectInput]'},{'name': 'EclMultiselectOptgroupComponent', 'selector': 'fieldset[eclMultiselectOptgroup]'},{'name': 'EclMultiselectOptionComponent', 'selector': 'div[eclMultiselectOption]'},{'name': 'EclNavigationListComponent', 'selector': 'ecl-navigation-list'},{'name': 'EclNavigationListItemComponent', 'selector': 'ecl-navigation-list-item'},{'name': 'EclNewsTickerComponent', 'selector': 'ecl-news-ticker'},{'name': 'EclNewsTickerItemComponent', 'selector': 'ecl-news-ticker-item'},{'name': 'EclNotificationComponent', 'selector': 'ecl-notification'},{'name': 'EclPageHeaderComponent', 'selector': 'ecl-page-header'},{'name': 'EclPageHeaderDescriptionContainerComponent', 'selector': 'div[eclPageHeaderDescriptionContainer]'},{'name': 'EclPageHeaderExpandableComponent', 'selector': 'div[eclPageHeaderExpandable]'},{'name': 'EclPageHeaderNextComponent', 'selector': 'div[eclPageHeader]'},{'name': 'EclPageHeaderSectionComponent', 'selector': 'div[eclPageHeaderSection]'},{'name': 'EclPageHeaderSectionInfoComponent', 'selector': 'div[eclPageHeaderSectionInfo]'},{'name': 'EclPageSummaryComponent', 'selector': 'ecl-page-summary, section[eclPageSummary]'},{'name': 'EclPaginationComponent', 'selector': 'ecl-pagination'},{'name': 'EclPaginationItemComponent', 'selector': 'li[eclPaginationItem]'},{'name': 'EclPopoverComponent', 'selector': 'ecl-popover'},{'name': 'EclQuizCardComponent', 'selector': 'li[eclQuizCard]'},{'name': 'EclQuizComponent', 'selector': 'section[eclQuiz]'},{'name': 'EclRadioHelpComponent', 'selector': '[eclRadioHelp]'},{'name': 'EclRadioLabelComponent', 'selector': '[eclRadioLabel]'},{'name': 'EclRangeBubbleComponent', 'selector': 'ecl-range-bubble'},{'name': 'EclRangeValueComponent', 'selector': 'ecl-range-value'},{'name': 'EclRatingFieldComponent', 'selector': 'ecl-rating-field'},{'name': 'EclSearchFormComponent', 'selector': 'ecl-search-form'},{'name': 'EclSelectContainerComponent', 'selector': 'ecl-select-container'},{'name': 'EclSiteFooterComponent', 'selector': 'footer[eclSiteFooter], ecl-site-footer'},{'name': 'EclSiteFooterCoownerComponent', 'selector': 'div[eclSiteFooterCoowner]'},{'name': 'EclSiteFooterCoreComponent', 'selector': 'div[eclSiteFooterCore]'},{'name': 'EclSiteFooterFeedbackComponent', 'selector': 'div[eclSiteFooterFeedback]'},{'name': 'EclSiteFooterFixedContentEUComponent', 'selector': 'ecl-site-footer-fixed-content-eu'},{'name': 'EclSiteFooterRowCommonComponent', 'selector': 'div[eclSiteFooterRowCommon]'},{'name': 'EclSiteHeaderActionComponent', 'selector': 'ecl-site-header-action'},{'name': 'EclSiteHeaderBannerTopComponent', 'selector': 'ecl-site-header-banner-top'},{'name': 'EclSiteHeaderComponent', 'selector': 'ecl-site-header'},{'name': 'EclSiteHeaderCustomActionComponent', 'selector': 'div[eclSiteHeaderCustomAction]'},{'name': 'EclSiteHeaderEnvironmentComponent', 'selector': '[eclSiteHeaderEnvironment]'},{'name': 'EclSiteHeaderLanguageComponent', 'selector': 'ecl-site-header-language'},{'name': 'EclSiteHeaderLanguagePopoverComponent', 'selector': 'ecl-site-header-language-popover'},{'name': 'EclSiteHeaderLoginComponent', 'selector': 'ecl-site-header-login'},{'name': 'EclSiteHeaderNotificationComponent', 'selector': 'ecl-site-header-notification'},{'name': 'EclSiteHeaderSearchComponent', 'selector': 'ecl-site-header-search'},{'name': 'EclSloganTickerComponent', 'selector': 'ecl-slogan-ticker'},{'name': 'EclSocialMediaFollowComponent', 'selector': 'ecl-social-media-follow'},{'name': 'EclSocialMediaFollowItemComponent', 'selector': 'ecl-social-media-follow-item'},{'name': 'EclSplashPageComponent', 'selector': 'div[eclSplashPage]'},{'name': 'EclSplashPageLanguageCategoryComponent', 'selector': 'div[eclSplashPageLanguageCategory]'},{'name': 'EclSplashPageLanguageContainerComponent', 'selector': '[eclSplashPageLanguageContainer]'},{'name': 'EclSplashPageLanguageLinkComponent', 'selector': 'a[eclSplashPageLanguageLink]'},{'name': 'EclSpotlightComponent', 'selector': 'section[eclSpotlight]'},{'name': 'EclSpotlightLinkComponent', 'selector': 'a[eclSpotlightLink]'},{'name': 'EclStickyContainerComponent', 'selector': 'ecl-sticky-container'},{'name': 'EclTabComponent', 'selector': 'div[eclTab]'},{'name': 'EclTabLabelComponent', 'selector': 'ecl-tab-label'},{'name': 'EclTableSortButtonComponent', 'selector': 'button[eclTableSortButton]'},{'name': 'EclTabsComponent', 'selector': 'div[eclTabs]'},{'name': 'EclTagComponent', 'selector': 'ecl-tag, [eclTag]'},{'name': 'EclTextMediaComponent', 'selector': 'article[eclTextMedia]'},{'name': 'EclTimelineComponent', 'selector': 'ecl-timeline, ol[eclTimeline]'},{'name': 'EclTimelineItemComponent', 'selector': 'ecl-timeline-item, li[eclTimelineItem]'},{'name': 'EclTimelineItemTogglerComponent', 'selector': 'ecl-timeline-item-toggler, li[eclTimelineItemToggler]'}];
-    var DIRECTIVES = [{'name': 'EclAccordionContentDirective', 'selector': 'div[eclAccordionContent]'},{'name': 'EclAccordionDirective', 'selector': 'div[eclAccordion]'},{'name': 'EclAccordionItemDirective', 'selector': 'details[eclAccordionItem]'},{'name': 'EclAccordionToggleIconDirective', 'selector': '[eclAccordionToggleIcon]'},{'name': 'EclAddToCalendarActionDirective', 'selector': 'div[eclAddToCalendarAction]'},{'name': 'EclAnimatedNumbersIconDirective', 'selector': '[eclAnimatedNumbersIcon]'},{'name': 'EclAnimatedNumbersItemsDirective', 'selector': 'ul[eclAnimatedNumbersItems]'},{'name': 'EclAnimatedNumbersSourceDirective', 'selector': 'a[eclAnimatedNumbersSource]'},{'name': 'EclAnimatedNumbersSourcesItemDirective', 'selector': 'li[eclAnimatedNumbersSourcesItem]'},{'name': 'EclAnimatedNumbersSourcesListDirective', 'selector': 'ul[eclAnimatedNumbersSourcesList]'},{'name': 'EclBannerDescriptionDirective', 'selector': '[eclBannerDescription]'},{'name': 'EclBannerDescriptionLinkDirective', 'selector': '[eclBannerDescriptionLink]'},{'name': 'EclBannerDescriptionTextDirective', 'selector': '[eclBannerDescriptionText]'},{'name': 'EclBannerImageDirective', 'selector': 'img[eclBannerImage]'},{'name': 'EclBannerPictureDirective', 'selector': 'picture[eclBannerPicture]'},{'name': 'EclBannerTitleDirective', 'selector': '[eclBannerTitle]'},{'name': 'EclBannerTitleLinkDirective', 'selector': '[eclBannerTitleLink]'},{'name': 'EclBannerTitleTextDirective', 'selector': '[eclBannerTitleText]'},{'name': 'EclBannerVideoDirective', 'selector': 'video[eclBannerVideo]'},{'name': 'ECLBaseDirective', 'selector': '[eclBase]'},{'name': 'EclBlockquoteImageDirective', 'selector': 'img[eclBlockquoteImage]'},{'name': 'EclBlockquotePictureDirective', 'selector': 'picture[eclBlockquotePicture]'},{'name': 'EclBreadcrumbContainerDirective', 'selector': '[eclBreadcrumbContainer]'},{'name': 'EclButtonIconContainerDirective', 'selector': '[eclButtonIconContainer]'},{'name': 'EclButtonLabelDirective', 'selector': '[eclButtonLabel]'},{'name': 'EclCardImageDirective', 'selector': 'img[eclCardImage]'},{'name': 'EclCardPictureDirective', 'selector': 'picture[eclCardPicture]'},{'name': 'EclCheckboxDirective', 'selector': '[eclCheckbox]'},{'name': 'EclCheckboxInputDirective', 'selector': 'input[eclCheckboxInput]'},{'name': 'ECLClickOutsideDirective', 'selector': '[eclClickOutside]'},{'name': 'EclContainerDirective', 'selector': '[eclContainer]'},{'name': 'EclContentBlockDescriptionDirective', 'selector': '[eclContentBlockDescription]'},{'name': 'EclContentBlockLabelDirective', 'selector': '[eclContentBlockLabel]'},{'name': 'EclContentBlockLabelsDirective', 'selector': '[eclContentBlockLabels]'},{'name': 'EclContentBlockLinkDirective', 'selector': '[eclContentBlockLink]'},{'name': 'EclContentBlockLinksContainerDirective', 'selector': '[eclContentBlockLinksContainer]'},{'name': 'EclContentBlockLinksDirective', 'selector': '[eclContentBlockLinks]'},{'name': 'EclContentBlockListContainerDirective', 'selector': '[eclContentBlockListContainer]'},{'name': 'EclContentBlockListDirective', 'selector': '[eclContentBlockList]'},{'name': 'EclContentBlockPrimaryMetaDirective', 'selector': '[eclContentBlockPrimaryMeta]'},{'name': 'EclContentBlockPrimaryMetasDirective', 'selector': '[eclContentBlockPrimaryMetas]'},{'name': 'EclContentBlockSecondaryMetaDirective', 'selector': '[eclContentBlockSecondaryMeta]'},{'name': 'EclContentBlockSecondaryMetaIconDirective', 'selector': '[eclContentBlockSecondaryMetaIcon]'},{'name': 'EclContentBlockSecondaryMetaLabelDirective', 'selector': '[eclContentBlockSecondaryMetaLabel]'},{'name': 'EclContentBlockSecondaryMetasDirective', 'selector': '[eclContentBlockSecondaryMetas]'},{'name': 'EclContentBlockTagDirective', 'selector': '[eclContentBlockTag]'},{'name': 'EclContentBlockTagsDirective', 'selector': '[eclContentBlockTags]'},{'name': 'EclContentBlockTitleDirective', 'selector': '[eclContentBlockTitle]'},{'name': 'EclContentItemImageDirective', 'selector': '[eclContentItemImage]'},{'name': 'EclContentItemPictureDirective', 'selector': '[eclContentItemPicture]'},{'name': 'EclDatePickerDirective', 'selector': 'input[eclDatePicker]'},{'name': 'EclDatePickerDuetDirective', 'selector': 'duet-date-picker[eclDatePicker]'},{'name': 'EclDescriptionListDefinitionItemDirective', 'selector': '[eclDescriptionListDefinitionItem]'},{'name': 'EclDescriptionListDefinitionListDirective', 'selector': '[eclDescriptionListDefinitionList]'},{'name': 'EclDescriptionListDirective', 'selector': '[eclDescriptionList]'},{'name': 'EclDescriptionListTermDirective', 'selector': '[eclDescriptionListTerm]'},{'name': 'EclDividerDirective', 'selector': 'hr[eclDivider]'},{'name': 'EclFactFiguresDescriptionDirective', 'selector': 'div[eclFactFiguresDescription]'},{'name': 'EclFactFiguresSourceDirective', 'selector': 'a[eclFactFiguresSource]'},{'name': 'EclFactFiguresSourcesItemDirective', 'selector': 'li[eclFactFiguresSourcesItem]'},{'name': 'EclFactFiguresSourcesListDirective', 'selector': 'ul[eclFactFiguresSourcesList]'},{'name': 'EclFeaturedItemLinkDirective', 'selector': '[eclFeaturedItemLink]'},{'name': 'EclFeaturedMediaAnchorDirective', 'selector': '[eclFeaturedMediaAnchor]'},{'name': 'EclFeedbackHiddenDirective', 'selector': '[eclFeedbackHidden]'},{'name': 'EclFeedbackMessageDirective', 'selector': '[eclFeedbackMessage]'},{'name': 'EclFileDownloadDirective', 'selector': '[eclFileDownload]'},{'name': 'EclFileImageDirective', 'selector': 'img[eclFileImage]'},{'name': 'EclFilePictureDirective', 'selector': 'picture[eclFilePicture]'},{'name': 'EclFilePreviewDirective', 'selector': '[eclFilePreview]'},{'name': 'EclFileTitleDirective', 'selector': '[eclFileTitle]'},{'name': 'EclFileTranslationDownloadDirective', 'selector': '[eclFileTranslationDownload]'},{'name': 'EclFileUploadDirective', 'selector': '[eclFileUpload]'},{'name': 'ECLFormLabelOptionalDirective', 'selector': '[eclFormLabelOptional]'},{'name': 'EclGalleryMediaDirective', 'selector': '[eclGalleryMedia], [eclGalleryImage]'},{'name': 'EclGalleryPictureDirective', 'selector': 'picture[eclGalleryPicture]'},{'name': 'EclGalleryThumbnailDirective', 'selector': 'picture[eclGalleryThumbnail]'},{'name': 'EclHelpBlockDirective', 'selector': '[eclHelpBlock]'},{'name': 'EclHelpHiddenDirective', 'selector': '[eclHelpHidden]'},{'name': 'EclHiddenDirective', 'selector': '[eclHidden]'},{'name': 'EclHighlightBoxDescriptionDirective', 'selector': '[eclHighlightBoxDescription]'},{'name': 'EclHighlightBoxIconDirective', 'selector': 'ecl-icon[eclHighlightBoxIcon]'},{'name': 'EclHighlightBoxLinkDirective', 'selector': 'a[eclHighlightBoxLink]'},{'name': 'EclHighlightBoxTitleDirective', 'selector': '[eclHighlightBoxTitle]'},{'name': 'EclIndicatorLabelDirective', 'selector': '[eclIndicatorLabel]'},{'name': 'EclIndicatorLabelDirective', 'selector': '[eclIndicatorLabel]'},{'name': 'EclInpageNavigationListDirective', 'selector': 'ul[eclInpageNavigationList]'},{'name': 'EclLabelDirective', 'selector': '[eclLabel]'},{'name': 'EclLayoutItemDirective', 'selector': '[eclLayoutItem]'},{'name': 'EclLayoutWrapperDescriptionDirective', 'selector': '[eclLayoutWrapperDescription]'},{'name': 'EclLayoutWrapperTitleDirective', 'selector': '[eclLayoutWrapperTitle]'},{'name': 'EclLayoutWrapperViewAllDirective', 'selector': '[eclLayoutWrapperViewAll]'},{'name': 'EclLinkDirective', 'selector': '[eclLink]'},{'name': 'EclLinkIconContainerDirective', 'selector': '[eclLinkIconContainer]'},{'name': 'EclLinkLabelDirective', 'selector': '[eclLinkLabel]'},{'name': 'EclListIllustrationIconDirective', 'selector': '[eclListIllustrationIcon]'},{'name': 'EclListIllustrationImageDirective', 'selector': 'img[eclListIllustrationImage]'},{'name': 'EclListIllustrationPictureDirective', 'selector': 'picture[eclListIllustrationPicture]'},{'name': 'EclLoadingIndicatorLabelDirective', 'selector': '[eclLoadingIndicatorLabel]'},{'name': 'EclLoadingIndicatorOverlayDirective', 'selector': '[eclLoadingIndicatorOverlay]'},{'name': 'EclMediaContainerCaptionDirective', 'selector': 'figcaption[eclMediaContainerCaption]'},{'name': 'EclMediaContainerCreditDirective', 'selector': 'footer[eclMediaContainerCredit]'},{'name': 'EclMediaContainerIframeDirective', 'selector': 'iframe[eclMediaContainerIframe]'},{'name': 'EclMediaContainerItemAudioDescriptionDirective', 'selector': '[eclMediaContainerItemAudioDescription]'},{'name': 'EclMediaContainerItemDirective', 'selector': '[eclMediaContainerItem], img[eclMediaContainerImage]'},{'name': 'EclMediaContainerPictureDirective', 'selector': 'picture[eclMediaContainerPicture]'},{'name': 'EclMegaMenuContainerDirective', 'selector': 'div[eclMegaMenuContainer]'},{'name': 'EclMegaMenuFeaturedImageDirective', 'selector': '[eclMegaMenuFeaturedImage]'},{'name': 'EclMegaMenuFeaturedListDirective', 'selector': '[eclMegaMenuFeaturedList]'},{'name': 'EclMegaMenuFeaturedListItemDescriptionDirective', 'selector': '[eclMegaMenuFeaturedListItemDescription]'},{'name': 'EclMegaMenuFeaturedListItemDirective', 'selector': '[eclMegaMenuFeaturedListItem]'},{'name': 'EclMegaMenuFeaturedPictureDirective', 'selector': '[eclMegaMenuFeaturedPicture]'},{'name': 'EclMegaMenuListDirective', 'selector': 'ul[eclMegaMenuList]'},{'name': 'EclMegaMenuSpacerDirective', 'selector': 'li[eclMegaMenuSpacer]'},{'name': 'EclMegaMenuSublistDirective', 'selector': 'ul[eclMegaMenuSublist]'},{'name': 'EclModalBodyFixedContentDirective', 'selector': '[eclModalBodyFixedContent]'},{'name': 'EclModalCloseDirective', 'selector': '[eclModalClose]'},{'name': 'EclModalTriggerDirective', 'selector': '[eclModalTriggerFor]'},{'name': 'EclMultiselectOptionDirective', 'selector': 'optgroup[eclMultiselectOptgroup], option[eclMultiselectOption]'},{'name': 'EclNavigationListImageDirective', 'selector': 'img[eclNavigationListImage]'},{'name': 'EclNavigationListPictureDirective', 'selector': 'picture[eclNavigationListPicture]'},{'name': 'EclNewsTickerIconDirective', 'selector': '[eclNewsTickerIcon]'},{'name': 'EclNotificationIconDirective', 'selector': '[eclNotificationIcon]'},{'name': 'EclNotificationLinkDirective', 'selector': '[eclNotificationLink]'},{'name': 'EclNotificationTitleDirective', 'selector': '[eclNotificationTitle]'},{'name': 'EclOrderedListDirective', 'selector': '[eclOrderedList]'},{'name': 'EclOrderedListItemDirective', 'selector': '[eclOrderedListItem]'},{'name': 'EclPageHeaderBackgroundImageDirective', 'selector': '[eclPageHeaderBackgroundImage]'},{'name': 'EclPageHeaderBackgroundPictureDirective', 'selector': '[eclPageHeaderBackgroundPicture]'},{'name': 'EclPageHeaderContainerDirective', 'selector': '[eclPageHeaderContainer]'},{'name': 'EclPageHeaderDescriptionDirective', 'selector': 'p[eclPageHeaderDescription]'},{'name': 'EclPageHeaderDescriptionPictureDirective', 'selector': '[eclPageHeaderDescriptionPicture]'},{'name': 'EclPageHeaderDescriptionThumbnailDirective', 'selector': '[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage]'},{'name': 'EclPageHeaderExpandableHeaderDirective', 'selector': '[eclPageHeaderExpandableHeader]'},{'name': 'EclPageHeaderInfoDirective', 'selector': '[eclPageHeaderInfo]'},{'name': 'EclPageHeaderMetaDirective', 'selector': '[eclPageHeaderMeta]'},{'name': 'EclPageHeaderMetaItemDirective', 'selector': '[eclPageHeaderMetaItem]'},{'name': 'EclPageHeaderTitleDirective', 'selector': '[eclPageHeaderTitle]'},{'name': 'EclPageInformationDirective', 'selector': '[eclPageInformation]'},{'name': 'EclPaginationListDirective', 'selector': '[eclPaginationList]'},{'name': 'EclPopoverContentDirective', 'selector': '[eclPopoverContent]'},{'name': 'EclPopoverToggleDirective', 'selector': '[eclPopoverToggle]'},{'name': 'EclQuizListDirective', 'selector': 'ol[eclQuizList]'},{'name': 'EclRadioDirective', 'selector': '[eclRadio]'},{'name': 'EclRadioInputDirective', 'selector': 'input[eclRadioInput]'},{'name': 'EclRangeDirective', 'selector': 'input[eclRange]'},{'name': 'EclSelectDirective', 'selector': 'select[eclSelect]'},{'name': 'EclSiteFooterActionButtonDirective', 'selector': 'a[eclSiteFooterActionButton]'},{'name': 'EclSiteFooterColumnDirective', 'selector': '[eclSiteFooterColumn]'},{'name': 'EclSiteFooterCoownerItemDirective', 'selector': '[eclSiteFooterCoownerItem]'},{'name': 'EclSiteFooterCoownerListDirective', 'selector': '[eclSiteFooterCoownerList]'},{'name': 'EclSiteFooterDescriptionDirective', 'selector': '[eclSiteFooterDescription]'},{'name': 'EclSiteFooterDescriptionNameDirective', 'selector': '[eclSiteFooterDescriptionName]'},{'name': 'EclSiteFooterLinkDirective', 'selector': '[eclSiteFooterLink]'},{'name': 'EclSiteFooterListDirective', 'selector': '[eclSiteFooterList]'},{'name': 'EclSiteFooterListItemDirective', 'selector': '[eclSiteFooterListItem]'},{'name': 'EclSiteFooterLogoImageDirective', 'selector': 'img[eclSiteFooterLogoImage]'},{'name': 'EclSiteFooterLogoLinkDirective', 'selector': '[eclSiteFooterLogoLink]'},{'name': 'EclSiteFooterPictureDirective', 'selector': 'picture[eclSiteFooterPicture]'},{'name': 'EclSiteFooterRowDirective', 'selector': '[eclSiteFooterRow]'},{'name': 'EclSiteFooterSectionDirective', 'selector': '[eclSiteFooterSection]'},{'name': 'EclSiteFooterSocialMediaDirective', 'selector': '[eclSiteFooterSocialMedia]'},{'name': 'EclSiteFooterTitleDirective', 'selector': '[eclSiteFooterTitle]'},{'name': 'EclSiteFooterTitleLinkDirective', 'selector': '[eclSiteFooterTitleLink]'},{'name': 'EclSiteHeaderCtaDirective', 'selector': '[eclSiteHeaderCta]'},{'name': 'EclSiteHeaderCustomActionContentDirective', 'selector': 'div[eclSiteHeaderCustomActionContent]'},{'name': 'EclSiteHeaderCustomActionLinkDirective', 'selector': 'a[eclSiteHeaderCustomActionLink]'},{'name': 'EclSiteHeaderCustomActionTitleDirective', 'selector': 'div[eclSiteHeaderCustomActionTitle]'},{'name': 'EclSiteHeaderImageDirective', 'selector': '[eclSiteHeaderImage]'},{'name': 'EclSiteHeaderLinkDirective', 'selector': '[eclSiteHeaderLink]'},{'name': 'EclSiteHeaderLoginDescriptionDirective', 'selector': '[eclSiteHeaderLoginDescription]'},{'name': 'EclSiteHeaderLoginSeparatorDirective', 'selector': '[eclSiteHeaderLoginSeparator]'},{'name': 'EclSiteHeaderPictureDirective', 'selector': '[eclSiteHeaderPicture]'},{'name': 'EclSloganTickerListDirective', 'selector': 'ul[eclSloganTickerList]'},{'name': 'EclSloganTickerSlideDirective', 'selector': 'li[eclSloganTickerSlide]'},{'name': 'EclSocialMediaFollowLinkDirective', 'selector': '[eclSocialMediaFollowLink]'},{'name': 'EclSplashPageLanguageItemDirective', 'selector': '[eclSplashPageLanguageItem]'},{'name': 'EclSplashPageLanguageListDirective', 'selector': '[eclSplashPageLanguageList]'},{'name': 'EclSplashPageLogoImageDirective', 'selector': 'img[eclSplashPageLogoImage]'},{'name': 'EclSplashPageLogoLinkDirective', 'selector': 'img[eclSplashPageLogoLink]'},{'name': 'EclSplashPagePictureDirective', 'selector': 'picture[eclSplashPagePicture]'},{'name': 'EclSpotlightImageDirective', 'selector': 'img[eclSpotlightImage]'},{'name': 'EclSpotlightPictureDirective', 'selector': 'picture[eclSpotlightPicture]'},{'name': 'EclTableBodyDirective', 'selector': '[eclTableBody]'},{'name': 'EclTableCaptionDirective', 'selector': 'caption[eclTableCaption]'},{'name': 'EclTableCellDirective', 'selector': '[eclTableCell]'},{'name': 'EclTableCellGroupDirective', 'selector': '[eclTableCellGroup]'},{'name': 'EclTableDirective', 'selector': '[eclTable]'},{'name': 'EclTableHeadDirective', 'selector': '[eclTableHead]'},{'name': 'EclTableHeaderDirective', 'selector': '[eclTableHeader]'},{'name': 'EclTableResponsiveDirective', 'selector': '[eclTableResponsive]'},{'name': 'EclTableRowDirective', 'selector': '[eclTableRow]'},{'name': 'EclTagIconExternalDirective', 'selector': '[eclTagIconExternal]'},{'name': 'EclTagSetDirective', 'selector': '[eclTagSet]'},{'name': 'EclTagSetItemDirective', 'selector': '[eclTagSetItem]'},{'name': 'EclTextAreaDirective', 'selector': 'textarea[eclTextArea]'},{'name': 'EclTextInputDirective', 'selector': 'input[eclTextInput]'},{'name': 'EclTextMediaContainerDirective', 'selector': 'ecl-media-container[eclTextMediaContainer]'},{'name': 'EclTextMediaDescriptionDirective', 'selector': 'div[eclTextMediaDescription]'},{'name': 'EclTextMediaLinkDirective', 'selector': 'a[eclTextMediaLink]'},{'name': 'EclTextMediaMediaAnchorDirective', 'selector': 'img[eclTextMediaImgAnchor]'},{'name': 'EclTextMediaMicroTitleDirective', 'selector': 'div[eclTextMediaMicroTitle]'},{'name': 'EclTextMediaTitleDirective', 'selector': 'div[eclTextMediaTitle]'},{'name': 'EclTimelineItemLabelDirective', 'selector': '[eclTimelineItemLabel]'},{'name': 'EclTimelineItemTitleDirective', 'selector': '[eclTimelineItemTitle]'},{'name': 'EclTimelineSetDirective', 'selector': '[eclTimelineSet]'},{'name': 'EclTooltipDirective', 'selector': '[eclTooltip]'},{'name': 'EclUnorderedListDirective', 'selector': '[eclUnorderedList]'},{'name': 'EclUnorderedListItemDirective', 'selector': '[eclUnorderedListItem]'}];
+        var COMPONENT_TEMPLATE = '<div><article class="ecl-file__container">    <div class="ecl-file__info">        @if (hasPicture()) {            <ng-content select="[eclFilePicture]"></ng-content>        } @else {            <div class="ecl-file__icon-box">                <ecl-icon [icon]="resolvedIconName()" iconSet="phosphor" size="l" class="ecl-file__icon" [title]="fileIcon()"></ecl-icon>            </div>        }        <div class="ecl-file__content">            @if (labelInfo()) {                <div class="ecl-file__labels">                    <div class="ecl-file__label">                        <span eclLabel variant="highlight">{{ labelInfo() }}</span>                    </div>                </div>            }            <ng-content select="[eclFileTitle]"></ng-content>            @if (description()) {                <div class="ecl-file__description">{{ description() }}</div>            }            @if (resolvedPrimaryMeta()) {                <ul class="ecl-file__primary-meta">                    @for (item of resolvedPrimaryMeta(); track item) {                        <li class="ecl-file__primary-meta-item">{{ item }}</li>                    }                </ul>            }            <ng-content select="ecl-file-lists, ecl-file-taxonomy"></ng-content>        </div>    </div>    <footer class="ecl-file__footer">        @if (language()) {            @if (hasTranslations()) {                <button eclButton variant="tertiary" eclStyle="neutral"                    class="ecl-file__translation-toggle"                    type="button"                    [attr.aria-expanded]="isTranslationsExpanded()"                    [attr.aria-controls]="eclFileItems()?.id()"                    [attr.aria-label]="toggleAriaLabel() || language()"                    (click)="onTranslationToggleClick()">                    <span eclButtonLabel>                        <span class="ecl-file__language" [id]="langId()">{{ language() }}</span>                    </span>                    <ecl-icon icon="caret-down" iconSet="phosphor" size="fluid"></ecl-icon>                </button>            } @else {                <span class="ecl-file__language ecl-file__language--no-toggle" [id]="langId()">{{ language() }}</span>            }        }        <div class="ecl-file__action">            <ng-content select="[eclFilePreview]"></ng-content>            <ng-content select="[eclFileDownload]"></ng-content>        </div>    </footer></article><ng-content select="ecl-file-items"></ng-content><ng-content></ng-content></div>'
+    var COMPONENTS = [{'name': 'EclAccordionSummaryComponent', 'selector': 'summary[eclAccordionToggle]'},{'name': 'EclAddToCalendarComponent', 'selector': 'div[eclAddToCalendar]'},{'name': 'EclAnimatedNumbersComponent', 'selector': 'div[eclAnimatedNumbers]'},{'name': 'EclAnimatedNumbersItemComponent', 'selector': 'li[eclAnimatedNumbersItem]'},{'name': 'EclAppComponent', 'selector': 'ecl-app'},{'name': 'EclBannerComponent', 'selector': 'ecl-banner'},{'name': 'EclBlockquoteComponent', 'selector': '[eclBlockquote]'},{'name': 'EclBreadcrumbComponent', 'selector': 'ecl-breadcrumb, nav[eclBreadcrumb]'},{'name': 'EclBreadcrumbSegmentComponent', 'selector': 'li[eclBreadcrumbSegment]'},{'name': 'EclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EclCardBodyComponent', 'selector': 'ecl-card-body'},{'name': 'EclCardComponent', 'selector': 'ecl-card, article[eclCard]'},{'name': 'EclCarouselComponent', 'selector': 'ecl-carousel'},{'name': 'EclCarouselItemComponent', 'selector': 'ecl-carousel-item'},{'name': 'EclCategoryFilterComponent', 'selector': 'ecl-category-filter'},{'name': 'EclCategoryFilterItemComponent', 'selector': 'ecl-category-filter-item'},{'name': 'EclCategoryFilterListComponent', 'selector': 'ecl-category-filter-list'},{'name': 'EclCheckboxHelpComponent', 'selector': '[eclCheckboxHelp]'},{'name': 'EclCheckboxLabelComponent', 'selector': 'label[eclCheckboxLabel]'},{'name': 'EclContentBlockComponent', 'selector': 'ecl-content-block'},{'name': 'EclContentItemComponent', 'selector': 'ecl-content-item'},{'name': 'EclDateBlockComponent', 'selector': 'time[eclDateBlock]'},{'name': 'EclDescriptionListDefinitionComponent', 'selector': '[eclDescriptionListDefinition]'},{'name': 'EclExpandableComponent', 'selector': 'ecl-expandable'},{'name': 'EclFactFiguresComponent', 'selector': 'div[eclFactFigures], ecl-fact-figures'},{'name': 'EclFactFiguresItemComponent', 'selector': 'div[eclFactFiguresItem],ecl-fact-figures-item'},{'name': 'EclFactFiguresViewAllComponent', 'selector': 'ecl-fact-figures-view-all'},{'name': 'EclFeaturedComponent', 'selector': 'ecl-featured, article[eclFeatured]'},{'name': 'EclFeaturedItemComponent', 'selector': 'ecl-featured-item, div[eclFeaturedItem]'},{'name': 'EclFeaturedItemDescriptionComponent', 'selector': 'ecl-featured-item-description'},{'name': 'EclFileComponent', 'selector': 'ecl-file'},{'name': 'EclFileItemComponent', 'selector': 'ecl-file-item'},{'name': 'EclFileItemsComponent', 'selector': 'ecl-file-items'},{'name': 'EclFileListsComponent', 'selector': 'ecl-file-lists, ecl-file-taxonomy'},{'name': 'EclFormGroupComponent', 'selector': '[eclFormGroup], ecl-form-group'},{'name': 'EclFormLabelComponent', 'selector': '[eclFormLabel]'},{'name': 'EclGalleryComponent', 'selector': 'ecl-gallery'},{'name': 'EclGalleryFooterComponent', 'selector': 'ecl-gallery-footer'},{'name': 'EclGalleryItemComponent', 'selector': 'ecl-gallery-item'},{'name': 'EclHighlightBoxComponent', 'selector': 'article[eclHighlightBox]'},{'name': 'EclHighlightedSearchComponent', 'selector': 'ecl-highlighted-search'},{'name': 'EclIconComponent', 'selector': 'ecl-icon'},{'name': 'EclIndicatorComponent', 'selector': '[eclIndicator]'},{'name': 'EclIndicatorComponent', 'selector': '[eclIndicator]'},{'name': 'EclInpageNavigationComponent', 'selector': 'ecl-inpage-navigation'},{'name': 'EclInpageNavigationItemComponent', 'selector': 'li[eclInpageNavigationItem]'},{'name': 'EclLayoutWrapperComponent', 'selector': 'div[eclLayoutWrapper]'},{'name': 'EclListIllustrationComponent', 'selector': 'ecl-list-illustration, ul[eclListIllustration], ol[eclListIllustration]'},{'name': 'EclListIllustrationItemComponent', 'selector': 'ecl-list-illustration-item, li[eclListIllustrationItem]'},{'name': 'EclLoadingIndicatorComponent', 'selector': 'ecl-loading-indicator'},{'name': 'EclMediaContainerComponent', 'selector': 'ecl-media-container'},{'name': 'EclMegaMenuComponent', 'selector': 'nav[eclMegaMenu]'},{'name': 'EclMegaMenuFeaturedComponent', 'selector': 'div[eclMegaMenuFeatured]'},{'name': 'EclMegaMenuInfoComponent', 'selector': 'div[eclMegaMenuInfo]'},{'name': 'EclMegaMenuItemComponent', 'selector': 'li[eclMegaMenuItem]'},{'name': 'EclMegaMenuSubitemComponent', 'selector': 'li[eclMegaMenuSubitem]'},{'name': 'EclMenuComponent', 'selector': 'ecl-menu'},{'name': 'EclMenuItemComponent', 'selector': 'ecl-menu-item'},{'name': 'EclMenuMegaComponent', 'selector': 'ecl-menu-mega'},{'name': 'EclMenuMegaItemComponent', 'selector': 'ecl-menu-mega-item'},{'name': 'EclModalBodyComponent', 'selector': '[eclModalBody]'},{'name': 'EclModalComponent', 'selector': 'dialog[eclModal]'},{'name': 'EclModalFooterComponent', 'selector': '[eclModalFooter]'},{'name': 'EclModalHeaderComponent', 'selector': '[eclModalHeader]'},{'name': 'EclMultiselectComponent', 'selector': 'select[eclMultiselect]'},{'name': 'EclMultiselectDropdownComponent', 'selector': 'div[eclMultiselectDropdown]'},{'name': 'EclMultiselectInputComponent', 'selector': 'div[eclMultiselectInput]'},{'name': 'EclMultiselectOptgroupComponent', 'selector': 'fieldset[eclMultiselectOptgroup]'},{'name': 'EclMultiselectOptionComponent', 'selector': 'div[eclMultiselectOption]'},{'name': 'EclNavigationListComponent', 'selector': 'ecl-navigation-list'},{'name': 'EclNavigationListItemComponent', 'selector': 'ecl-navigation-list-item'},{'name': 'EclNewsTickerComponent', 'selector': 'ecl-news-ticker'},{'name': 'EclNewsTickerItemComponent', 'selector': 'ecl-news-ticker-item'},{'name': 'EclNotificationComponent', 'selector': 'ecl-notification'},{'name': 'EclPageHeaderComponent', 'selector': 'ecl-page-header'},{'name': 'EclPageHeaderDescriptionContainerComponent', 'selector': 'div[eclPageHeaderDescriptionContainer]'},{'name': 'EclPageHeaderExpandableComponent', 'selector': 'div[eclPageHeaderExpandable]'},{'name': 'EclPageHeaderNextComponent', 'selector': 'div[eclPageHeader]'},{'name': 'EclPageHeaderSectionComponent', 'selector': 'div[eclPageHeaderSection]'},{'name': 'EclPageHeaderSectionInfoComponent', 'selector': 'div[eclPageHeaderSectionInfo]'},{'name': 'EclPageSummaryComponent', 'selector': 'ecl-page-summary, section[eclPageSummary]'},{'name': 'EclPaginationComponent', 'selector': 'ecl-pagination'},{'name': 'EclPaginationItemComponent', 'selector': 'li[eclPaginationItem]'},{'name': 'EclPopoverComponent', 'selector': 'ecl-popover'},{'name': 'EclQuizCardComponent', 'selector': 'li[eclQuizCard]'},{'name': 'EclQuizComponent', 'selector': 'section[eclQuiz]'},{'name': 'EclRadioHelpComponent', 'selector': '[eclRadioHelp]'},{'name': 'EclRadioLabelComponent', 'selector': '[eclRadioLabel]'},{'name': 'EclRangeBubbleComponent', 'selector': 'ecl-range-bubble'},{'name': 'EclRangeValueComponent', 'selector': 'ecl-range-value'},{'name': 'EclRatingFieldComponent', 'selector': 'ecl-rating-field'},{'name': 'EclSearchFormComponent', 'selector': 'ecl-search-form'},{'name': 'EclSelectContainerComponent', 'selector': 'ecl-select-container'},{'name': 'EclSiteFooterComponent', 'selector': 'footer[eclSiteFooter], ecl-site-footer'},{'name': 'EclSiteFooterCoownerComponent', 'selector': 'div[eclSiteFooterCoowner]'},{'name': 'EclSiteFooterCoreComponent', 'selector': 'div[eclSiteFooterCore]'},{'name': 'EclSiteFooterFeedbackComponent', 'selector': 'div[eclSiteFooterFeedback]'},{'name': 'EclSiteFooterFixedContentEUComponent', 'selector': 'ecl-site-footer-fixed-content-eu'},{'name': 'EclSiteFooterRowCommonComponent', 'selector': 'div[eclSiteFooterRowCommon]'},{'name': 'EclSiteHeaderActionComponent', 'selector': 'ecl-site-header-action'},{'name': 'EclSiteHeaderBannerTopComponent', 'selector': 'ecl-site-header-banner-top'},{'name': 'EclSiteHeaderComponent', 'selector': 'ecl-site-header'},{'name': 'EclSiteHeaderCustomActionComponent', 'selector': 'div[eclSiteHeaderCustomAction]'},{'name': 'EclSiteHeaderEnvironmentComponent', 'selector': '[eclSiteHeaderEnvironment]'},{'name': 'EclSiteHeaderLanguageComponent', 'selector': 'ecl-site-header-language'},{'name': 'EclSiteHeaderLanguagePopoverComponent', 'selector': 'ecl-site-header-language-popover'},{'name': 'EclSiteHeaderLoginComponent', 'selector': 'ecl-site-header-login'},{'name': 'EclSiteHeaderNotificationComponent', 'selector': 'ecl-site-header-notification'},{'name': 'EclSiteHeaderSearchComponent', 'selector': 'ecl-site-header-search'},{'name': 'EclSloganTickerComponent', 'selector': 'ecl-slogan-ticker'},{'name': 'EclSocialMediaFollowComponent', 'selector': 'ecl-social-media-follow'},{'name': 'EclSocialMediaFollowItemComponent', 'selector': 'ecl-social-media-follow-item'},{'name': 'EclSplashPageComponent', 'selector': 'div[eclSplashPage]'},{'name': 'EclSplashPageLanguageCategoryComponent', 'selector': 'div[eclSplashPageLanguageCategory]'},{'name': 'EclSplashPageLanguageContainerComponent', 'selector': '[eclSplashPageLanguageContainer]'},{'name': 'EclSplashPageLanguageLinkComponent', 'selector': 'a[eclSplashPageLanguageLink]'},{'name': 'EclSpotlightComponent', 'selector': 'section[eclSpotlight]'},{'name': 'EclSpotlightLinkComponent', 'selector': 'a[eclSpotlightLink]'},{'name': 'EclStickyContainerComponent', 'selector': 'ecl-sticky-container'},{'name': 'EclStoryCardComponent', 'selector': 'section[eclStoryCard]'},{'name': 'EclStoryCardGridDetailsComponent', 'selector': '[eclStoryCardGridDetails]'},{'name': 'EclStoryCardItemComponent', 'selector': 'li[eclStoryCardItem]'},{'name': 'EclTabComponent', 'selector': 'div[eclTab]'},{'name': 'EclTabLabelComponent', 'selector': 'ecl-tab-label'},{'name': 'EclTableSortButtonComponent', 'selector': 'button[eclTableSortButton]'},{'name': 'EclTabsComponent', 'selector': 'div[eclTabs]'},{'name': 'EclTagComponent', 'selector': 'ecl-tag, [eclTag]'},{'name': 'EclTextMediaComponent', 'selector': 'article[eclTextMedia]'},{'name': 'EclTimelineComponent', 'selector': 'ecl-timeline, ol[eclTimeline]'},{'name': 'EclTimelineItemComponent', 'selector': 'ecl-timeline-item, li[eclTimelineItem]'},{'name': 'EclTimelineItemTogglerComponent', 'selector': 'ecl-timeline-item-toggler, li[eclTimelineItemToggler]'}];
+    var DIRECTIVES = [{'name': 'EclAccordionContentDirective', 'selector': 'div[eclAccordionContent]'},{'name': 'EclAccordionDirective', 'selector': 'div[eclAccordion]'},{'name': 'EclAccordionItemDirective', 'selector': 'details[eclAccordionItem]'},{'name': 'EclAccordionToggleIconDirective', 'selector': '[eclAccordionToggleIcon]'},{'name': 'EclAddToCalendarActionDirective', 'selector': 'div[eclAddToCalendarAction]'},{'name': 'EclAnimatedNumbersIconDirective', 'selector': '[eclAnimatedNumbersIcon]'},{'name': 'EclAnimatedNumbersItemsDirective', 'selector': 'ul[eclAnimatedNumbersItems]'},{'name': 'EclAnimatedNumbersSourceDirective', 'selector': 'a[eclAnimatedNumbersSource]'},{'name': 'EclAnimatedNumbersSourcesItemDirective', 'selector': 'li[eclAnimatedNumbersSourcesItem]'},{'name': 'EclAnimatedNumbersSourcesListDirective', 'selector': 'ul[eclAnimatedNumbersSourcesList]'},{'name': 'EclBannerDescriptionDirective', 'selector': '[eclBannerDescription]'},{'name': 'EclBannerDescriptionLinkDirective', 'selector': '[eclBannerDescriptionLink]'},{'name': 'EclBannerDescriptionTextDirective', 'selector': '[eclBannerDescriptionText]'},{'name': 'EclBannerImageDirective', 'selector': 'img[eclBannerImage]'},{'name': 'EclBannerPictureDirective', 'selector': 'picture[eclBannerPicture]'},{'name': 'EclBannerTitleDirective', 'selector': '[eclBannerTitle]'},{'name': 'EclBannerTitleLinkDirective', 'selector': '[eclBannerTitleLink]'},{'name': 'EclBannerTitleTextDirective', 'selector': '[eclBannerTitleText]'},{'name': 'EclBannerVideoDirective', 'selector': 'video[eclBannerVideo]'},{'name': 'ECLBaseDirective', 'selector': '[eclBase]'},{'name': 'EclBlockquoteImageDirective', 'selector': 'img[eclBlockquoteImage]'},{'name': 'EclBlockquotePictureDirective', 'selector': 'picture[eclBlockquotePicture]'},{'name': 'EclBreadcrumbContainerDirective', 'selector': '[eclBreadcrumbContainer]'},{'name': 'EclButtonIconContainerDirective', 'selector': '[eclButtonIconContainer]'},{'name': 'EclButtonLabelDirective', 'selector': '[eclButtonLabel]'},{'name': 'EclCardImageDirective', 'selector': 'img[eclCardImage]'},{'name': 'EclCardPictureDirective', 'selector': 'picture[eclCardPicture]'},{'name': 'EclCheckboxDirective', 'selector': '[eclCheckbox]'},{'name': 'EclCheckboxInputDirective', 'selector': 'input[eclCheckboxInput]'},{'name': 'ECLClickOutsideDirective', 'selector': '[eclClickOutside]'},{'name': 'EclContainerDirective', 'selector': '[eclContainer]'},{'name': 'EclContentBlockDescriptionDirective', 'selector': '[eclContentBlockDescription]'},{'name': 'EclContentBlockLabelDirective', 'selector': '[eclContentBlockLabel]'},{'name': 'EclContentBlockLabelsDirective', 'selector': '[eclContentBlockLabels]'},{'name': 'EclContentBlockLinkDirective', 'selector': '[eclContentBlockLink]'},{'name': 'EclContentBlockLinksContainerDirective', 'selector': '[eclContentBlockLinksContainer]'},{'name': 'EclContentBlockLinksDirective', 'selector': '[eclContentBlockLinks]'},{'name': 'EclContentBlockListContainerDirective', 'selector': '[eclContentBlockListContainer]'},{'name': 'EclContentBlockListDirective', 'selector': '[eclContentBlockList]'},{'name': 'EclContentBlockPrimaryMetaDirective', 'selector': '[eclContentBlockPrimaryMeta]'},{'name': 'EclContentBlockPrimaryMetasDirective', 'selector': '[eclContentBlockPrimaryMetas]'},{'name': 'EclContentBlockSecondaryMetaDirective', 'selector': '[eclContentBlockSecondaryMeta]'},{'name': 'EclContentBlockSecondaryMetaIconDirective', 'selector': '[eclContentBlockSecondaryMetaIcon]'},{'name': 'EclContentBlockSecondaryMetaLabelDirective', 'selector': '[eclContentBlockSecondaryMetaLabel]'},{'name': 'EclContentBlockSecondaryMetasDirective', 'selector': '[eclContentBlockSecondaryMetas]'},{'name': 'EclContentBlockTagDirective', 'selector': '[eclContentBlockTag]'},{'name': 'EclContentBlockTagsDirective', 'selector': '[eclContentBlockTags]'},{'name': 'EclContentBlockTitleDirective', 'selector': '[eclContentBlockTitle]'},{'name': 'EclContentItemImageDirective', 'selector': '[eclContentItemImage]'},{'name': 'EclContentItemPictureDirective', 'selector': '[eclContentItemPicture]'},{'name': 'EclDatePickerDirective', 'selector': 'input[eclDatePicker]'},{'name': 'EclDatePickerDuetDirective', 'selector': 'duet-date-picker[eclDatePicker]'},{'name': 'EclDescriptionListDefinitionItemDirective', 'selector': '[eclDescriptionListDefinitionItem]'},{'name': 'EclDescriptionListDefinitionListDirective', 'selector': '[eclDescriptionListDefinitionList]'},{'name': 'EclDescriptionListDirective', 'selector': '[eclDescriptionList]'},{'name': 'EclDescriptionListTermDirective', 'selector': '[eclDescriptionListTerm]'},{'name': 'EclDividerDirective', 'selector': 'hr[eclDivider]'},{'name': 'EclFactFiguresDescriptionDirective', 'selector': 'div[eclFactFiguresDescription]'},{'name': 'EclFactFiguresSourceDirective', 'selector': 'a[eclFactFiguresSource]'},{'name': 'EclFactFiguresSourcesItemDirective', 'selector': 'li[eclFactFiguresSourcesItem]'},{'name': 'EclFactFiguresSourcesListDirective', 'selector': 'ul[eclFactFiguresSourcesList]'},{'name': 'EclFeaturedItemLinkDirective', 'selector': '[eclFeaturedItemLink]'},{'name': 'EclFeaturedMediaAnchorDirective', 'selector': '[eclFeaturedMediaAnchor]'},{'name': 'EclFeedbackHiddenDirective', 'selector': '[eclFeedbackHidden]'},{'name': 'EclFeedbackMessageDirective', 'selector': '[eclFeedbackMessage]'},{'name': 'EclFileDownloadDirective', 'selector': '[eclFileDownload]'},{'name': 'EclFileImageDirective', 'selector': 'img[eclFileImage]'},{'name': 'EclFileMetaDirective', 'selector': '[eclFileMeta]'},{'name': 'EclFilePictureDirective', 'selector': 'picture[eclFilePicture]'},{'name': 'EclFilePreviewDirective', 'selector': '[eclFilePreview]'},{'name': 'EclFileTitleDirective', 'selector': '[eclFileTitle]'},{'name': 'EclFileTranslationDownloadDirective', 'selector': '[eclFileTranslationDownload]'},{'name': 'EclFileUploadDirective', 'selector': '[eclFileUpload]'},{'name': 'ECLFormLabelOptionalDirective', 'selector': '[eclFormLabelOptional]'},{'name': 'EclGalleryMediaDirective', 'selector': '[eclGalleryMedia], [eclGalleryImage]'},{'name': 'EclGalleryPictureDirective', 'selector': 'picture[eclGalleryPicture]'},{'name': 'EclGalleryThumbnailDirective', 'selector': 'picture[eclGalleryThumbnail]'},{'name': 'EclHelpBlockDirective', 'selector': '[eclHelpBlock]'},{'name': 'EclHelpHiddenDirective', 'selector': '[eclHelpHidden]'},{'name': 'EclHiddenDirective', 'selector': '[eclHidden]'},{'name': 'EclHighlightBoxDescriptionDirective', 'selector': '[eclHighlightBoxDescription]'},{'name': 'EclHighlightBoxIconDirective', 'selector': 'ecl-icon[eclHighlightBoxIcon]'},{'name': 'EclHighlightBoxLinkDirective', 'selector': 'a[eclHighlightBoxLink]'},{'name': 'EclHighlightBoxTitleDirective', 'selector': '[eclHighlightBoxTitle]'},{'name': 'EclHighlightedSearchSuggestionsDirective', 'selector': '[eclHighlightedSearchSuggestions]'},{'name': 'EclIndicatorLabelDirective', 'selector': '[eclIndicatorLabel]'},{'name': 'EclIndicatorLabelDirective', 'selector': '[eclIndicatorLabel]'},{'name': 'EclInpageNavigationListDirective', 'selector': 'ul[eclInpageNavigationList]'},{'name': 'EclLabelDirective', 'selector': '[eclLabel]'},{'name': 'EclLayoutItemDirective', 'selector': '[eclLayoutItem]'},{'name': 'EclLayoutWrapperDescriptionDirective', 'selector': '[eclLayoutWrapperDescription]'},{'name': 'EclLayoutWrapperTitleDirective', 'selector': '[eclLayoutWrapperTitle]'},{'name': 'EclLayoutWrapperViewAllDirective', 'selector': '[eclLayoutWrapperViewAll]'},{'name': 'EclLinkDirective', 'selector': '[eclLink]'},{'name': 'EclLinkIconContainerDirective', 'selector': '[eclLinkIconContainer]'},{'name': 'EclLinkLabelDirective', 'selector': '[eclLinkLabel]'},{'name': 'EclListIllustrationIconDirective', 'selector': '[eclListIllustrationIcon]'},{'name': 'EclListIllustrationImageDirective', 'selector': 'img[eclListIllustrationImage]'},{'name': 'EclListIllustrationPictureDirective', 'selector': 'picture[eclListIllustrationPicture]'},{'name': 'EclLoadingIndicatorLabelDirective', 'selector': '[eclLoadingIndicatorLabel]'},{'name': 'EclLoadingIndicatorOverlayDirective', 'selector': '[eclLoadingIndicatorOverlay]'},{'name': 'EclMediaContainerCaptionDirective', 'selector': 'figcaption[eclMediaContainerCaption]'},{'name': 'EclMediaContainerCreditDirective', 'selector': 'footer[eclMediaContainerCredit]'},{'name': 'EclMediaContainerIframeDirective', 'selector': 'iframe[eclMediaContainerIframe]'},{'name': 'EclMediaContainerItemAudioDescriptionDirective', 'selector': '[eclMediaContainerItemAudioDescription]'},{'name': 'EclMediaContainerItemDirective', 'selector': '[eclMediaContainerItem], img[eclMediaContainerImage]'},{'name': 'EclMediaContainerPictureDirective', 'selector': 'picture[eclMediaContainerPicture]'},{'name': 'EclMegaMenuContainerDirective', 'selector': 'div[eclMegaMenuContainer]'},{'name': 'EclMegaMenuFeaturedImageDirective', 'selector': '[eclMegaMenuFeaturedImage]'},{'name': 'EclMegaMenuFeaturedListDirective', 'selector': '[eclMegaMenuFeaturedList]'},{'name': 'EclMegaMenuFeaturedListItemDescriptionDirective', 'selector': '[eclMegaMenuFeaturedListItemDescription]'},{'name': 'EclMegaMenuFeaturedListItemDirective', 'selector': '[eclMegaMenuFeaturedListItem]'},{'name': 'EclMegaMenuFeaturedPictureDirective', 'selector': '[eclMegaMenuFeaturedPicture]'},{'name': 'EclMegaMenuListDirective', 'selector': 'ul[eclMegaMenuList]'},{'name': 'EclMegaMenuSpacerDirective', 'selector': 'li[eclMegaMenuSpacer]'},{'name': 'EclMegaMenuSublistDirective', 'selector': 'ul[eclMegaMenuSublist]'},{'name': 'EclModalBodyFixedContentDirective', 'selector': '[eclModalBodyFixedContent]'},{'name': 'EclModalCloseDirective', 'selector': '[eclModalClose]'},{'name': 'EclModalTriggerDirective', 'selector': '[eclModalTriggerFor]'},{'name': 'EclMultiselectOptionDirective', 'selector': 'optgroup[eclMultiselectOptgroup], option[eclMultiselectOption]'},{'name': 'EclNavigationListImageDirective', 'selector': 'img[eclNavigationListImage]'},{'name': 'EclNavigationListPictureDirective', 'selector': 'picture[eclNavigationListPicture]'},{'name': 'EclNewsTickerIconDirective', 'selector': '[eclNewsTickerIcon]'},{'name': 'EclNotificationIconDirective', 'selector': '[eclNotificationIcon]'},{'name': 'EclNotificationLinkDirective', 'selector': '[eclNotificationLink]'},{'name': 'EclNotificationTitleDirective', 'selector': '[eclNotificationTitle]'},{'name': 'EclOrderedListDirective', 'selector': '[eclOrderedList]'},{'name': 'EclOrderedListItemDirective', 'selector': '[eclOrderedListItem]'},{'name': 'EclPageHeaderBackgroundImageDirective', 'selector': '[eclPageHeaderBackgroundImage]'},{'name': 'EclPageHeaderBackgroundPictureDirective', 'selector': '[eclPageHeaderBackgroundPicture]'},{'name': 'EclPageHeaderContainerDirective', 'selector': '[eclPageHeaderContainer]'},{'name': 'EclPageHeaderDescriptionDirective', 'selector': 'p[eclPageHeaderDescription]'},{'name': 'EclPageHeaderDescriptionPictureDirective', 'selector': '[eclPageHeaderDescriptionPicture]'},{'name': 'EclPageHeaderDescriptionThumbnailDirective', 'selector': '[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage]'},{'name': 'EclPageHeaderExpandableHeaderDirective', 'selector': '[eclPageHeaderExpandableHeader]'},{'name': 'EclPageHeaderInfoDirective', 'selector': '[eclPageHeaderInfo]'},{'name': 'EclPageHeaderMetaDirective', 'selector': '[eclPageHeaderMeta]'},{'name': 'EclPageHeaderMetaItemDirective', 'selector': '[eclPageHeaderMetaItem]'},{'name': 'EclPageHeaderTitleDirective', 'selector': '[eclPageHeaderTitle]'},{'name': 'EclPageInformationDirective', 'selector': '[eclPageInformation]'},{'name': 'EclPaginationListDirective', 'selector': '[eclPaginationList]'},{'name': 'EclPopoverContentDirective', 'selector': '[eclPopoverContent]'},{'name': 'EclPopoverToggleDirective', 'selector': '[eclPopoverToggle]'},{'name': 'EclQuizListDirective', 'selector': 'ol[eclQuizList]'},{'name': 'EclRadioDirective', 'selector': '[eclRadio]'},{'name': 'EclRadioInputDirective', 'selector': 'input[eclRadioInput]'},{'name': 'EclRangeDirective', 'selector': 'input[eclRange]'},{'name': 'EclSelectDirective', 'selector': 'select[eclSelect]'},{'name': 'EclSiteFooterActionButtonDirective', 'selector': 'a[eclSiteFooterActionButton]'},{'name': 'EclSiteFooterColumnDirective', 'selector': '[eclSiteFooterColumn]'},{'name': 'EclSiteFooterCoownerItemDirective', 'selector': '[eclSiteFooterCoownerItem]'},{'name': 'EclSiteFooterCoownerListDirective', 'selector': '[eclSiteFooterCoownerList]'},{'name': 'EclSiteFooterDescriptionDirective', 'selector': '[eclSiteFooterDescription]'},{'name': 'EclSiteFooterDescriptionNameDirective', 'selector': '[eclSiteFooterDescriptionName]'},{'name': 'EclSiteFooterLinkDirective', 'selector': '[eclSiteFooterLink]'},{'name': 'EclSiteFooterListDirective', 'selector': '[eclSiteFooterList]'},{'name': 'EclSiteFooterListItemDirective', 'selector': '[eclSiteFooterListItem]'},{'name': 'EclSiteFooterLogoImageDirective', 'selector': 'img[eclSiteFooterLogoImage]'},{'name': 'EclSiteFooterLogoLinkDirective', 'selector': '[eclSiteFooterLogoLink]'},{'name': 'EclSiteFooterPictureDirective', 'selector': 'picture[eclSiteFooterPicture]'},{'name': 'EclSiteFooterRowDirective', 'selector': '[eclSiteFooterRow]'},{'name': 'EclSiteFooterSectionDirective', 'selector': '[eclSiteFooterSection]'},{'name': 'EclSiteFooterSocialMediaDirective', 'selector': '[eclSiteFooterSocialMedia]'},{'name': 'EclSiteFooterTitleDirective', 'selector': '[eclSiteFooterTitle]'},{'name': 'EclSiteFooterTitleLinkDirective', 'selector': '[eclSiteFooterTitleLink]'},{'name': 'EclSiteHeaderCtaDirective', 'selector': '[eclSiteHeaderCta]'},{'name': 'EclSiteHeaderCustomActionContentDirective', 'selector': 'div[eclSiteHeaderCustomActionContent]'},{'name': 'EclSiteHeaderCustomActionLinkDirective', 'selector': 'a[eclSiteHeaderCustomActionLink]'},{'name': 'EclSiteHeaderCustomActionTitleDirective', 'selector': 'div[eclSiteHeaderCustomActionTitle]'},{'name': 'EclSiteHeaderImageDirective', 'selector': '[eclSiteHeaderImage]'},{'name': 'EclSiteHeaderLinkDirective', 'selector': '[eclSiteHeaderLink]'},{'name': 'EclSiteHeaderLoginDescriptionDirective', 'selector': '[eclSiteHeaderLoginDescription]'},{'name': 'EclSiteHeaderLoginSeparatorDirective', 'selector': '[eclSiteHeaderLoginSeparator]'},{'name': 'EclSiteHeaderPictureDirective', 'selector': '[eclSiteHeaderPicture]'},{'name': 'EclSloganTickerListDirective', 'selector': 'ul[eclSloganTickerList]'},{'name': 'EclSloganTickerSlideDirective', 'selector': 'li[eclSloganTickerSlide]'},{'name': 'EclSocialMediaFollowLinkDirective', 'selector': '[eclSocialMediaFollowLink]'},{'name': 'EclSplashPageLanguageItemDirective', 'selector': '[eclSplashPageLanguageItem]'},{'name': 'EclSplashPageLanguageListDirective', 'selector': '[eclSplashPageLanguageList]'},{'name': 'EclSplashPageLogoImageDirective', 'selector': 'img[eclSplashPageLogoImage]'},{'name': 'EclSplashPageLogoLinkDirective', 'selector': 'img[eclSplashPageLogoLink]'},{'name': 'EclSplashPagePictureDirective', 'selector': 'picture[eclSplashPagePicture]'},{'name': 'EclSpotlightImageDirective', 'selector': 'img[eclSpotlightImage]'},{'name': 'EclSpotlightPictureDirective', 'selector': 'picture[eclSpotlightPicture]'},{'name': 'EclStoryCardLinkDirective', 'selector': '[eclStoryCardLink]'},{'name': 'EclStoryCardListDirective', 'selector': 'ul[eclStoryCardList]'},{'name': 'EclStoryCardPictureDirective', 'selector': 'picture[eclStoryCardPicture]'},{'name': 'EclTableBodyDirective', 'selector': '[eclTableBody]'},{'name': 'EclTableCaptionDirective', 'selector': 'caption[eclTableCaption]'},{'name': 'EclTableCellDirective', 'selector': '[eclTableCell]'},{'name': 'EclTableCellGroupDirective', 'selector': '[eclTableCellGroup]'},{'name': 'EclTableDirective', 'selector': '[eclTable]'},{'name': 'EclTableHeadDirective', 'selector': '[eclTableHead]'},{'name': 'EclTableHeaderDirective', 'selector': '[eclTableHeader]'},{'name': 'EclTableResponsiveDirective', 'selector': '[eclTableResponsive]'},{'name': 'EclTableRowDirective', 'selector': '[eclTableRow]'},{'name': 'EclTagIconExternalDirective', 'selector': '[eclTagIconExternal]'},{'name': 'EclTagSetDirective', 'selector': '[eclTagSet]'},{'name': 'EclTagSetItemDirective', 'selector': '[eclTagSetItem]'},{'name': 'EclTextAreaDirective', 'selector': 'textarea[eclTextArea]'},{'name': 'EclTextInputDirective', 'selector': 'input[eclTextInput]'},{'name': 'EclTextMediaContainerDirective', 'selector': 'ecl-media-container[eclTextMediaContainer]'},{'name': 'EclTextMediaDescriptionDirective', 'selector': 'div[eclTextMediaDescription]'},{'name': 'EclTextMediaLinkDirective', 'selector': 'a[eclTextMediaLink]'},{'name': 'EclTextMediaMediaAnchorDirective', 'selector': 'img[eclTextMediaImgAnchor]'},{'name': 'EclTextMediaMicroTitleDirective', 'selector': 'div[eclTextMediaMicroTitle]'},{'name': 'EclTextMediaTitleDirective', 'selector': 'div[eclTextMediaTitle]'},{'name': 'EclTimelineItemLabelDirective', 'selector': '[eclTimelineItemLabel]'},{'name': 'EclTimelineItemTitleDirective', 'selector': '[eclTimelineItemTitle]'},{'name': 'EclTimelineSetDirective', 'selector': '[eclTimelineSet]'},{'name': 'EclTooltipDirective', 'selector': '[eclTooltip]'},{'name': 'EclUnorderedListDirective', 'selector': '[eclUnorderedList]'},{'name': 'EclUnorderedListItemDirective', 'selector': '[eclUnorderedListItem]'}];
     var ACTUAL_COMPONENT = {'name': 'EclFileComponent'};
 </script>
 <script src="../js/tree.js"></script>