@eui/ecl 15.0.0-rc.2 → 15.0.0-rc.4

package/docs/miscellaneous/enumerations.html

@@ -64,6 +64,9 @@
                         <li>
                             <a href="#ColTrigger" title="packages/eui/packages/ecl/src/lib/components/ecl-menu/ecl-menu/ecl-menu-item.component.ts" ><b>ColTrigger</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-menu-item.component.ts)</a>
                         </li>
+                        <li>
+                            <a href="#KEY_CODE" title="packages/eui/packages/ecl/src/lib/components/ecl-multiselect/ecl-multiselect.component.ts" ><b>KEY_CODE</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-multiselect.component.ts)</a>
+                        </li>
                         <li>
                             <a href="#SortOrder" title="packages/eui/packages/ecl/src/lib/components/ecl-table/ecl-table.directive.ts" ><b>SortOrder</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-table.directive.ts)</a>
                         </li>
@@ -116,6 +119,39 @@
                         </tr>
             </tbody>
         </table>
+</section>
+    <h3>packages/eui/packages/ecl/src/lib/components/ecl-multiselect/ecl-multiselect.component.ts</h3>
+    <section>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="KEY_CODE"></a>
+                        <span class="name "><b>KEY_CODE</b><a href="#KEY_CODE"><span class="icon ion-ios-link"></span></a></span>
+                    </td>
+                </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                &nbsp;RIGHT_ARROW
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Value : </i><code>39</code>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                &nbsp;LEFT_ARROW
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Value : </i><code>37</code>
+                            </td>
+                        </tr>
+            </tbody>
+        </table>
 </section>
     <h3>packages/eui/packages/ecl/src/lib/components/ecl-table/ecl-table.directive.ts</h3>
     <section>

package/docs/miscellaneous/variables.html

@@ -67,6 +67,9 @@
                         <li>
                             <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-card/ecl-card.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-card.module.ts)</a>
                         </li>
+                        <li>
+                            <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-carousel/ecl-carousel.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-carousel.module.ts)</a>
+                        </li>
                         <li>
                             <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-content-block/ecl-content-block.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-content-block.module.ts)</a>
                         </li>
@@ -88,6 +91,9 @@
                         <li>
                             <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-page-header/ecl-page-header.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-page-header.module.ts)</a>
                         </li>
+                        <li>
+                            <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-rating-field/ecl-rating-field.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-rating-field.module.ts)</a>
+                        </li>
                         <li>
                             <a href="#COMPONENTS" title="packages/eui/packages/ecl/src/lib/components/ecl-site-footer/ecl-site-footer.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-site-footer.module.ts)</a>
                         </li>
@@ -100,6 +106,9 @@
                         <li>
                             <a href="#ECL_DATE_PICKER_VALUE_ACCESSOR" title="packages/eui/packages/ecl/src/lib/components/ecl-date-picker/ecl-date-picker.directive.ts" ><b>ECL_DATE_PICKER_VALUE_ACCESSOR</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-date-picker.directive.ts)</a>
                         </li>
+                        <li>
+                            <a href="#ECL_RATINGFIELD_VALUE_ACCESSOR" title="packages/eui/packages/ecl/src/lib/components/ecl-rating-field/ecl-rating-field.component.ts" ><b>ECL_RATINGFIELD_VALUE_ACCESSOR</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-rating-field.component.ts)</a>
+                        </li>
                         <li>
                             <a href="#ECL_SEARCH_FORM_VALUE_ACCESSOR" title="packages/eui/packages/ecl/src/lib/components/ecl-search-form/ecl-search-form.component.ts" ><b>ECL_SEARCH_FORM_VALUE_ACCESSOR</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-search-form.component.ts)</a>
                         </li>
@@ -115,6 +124,9 @@
                         <li>
                             <a href="#noop" title="packages/eui/packages/ecl/src/lib/components/ecl-date-picker/ecl-date-picker.directive.ts" ><b>noop</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-date-picker.directive.ts)</a>
                         </li>
+                        <li>
+                            <a href="#noop" title="packages/eui/packages/ecl/src/lib/components/ecl-rating-field/ecl-rating-field.component.ts" ><b>noop</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-rating-field.component.ts)</a>
+                        </li>
                         <li>
                             <a href="#noop" title="packages/eui/packages/ecl/src/lib/components/ecl-search-form/ecl-search-form.component.ts" ><b>noop</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-search-form.component.ts)</a>
                         </li>
@@ -193,6 +205,38 @@
                 </tr>
 
 
+        </tbody>
+    </table>
+</section>
+    <h3>packages/eui/packages/ecl/src/lib/components/ecl-carousel/ecl-carousel.module.ts</h3>
+    <section>
+    <h3></h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="COMPONENTS"></a>
+                    <span class="name">
+                        <span ><b>COMPONENTS</b></span>
+                        <a href="#COMPONENTS"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>[]</code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>[
+    EclCarouselComponent,
+    EclCarouselItemComponent
+]</code>
+                    </td>
+                </tr>
+
+
         </tbody>
     </table>
 </section>
@@ -454,6 +498,37 @@
                 </tr>
 
 
+        </tbody>
+    </table>
+</section>
+    <h3>packages/eui/packages/ecl/src/lib/components/ecl-rating-field/ecl-rating-field.module.ts</h3>
+    <section>
+    <h3></h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="COMPONENTS"></a>
+                    <span class="name">
+                        <span ><b>COMPONENTS</b></span>
+                        <a href="#COMPONENTS"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>[]</code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>[
+    EclRatingFieldComponent
+]</code>
+                    </td>
+                </tr>
+
+
         </tbody>
     </table>
 </section>
@@ -669,6 +744,59 @@
                 </tr>
 
 
+        </tbody>
+    </table>
+</section>
+    <h3>packages/eui/packages/ecl/src/lib/components/ecl-rating-field/ecl-rating-field.component.ts</h3>
+    <section>
+    <h3></h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="ECL_RATINGFIELD_VALUE_ACCESSOR"></a>
+                    <span class="name">
+                        <span ><b>ECL_RATINGFIELD_VALUE_ACCESSOR</b></span>
+                        <a href="#ECL_RATINGFIELD_VALUE_ACCESSOR"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() &#x3D;&gt; EclRatingFieldComponent),
+    multi: true,
+}</code>
+                    </td>
+                </tr>
+
+
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="noop"></a>
+                    <span class="name">
+                        <span ><b>noop</b></span>
+                        <a href="#noop"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>() &#x3D;&gt; { }</code>
+                    </td>
+                </tr>
+
+
         </tbody>
     </table>
 </section>
@@ -855,6 +983,7 @@
     EclPageHeaderComponentModule,
     EclPaginationComponentModule,
     EclRadioDirectiveModule,
+    EclRatingFieldComponentModule,
     EclSearchFormComponentModule,
     EclSelectDirectiveModule,
     EclSiteFooterComponentModule,

package/docs/modules/EclAllModule.html

@@ -231,6 +231,9 @@
                         <li class="list-group-item">
                             <a href="../modules/EclRadioDirectiveModule.html">EclRadioDirectiveModule</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EclRatingFieldComponentModule.html">EclRatingFieldComponentModule</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EclSearchFormComponentModule.html">EclSearchFormComponentModule</a>
                         </li>
@@ -453,6 +456,9 @@
                         <li class="list-group-item">
                             <a href="../directives/EclRadioDirectiveModule.html">EclRadioDirectiveModule</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../components/EclRatingFieldComponentModule.html">EclRatingFieldComponentModule</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../components/EclSearchFormComponentModule.html">EclSearchFormComponentModule</a>
                         </li>

package/docs/modules/EclCarouselComponentModule.html

@@ -67,7 +67,10 @@
                             title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EclCarouselComponent.html">EclCarouselComponent</a>
+                            <a href="../components/EclBreadcrumbComponent.html">EclBreadcrumbComponent</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../components/EclBreadcrumbSegmentComponent.html">EclBreadcrumbSegmentComponent</a>
                         </li>
                     </ul>
                 </div>
@@ -76,7 +79,10 @@
                                 class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EclCarouselComponent.html">EclCarouselComponent</a>
+                            <a href="../components/EclBreadcrumbComponent.html">EclBreadcrumbComponent</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../components/EclBreadcrumbSegmentComponent.html">EclBreadcrumbSegmentComponent</a>
                         </li>
                     </ul>
                 </div>

package/docs/modules/EclRatingFieldComponentModule.html

@@ -0,0 +1,172 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>csdr documentation</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
+	   <link rel="stylesheet" href="../styles/style.css">
+        <link rel="stylesheet" href="../styles/dark.css">
+        <link rel="stylesheet" href="../styles/material.css">
+    </head>
+    <body>
+
+        <div class="navbar navbar-default navbar-fixed-top visible-xs">
+            <a href="../" class="navbar-brand">csdr documentation</a>
+            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
+        </div>
+
+        <div class="xs-menu menu" id="mobile-menu">
+                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
+        </div>
+
+        <div class="container-fluid main">
+           <div class="row main">
+               <div class="hidden-xs menu">
+                   <compodoc-menu mode="normal"></compodoc-menu>
+               </div>
+               <!-- START CONTENT -->
+               <div class="content module">
+                   <div class="content-data">
+
+
+
+<ol class="breadcrumb">
+    <li>Modules</li>
+    <li >EclRatingFieldComponentModule</li>
+</ol>
+
+
+<ul class="nav nav-tabs" role="tablist">
+    <li  class="active" >
+        <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
+    </li>
+</ul>
+
+<div class="tab-content">
+    <div class="tab-pane fade active in" id="c-info">
+
+        <p class="comment">
+            <h3>File</h3>
+        </p>
+        <p class="comment">
+            <code>packages/eui/packages/ecl/src/lib/components/ecl-rating-field/ecl-rating-field.module.ts</code>
+        </p>
+
+
+
+
+
+        <div class="container-fluid module">
+            <div class="row">
+                <div class="col-sm-3">
+                    <h3>Declarations<a href="https://angular.io/api/core/NgModule#declarations" target="_blank"
+                            title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
+                    <ul class="list-group">
+                        <li class="list-group-item">
+                            <a href="../components/EclBreadcrumbComponent.html">EclBreadcrumbComponent</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../components/EclBreadcrumbSegmentComponent.html">EclBreadcrumbSegmentComponent</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="col-sm-3">
+                    <h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" title="Official documentation about module exports"><span
+                                class="icon ion-ios-information-circle-outline"></a></h3>
+                    <ul class="list-group">
+                        <li class="list-group-item">
+                            <a href="../components/EclBreadcrumbComponent.html">EclBreadcrumbComponent</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../components/EclBreadcrumbSegmentComponent.html">EclBreadcrumbSegmentComponent</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+
+
+    </div>
+
+
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+                   </div><div class="search-results">
+    <div class="has-results">
+        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
+        <ul class="search-results-list"></ul>
+    </div>
+    <div class="no-results">
+        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
+    </div>
+</div>
+</div>
+               <!-- END CONTENT -->
+           </div>
+       </div>
+
+          <label class="dark-mode-switch">
+               <input type="checkbox">
+               <span class="slider">
+                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
+                    </svg>
+               </span>
+          </label>
+
+       <script>
+            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
+            var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
+            var COMPODOC_CURRENT_PAGE_URL = 'EclRatingFieldComponentModule.html';
+            var MAX_SEARCH_RESULTS = 15;
+       </script>
+
+       <script src="../js/libs/custom-elements.min.js"></script>
+       <script src="../js/libs/lit-html.js"></script>
+
+       <script src="../js/menu-wc.js" defer></script>
+       <script nomodule src="../js/menu-wc_es5.js" defer></script>
+
+       <script src="../js/libs/bootstrap-native.js"></script>
+
+       <script src="../js/libs/es6-shim.min.js"></script>
+       <script src="../js/libs/EventDispatcher.js"></script>
+       <script src="../js/libs/promise.min.js"></script>
+       <script src="../js/libs/zepto.min.js"></script>
+
+       <script src="../js/compodoc.js"></script>
+
+       <script src="../js/tabs.js"></script>
+       <script src="../js/menu.js"></script>
+       <script src="../js/libs/clipboard.min.js"></script>
+       <script src="../js/libs/prism.js"></script>
+       <script src="../js/sourceCode.js"></script>
+          <script src="../js/search/search.js"></script>
+          <script src="../js/search/lunr.min.js"></script>
+          <script src="../js/search/search-lunr.js"></script>
+          <script src="../js/search/search_index.js"></script>
+       <script src="../js/lazy-load-graphs.js"></script>
+
+
+    </body>
+</html>

package/docs/modules/EclTabsComponentModule.html

@@ -72,6 +72,9 @@
                         <li class="list-group-item">
                             <a href="../components/EclTabLabelComponent.html">EclTabLabelComponent</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../components/EclTabMoreComponent.html">EclTabMoreComponent</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../components/EclTabsComponent.html">EclTabsComponent</a>
                         </li>
@@ -81,6 +84,9 @@
                     <h3>Imports<a href="https://angular.io/api/core/NgModule#imports" target="_blank" title="Official documentation about module imports"><span
                                 class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
+                        <li class="list-group-item">
+                            <a href="../modules/EclClickOutsideModule.html">EclClickOutsideModule</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EclLinkDirectiveModule.html">EclLinkDirectiveModule</a>
                         </li>
@@ -96,6 +102,9 @@
                         <li class="list-group-item">
                             <a href="../components/EclTabLabelComponent.html">EclTabLabelComponent</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../components/EclTabMoreComponent.html">EclTabMoreComponent</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../components/EclTabsComponent.html">EclTabsComponent</a>
                         </li>

package/docs/modules.html

@@ -711,6 +711,18 @@
                     </div>
                 </div>
             </div>
+            <div class="col-md-6 col-lg-4">
+                <div class="card card-module">
+                    <div class="card-header">
+                        <h4 class="card-title">EclRatingFieldComponentModule</h4>
+                    </div>
+                    <div class="card-block">
+                        <footer class="text-center">
+                            <a href="./modules/EclRatingFieldComponentModule.html" class="btn btn-default">Browse</a>
+                        </footer>
+                    </div>
+                </div>
+            </div>
             <div class="col-md-6 col-lg-4">
                 <div class="card card-module">
                     <div class="card-header">

package/esm2020/lib/components/ecl-carousel/ecl-carousel-item.component.mjs

@@ -0,0 +1,33 @@
+import { Component, HostBinding } from '@angular/core';
+import { ECLBaseDirective } from '../ecl-base.directive';
+import * as i0 from "@angular/core";
+export class EclCarouselItemComponent extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.role = 'group';
+    }
+    get cssClasses() {
+        return [
+            super.getCssClasses('ecl-carousel__slide'),
+        ].join(' ').trim();
+    }
+}
+/** @nocollapse */ EclCarouselItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclCarouselItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EclCarouselItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclCarouselItemComponent, selector: "ecl-carousel-item", host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "style.width.%": "this.width", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclCarouselItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-carousel-item', template: "<ng-content></ng-content>" }]
+        }], propDecorators: { role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], ariaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], width: [{
+                type: HostBinding,
+                args: ['style.width.%']
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWNhcm91c2VsLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1jYXJvdXNlbC9lY2wtY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWNhcm91c2VsL2VjbC1jYXJvdXNlbC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQU16RCxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsZ0JBQWdCO0lBSjlEOztRQUs4QixTQUFJLEdBQUcsT0FBTyxDQUFDO0tBVTVDO0lBTkcsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILEtBQUssQ0FBQyxhQUFhLENBQUMscUJBQXFCLENBQUM7U0FDN0MsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQzs7K0lBVlEsd0JBQXdCO21JQUF4Qix3QkFBd0Isb09DUHJDLDJCQUF5QjtrR0RPWix3QkFBd0I7a0JBSnBDLFNBQVM7K0JBQ0ksbUJBQW1COzhCQUlILElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFDUSxTQUFTO3NCQUF4QyxXQUFXO3VCQUFDLGlCQUFpQjtnQkFDQSxLQUFLO3NCQUFsQyxXQUFXO3VCQUFDLGVBQWU7Z0JBR3hCLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRUNMQmFzZURpcmVjdGl2ZSB9IGZyb20gJy4uL2VjbC1iYXNlLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZWNsLWNhcm91c2VsLWl0ZW0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lY2wtY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEVjbENhcm91c2VsSXRlbUNvbXBvbmVudCBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdncm91cCc7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGFiZWwnKSBhcmlhTGFiZWw7XG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS53aWR0aC4lJykgd2lkdGg7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHN1cGVyLmdldENzc0NsYXNzZXMoJ2VjbC1jYXJvdXNlbF9fc2xpZGUnKSxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cbn0iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+Il19

package/esm2020/lib/components/ecl-carousel/ecl-carousel.component.mjs

@@ -1,20 +1,65 @@
-import { Component, HostBinding } from '@angular/core';
+import { __decorate } from "tslib";
+import { Component, ContentChildren, forwardRef, HostBinding, HostListener, Input, ViewChild } from '@angular/core';
+import { coerceBoolean, coerceElement } from '@eui/base';
 import { ECLBaseDirective } from '../ecl-base.directive';
+import { EclCarouselItemComponent } from './ecl-carousel-item.component';
 import * as i0 from "@angular/core";
+import * as i1 from "../ecl-icon/ecl-icon.component";
+import * as i2 from "@ngx-translate/core";
 export class EclCarouselComponent extends ECLBaseDirective {
+    constructor(cd) {
+        super();
+        this.cd = cd;
+        this.isPadded = true;
+    }
     get cssClasses() {
         return [
-            super.getCssClasses('ecl-carousel'),
+            super.getCssClasses('ecl-carousel')
         ].join(' ').trim();
     }
+    ngAfterContentInit() {
+        const slideWidth = 100 / this.slides.length;
+        this.slides.forEach(slide => {
+            slide.width = slideWidth;
+        });
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            const containerWidth = this.carouselContainerEl.offsetWidth * this.slides.length;
+            this.slidesWidth = containerWidth;
+        }, 50);
+    }
+    onResize(event) {
+        setTimeout(() => {
+            const containerWidth = this.carouselContainerEl.offsetWidth * this.slides.length;
+            this.slidesWidth = containerWidth;
+        });
+    }
 }
-/** @nocollapse */ EclCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclCarouselComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclCarouselComponent, selector: "ecl-carousel", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "" });
+/** @nocollapse */ EclCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclCarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EclCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclCarouselComponent, selector: "ecl-carousel", inputs: { isPadded: "isPadded" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i0.forwardRef(function () { return EclCarouselItemComponent; }) }], viewQueries: [{ propertyName: "carouselContainerEl", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded\">\n    <div #slider class=\"ecl-carousel__slides\" [style.width.px]=\"slidesWidth\">\n        <ng-content></ng-content>\n    </div>\n</div>\n\n<div class=\"ecl-carousel__controls\">\n    <button class=\"ecl-carousel__prev\" aria-hidden=\"true\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            size=\"m\" \n            transform=\"rotate-270\" \n            inverted \n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV_SLIDES' | translate }}</div>\n    </button>\n\n    <button class=\"ecl-carousel__next\" aria-hidden=\"true\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            size=\"m\" \n            transform=\"rotate-90\" \n            inverted \n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT_SLIDES' | translate }}</div>\n    </button>\n\n    <div class=\"ecl-container\">\n        <button class=\"ecl-carousel__toggle\" aria-hidden=\"true\">\n            <ecl-icon \n                icon=\"play\" \n                size=\"l\" \n                inverted>\n            </ecl-icon>\n            <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n        </button>\n\n        <div class=\"ecl-carousel__pagination\">\n            <span class=\"ecl-carousel__current\">1</span>\n            &nbsp;of 3\n        </div>\n\n        <div class=\"ecl-carousel__navigation\">\n            <button class=\"ecl-carousel__navigation-item\" aria-current=\"true\">\n                <span class=\"ecl-u-sr-only\">Go to slide 1</span>\n            </button>\n            <button class=\"ecl-carousel__navigation-item\">\n                <span class=\"ecl-u-sr-only\">Go to slide 2</span>\n            </button>\n            <button class=\"ecl-carousel__navigation-item\">\n                <span class=\"ecl-u-sr-only\">Go to slide 3</span>\n            </button>\n        </div>\n    </div>\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+__decorate([
+    coerceBoolean
+], EclCarouselComponent.prototype, "isPadded", void 0);
+__decorate([
+    coerceElement
+], EclCarouselComponent.prototype, "carouselContainerEl", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclCarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-carousel', template: "" }]
-        }], propDecorators: { cssClasses: [{
+            args: [{ selector: 'ecl-carousel', template: "<div #container class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded\">\n    <div #slider class=\"ecl-carousel__slides\" [style.width.px]=\"slidesWidth\">\n        <ng-content></ng-content>\n    </div>\n</div>\n\n<div class=\"ecl-carousel__controls\">\n    <button class=\"ecl-carousel__prev\" aria-hidden=\"true\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            size=\"m\" \n            transform=\"rotate-270\" \n            inverted \n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV_SLIDES' | translate }}</div>\n    </button>\n\n    <button class=\"ecl-carousel__next\" aria-hidden=\"true\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            size=\"m\" \n            transform=\"rotate-90\" \n            inverted \n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT_SLIDES' | translate }}</div>\n    </button>\n\n    <div class=\"ecl-container\">\n        <button class=\"ecl-carousel__toggle\" aria-hidden=\"true\">\n            <ecl-icon \n                icon=\"play\" \n                size=\"l\" \n                inverted>\n            </ecl-icon>\n            <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n        </button>\n\n        <div class=\"ecl-carousel__pagination\">\n            <span class=\"ecl-carousel__current\">1</span>\n            &nbsp;of 3\n        </div>\n\n        <div class=\"ecl-carousel__navigation\">\n            <button class=\"ecl-carousel__navigation-item\" aria-current=\"true\">\n                <span class=\"ecl-u-sr-only\">Go to slide 1</span>\n            </button>\n            <button class=\"ecl-carousel__navigation-item\">\n                <span class=\"ecl-u-sr-only\">Go to slide 2</span>\n            </button>\n            <button class=\"ecl-carousel__navigation-item\">\n                <span class=\"ecl-u-sr-only\">Go to slide 3</span>\n            </button>\n        </div>\n    </div>\n</div>", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { isPadded: [{
+                type: Input
+            }], carouselContainerEl: [{
+                type: ViewChild,
+                args: ['container']
+            }], slides: [{
+                type: ContentChildren,
+                args: [forwardRef(() => EclCarouselItemComponent)]
+            }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWNhcm91c2VsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtY2Fyb3VzZWwvZWNsLWNhcm91c2VsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtY2Fyb3VzZWwvZWNsLWNhcm91c2VsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQU16RCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsZ0JBQWdCO0lBRXRELElBQ0ksVUFBVTtRQUNWLE9BQU87WUFDSCxLQUFLLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQztTQUN0QyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDOzsySUFQUSxvQkFBb0I7K0hBQXBCLG9CQUFvQixpSUNQakMsRUFBQTtrR0RPYSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0ksY0FBYzs4QkFNcEIsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdlY2wtY2Fyb3VzZWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lY2wtY2Fyb3VzZWwuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xDYXJvdXNlbENvbXBvbmVudCBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUge1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICBzdXBlci5nZXRDc3NDbGFzc2VzKCdlY2wtY2Fyb3VzZWwnKSxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cbn0iLCIiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWNhcm91c2VsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtY2Fyb3VzZWwvZWNsLWNhcm91c2VsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtY2Fyb3VzZWwvZWNsLWNhcm91c2VsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQXNELFNBQVMsRUFBRSxlQUFlLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuTCxPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7OztBQVd6RSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsZ0JBQWdCO0lBZ0J0RCxZQUFvQixFQUFxQjtRQUNyQyxLQUFLLEVBQUUsQ0FBQztRQURRLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBZmpCLGFBQVEsR0FBa0IsSUFBSSxDQUFDO0lBaUJ2RCxDQUFDO0lBVEQsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILEtBQUssQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDO1NBQ3RDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFNRCxrQkFBa0I7UUFDZCxNQUFNLFVBQVUsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUM7UUFDNUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDeEIsS0FBSyxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUM7UUFDN0IsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsZUFBZTtRQUNYLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDO1lBQ2pGLElBQUksQ0FBQyxXQUFXLEdBQUcsY0FBYyxDQUFDO1FBQ3RDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNYLENBQUM7SUFHRCxRQUFRLENBQUMsS0FBSztRQUNWLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDO1lBQ2pGLElBQUksQ0FBQyxXQUFXLEdBQUcsY0FBYyxDQUFDO1FBQ3RDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7MklBeENRLG9CQUFvQjsrSEFBcEIsb0JBQW9CLDBQQUtLLHdCQUF3QiwwS0NuQjlELG1qRUF3RE07QUR6Q2E7SUFBZCxhQUFhO3NEQUF5QztBQUV4QztJQUFkLGFBQWE7aUVBQTBEO2tHQUgvRCxvQkFBb0I7a0JBVGhDLFNBQVM7K0JBQ0ksY0FBYzt3R0FTQSxRQUFRO3NCQUFoQixLQUFLO2dCQUVrQixtQkFBbUI7c0JBQTFDLFNBQVM7dUJBQUMsV0FBVztnQkFFd0IsTUFBTTtzQkFBbEUsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7Z0JBS3ZELFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQTBCcEIsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgZm9yd2FyZFJlZiwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIFF1ZXJ5TGlzdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuLCBjb2VyY2VFbGVtZW50IH0gZnJvbSAnQGV1aS9iYXNlJztcbmltcG9ydCB7IEVDTEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9lY2wtYmFzZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRWNsQ2Fyb3VzZWxJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9lY2wtY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2VjbC1jYXJvdXNlbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VjbC1jYXJvdXNlbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVzOiBbYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgfVxuICAgIGBdXG59KVxuZXhwb3J0IGNsYXNzIEVjbENhcm91c2VsQ29tcG9uZW50IGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBjb2VyY2VCb29sZWFuIEBJbnB1dCgpIGlzUGFkZGVkOiBib29sZWFuIHwgYW55ID0gdHJ1ZTtcblxuICAgIEBjb2VyY2VFbGVtZW50IEBWaWV3Q2hpbGQoJ2NvbnRhaW5lcicpIGNhcm91c2VsQ29udGFpbmVyRWw6IEhUTUxFbGVtZW50O1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEVjbENhcm91c2VsSXRlbUNvbXBvbmVudCkpIHNsaWRlczogUXVlcnlMaXN0PEVjbENhcm91c2VsSXRlbUNvbXBvbmVudD47XG5cbiAgICBwdWJsaWMgc2xpZGVzV2lkdGg6IG51bWJlcjtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCkge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLWNhcm91c2VsJylcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgICAgICBjb25zdCBzbGlkZVdpZHRoID0gMTAwIC8gdGhpcy5zbGlkZXMubGVuZ3RoO1xuICAgICAgICB0aGlzLnNsaWRlcy5mb3JFYWNoKHNsaWRlID0+IHtcbiAgICAgICAgICAgIHNsaWRlLndpZHRoID0gc2xpZGVXaWR0aDtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGNvbnRhaW5lcldpZHRoID0gdGhpcy5jYXJvdXNlbENvbnRhaW5lckVsLm9mZnNldFdpZHRoICogdGhpcy5zbGlkZXMubGVuZ3RoO1xuICAgICAgICAgICAgdGhpcy5zbGlkZXNXaWR0aCA9IGNvbnRhaW5lcldpZHRoO1xuICAgICAgICB9LCA1MCk7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gICAgb25SZXNpemUoZXZlbnQpIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBjb250YWluZXJXaWR0aCA9IHRoaXMuY2Fyb3VzZWxDb250YWluZXJFbC5vZmZzZXRXaWR0aCAqIHRoaXMuc2xpZGVzLmxlbmd0aDtcbiAgICAgICAgICAgIHRoaXMuc2xpZGVzV2lkdGggPSBjb250YWluZXJXaWR0aDtcbiAgICAgICAgfSk7XG4gICAgfVxufSIsIjxkaXYgI2NvbnRhaW5lciBjbGFzcz1cImVjbC1jYXJvdXNlbF9fY29udGFpbmVyXCIgW2NsYXNzLmVjbC1jYXJvdXNlbC1jb250YWluZXItLXBhZGRlZF09XCJpc1BhZGRlZFwiPlxuICAgIDxkaXYgI3NsaWRlciBjbGFzcz1cImVjbC1jYXJvdXNlbF9fc2xpZGVzXCIgW3N0eWxlLndpZHRoLnB4XT1cInNsaWRlc1dpZHRoXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiZWNsLWNhcm91c2VsX19jb250cm9sc1wiPlxuICAgIDxidXR0b24gY2xhc3M9XCJlY2wtY2Fyb3VzZWxfX3ByZXZcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgPGVjbC1pY29uIFxuICAgICAgICAgICAgaWNvbj1cImNvcm5lci1hcnJvd1wiIFxuICAgICAgICAgICAgc2l6ZT1cIm1cIiBcbiAgICAgICAgICAgIHRyYW5zZm9ybT1cInJvdGF0ZS0yNzBcIiBcbiAgICAgICAgICAgIGludmVydGVkIFxuICAgICAgICAgICAgY2xhc3M9XCJlY2wtdS1kLWJsb2NrXCI+XG4gICAgICAgIDwvZWNsLWljb24+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJlY2wtdS1zci1vbmx5XCI+e3sgJ2VjbC5jYXJvdXNlbC5QUkVWX1NMSURFUycgfCB0cmFuc2xhdGUgfX08L2Rpdj5cbiAgICA8L2J1dHRvbj5cblxuICAgIDxidXR0b24gY2xhc3M9XCJlY2wtY2Fyb3VzZWxfX25leHRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgPGVjbC1pY29uIFxuICAgICAgICAgICAgaWNvbj1cImNvcm5lci1hcnJvd1wiIFxuICAgICAgICAgICAgc2l6ZT1cIm1cIiBcbiAgICAgICAgICAgIHRyYW5zZm9ybT1cInJvdGF0ZS05MFwiIFxuICAgICAgICAgICAgaW52ZXJ0ZWQgXG4gICAgICAgICAgICBjbGFzcz1cImVjbC11LWQtYmxvY2tcIj5cbiAgICAgICAgPC9lY2wtaWNvbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImVjbC11LXNyLW9ubHlcIj57eyAnZWNsLmNhcm91c2VsLk5FWFRfU0xJREVTJyB8IHRyYW5zbGF0ZSB9fTwvZGl2PlxuICAgIDwvYnV0dG9uPlxuXG4gICAgPGRpdiBjbGFzcz1cImVjbC1jb250YWluZXJcIj5cbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImVjbC1jYXJvdXNlbF9fdG9nZ2xlXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICA8ZWNsLWljb24gXG4gICAgICAgICAgICAgICAgaWNvbj1cInBsYXlcIiBcbiAgICAgICAgICAgICAgICBzaXplPVwibFwiIFxuICAgICAgICAgICAgICAgIGludmVydGVkPlxuICAgICAgICAgICAgPC9lY2wtaWNvbj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJlY2wtdS1zci1vbmx5XCI+e3sgJ2VjbC5jYXJvdXNlbC5BVVRPUExBWScgfCB0cmFuc2xhdGUgfX08L2Rpdj5cbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImVjbC1jYXJvdXNlbF9fcGFnaW5hdGlvblwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlY2wtY2Fyb3VzZWxfX2N1cnJlbnRcIj4xPC9zcGFuPlxuICAgICAgICAgICAgJm5ic3A7b2YgM1xuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiZWNsLWNhcm91c2VsX19uYXZpZ2F0aW9uXCI+XG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiZWNsLWNhcm91c2VsX19uYXZpZ2F0aW9uLWl0ZW1cIiBhcmlhLWN1cnJlbnQ9XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlY2wtdS1zci1vbmx5XCI+R28gdG8gc2xpZGUgMTwvc3Bhbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImVjbC1jYXJvdXNlbF9fbmF2aWdhdGlvbi1pdGVtXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlY2wtdS1zci1vbmx5XCI+R28gdG8gc2xpZGUgMjwvc3Bhbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImVjbC1jYXJvdXNlbF9fbmF2aWdhdGlvbi1pdGVtXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlY2wtdS1zci1vbmx5XCI+R28gdG8gc2xpZGUgMzwvc3Bhbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==