npm - @wavemaker/app-ng-runtime - Versions diffs - 11.10.2-rc.6065 → 11.10.3-next.25128 - Mend

@wavemaker/app-ng-runtime 11.10.2-rc.6065 → 11.10.3-next.25128

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (170) hide show

package/mobile/components/containers/segmented-control/esm2022/segmented-control.component.mjs CHANGED Viewed

@@ -8,18 +8,18 @@ import * as i1 from "@angular/common";
 const _c0 = ["wmSegmentedControl", ""];
 const _c1 = ["*"];
 const _c2 = a0 => ({ "active btn-primary": a0 });
-function SegmentedControlComponent_a_4_Template(rf, ctx) { if (rf & 1) {
+function SegmentedControlComponent_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 4);
-    i0.ɵɵlistener("click", function SegmentedControlComponent_a_4_Template_a_click_0_listener($event) { const i_r2 = i0.ɵɵrestoreView(_r1).index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showContent(i_r2, $event)); });
+    i0.ɵɵlistener("click", function SegmentedControlComponent_For_5_Template_a_click_0_listener($event) { const ɵ$index_8_r2 = i0.ɵɵrestoreView(_r1).$index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showContent(ɵ$index_8_r2, $event)); });
     i0.ɵɵelement(1, "i", 5);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const content_r4 = ctx.$implicit;
-    const i_r2 = ctx.index;
+    const ɵ$index_8_r2 = ctx.$index;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c2, i_r2 == ctx_r2.currentSelectedIndex));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c2, ɵ$index_8_r2 == ctx_r2.currentSelectedIndex));
     i0.ɵɵattribute("aria-label", content_r4.caption);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", content_r4.iconclass);
@@ -119,24 +119,24 @@ export class SegmentedControlComponent extends StylableComponent {
     static { this.ɵfac = function SegmentedControlComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SegmentedControlComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SegmentedControlComponent, selectors: [["", "wmSegmentedControl", ""]], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(SegmentedControlComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c1, decls: 5, vars: 1, consts: [[1, "app-segments-container"], [1, "list-inline"], [1, "btn-group", "btn-group-justified"], ["class", "btn btn-default", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "btn", "btn-default", 3, "click", "ngClass"], [1, "app-icon", 3, "ngClass"]], template: function SegmentedControlComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c1, decls: 6, vars: 0, consts: [[1, "app-segments-container"], [1, "list-inline"], [1, "btn-group", "btn-group-justified"], [1, "btn", "btn-default", 3, "ngClass"], [1, "btn", "btn-default", 3, "click", "ngClass"], [1, "app-icon", 3, "ngClass"]], template: function SegmentedControlComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "ul", 1);
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(3, "div", 2);
-            i0.ɵɵtemplate(4, SegmentedControlComponent_a_4_Template, 3, 6, "a", 3);
+            i0.ɵɵrepeaterCreate(4, SegmentedControlComponent_For_5_Template, 3, 6, "a", 3, i0.ɵɵrepeaterTrackByIdentity);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngForOf", ctx.contents);
-        } }, dependencies: [i1.NgClass, i1.NgForOf], encapsulation: 2 }); }
+            i0.ɵɵrepeater(ctx.contents);
+        } }, dependencies: [i1.NgClass], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SegmentedControlComponent, [{
         type: Component,
         args: [{ selector: '[wmSegmentedControl]', providers: [
                     provideAsWidgetRef(SegmentedControlComponent)
-                ], template: "<div class=\"app-segments-container\">\n    <ul class=\"list-inline\">\n        <ng-content></ng-content>\n    </ul>\n    </div>\n<div class=\"btn-group btn-group-justified\">\n    <a class=\"btn btn-default\" *ngFor=\"let content of contents; index as i\"\n       [ngClass]=\"{'active btn-primary' : i == currentSelectedIndex}\"\n       (click)=\"showContent(i, $event);\" [attr.aria-label]=\"content.caption\">\n        <i class=\"app-icon\" [ngClass]=\"content.iconclass\"></i>{{content.caption}}\n    </a>\n</div>\n" }]
+                ], template: "<div class=\"app-segments-container\">\n  <ul class=\"list-inline\">\n    <ng-content></ng-content>\n  </ul>\n</div>\n<div class=\"btn-group btn-group-justified\">\n  @for (content of contents; track content; let i = $index) {\n    <a class=\"btn btn-default\"\n      [ngClass]=\"{'active btn-primary' : i == currentSelectedIndex}\"\n      (click)=\"showContent(i, $event);\" [attr.aria-label]=\"content.caption\">\n      <i class=\"app-icon\" [ngClass]=\"content.iconclass\"></i>{{content.caption}}\n    </a>\n  }\n</div>\n" }]
     }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
                 type: Inject,
                 args: ['EXPLICIT_CONTEXT']
@@ -144,4 +144,4 @@ export class SegmentedControlComponent extends StylableComponent {
                 type: Optional
             }] }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SegmentedControlComponent, { className: "SegmentedControlComponent", filePath: "segmented-control.component.ts", lineNumber: 20 }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9iaWxlL2NvbXBvbmVudHMvY29udGFpbmVycy9zZWdtZW50ZWQtY29udHJvbC9zcmMvc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9iaWxlL2NvbXBvbmVudHMvY29udGFpbmVycy9zZWdtZW50ZWQtY29udHJvbC9zcmMvc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFbkYsT0FBTyxFQUFFLGlCQUFpQixFQUFpQixrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0SCxPQUFPLEVBQUMsTUFBTSxFQUFFLGFBQWEsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFMUQsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLFdBQVcsQ0FBQzs7Ozs7Ozs7SUNEL0IsNEJBRXlFO0lBQXRFLHVNQUFTLGdDQUFzQixLQUFFO0lBQ2hDLHVCQUFzRDtJQUFBLFlBQzFEO0lBQUEsaUJBQUk7Ozs7O0lBSEQseUZBQThEOztJQUV6QyxjQUE2QjtJQUE3Qiw4Q0FBNkI7SUFBSyxjQUMxRDtJQUQwRCxrREFDMUQ7O0FEREosTUFBTSxXQUFXLEdBQUcsdUJBQXVCLENBQUM7QUFDNUMsTUFBTSxhQUFhLEdBQWtCLEVBQUMsVUFBVSxFQUFFLHNCQUFzQixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUMsQ0FBQztBQVNsRyxNQUFNLE9BQU8seUJBQTBCLFNBQVEsaUJBQWlC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QUFDLENBQUMsRUFBRSxXQUFXLEVBQUUsZUFBZSxDQUFDLENBQUMsR0FBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsR0FBRyxVQUFVLENBQUMsQ0FBQztRQUM1RyxJQUFJLENBQUMsbUJBQW1CLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ3pELENBQUM7MEhBbEdRLHlCQUF5QiwwREFRQyxrQkFBa0I7b0VBUjVDLHlCQUF5QixnRkFKdkI7Z0JBQ1Asa0JBQWtCLENBQUMseUJBQXlCLENBQUM7YUFDaEQ7O1lDaEJELEFBREosOEJBQW9DLFlBQ1I7WUFDcEIsa0JBQXlCO1lBRTdCLEFBREEsaUJBQUssRUFDQztZQUNWLDhCQUEyQztZQUN2QyxzRUFFeUU7WUFHN0UsaUJBQU07O1lBTDZDLGVBQWE7WUFBYixzQ0FBYTs7O2lGRGFuRCx5QkFBeUI7Y0FQckMsU0FBUzsyQkFDSSxzQkFBc0IsYUFFckI7b0JBQ1Asa0JBQWtCLDJCQUEyQjtpQkFDaEQ7O3NCQVUyQixNQUFNO3VCQUFDLGtCQUFrQjs7c0JBQUcsUUFBUTs7a0ZBUnZELHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBJbmplY3QsIEluamVjdG9yLCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFQUExZX1NUWUxFU19UWVBFLCBJV2lkZ2V0Q29uZmlnLCBwcm92aWRlQXNXaWRnZXRSZWYsIFN0eWxhYmxlQ29tcG9uZW50LCBzdHlsZXIgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcbmltcG9ydCB7c2V0Q1NTLCBzZXRDU1NGcm9tT2JqfSBmcm9tICdAd20vY29yZSc7XG5cbmltcG9ydCB7IHJlZ2lzdGVyUHJvcHMgfSBmcm9tICcuL3NlZ21lbnRlZC1jb250cm9sLnByb3BzJztcbmltcG9ydCB7IFNlZ21lbnRDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9zZWdtZW50LWNvbnRlbnQvc2VnbWVudC1jb250ZW50LmNvbXBvbmVudCc7XG5pbXBvcnQge2lzTnVtYmVyfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5cbmNvbnN0IERFRkFVTFRfQ0xTID0gJ2FwcC1zZWdtZW50ZWQtY29udHJvbCc7XG5jb25zdCBXSURHRVRfQ09ORklHOiBJV2lkZ2V0Q29uZmlnID0ge3dpZGdldFR5cGU6ICd3bS1zZWdtZW50ZWQtY29udHJvbCcsIGhvc3RDbGFzczogREVGQVVMVF9DTFN9O1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ1t3bVNlZ21lbnRlZENvbnRyb2xdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwnLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBwcm92aWRlQXNXaWRnZXRSZWYoU2VnbWVudGVkQ29udHJvbENvbXBvbmVudClcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFNlZ21lbnRlZENvbnRyb2xDb21wb25lbnQgZXh0ZW5kcyBTdHlsYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBwcml2YXRlIF8kY29udGFpbmVyO1xuXG4gICAgcHVibGljIGNvbnRlbnRzOiBTZWdtZW50Q29udGVudENvbXBvbmVudFtdID0gW107XG4gICAgcHVibGljIGN1cnJlbnRTZWxlY3RlZEluZGV4ID0gMDtcblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIEBJbmplY3QoJ0VYUExJQ0lUX0NPTlRFWFQnKSBAT3B0aW9uYWwoKSBleHBsaWNpdENvbnRleHQ6IGFueSkge1xuICAgICAgICBzdXBlcihpbmosIFdJREdFVF9DT05GSUcsIGV4cGxpY2l0Q29udGV4dCk7XG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMsIEFQUExZX1NUWUxFU19UWVBFLlNDUk9MTEFCTEVfQ09OVEFJTkVSKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgYWRkQ29udGVudChjb250ZW50OiBTZWdtZW50Q29udGVudENvbXBvbmVudCkge1xuICAgICAgICB0aGlzLmNvbnRlbnRzLnB1c2goY29udGVudCk7XG4gICAgfVxuXG4gICAgcHVibGljIGdvVG9OZXh0KCkge1xuICAgICAgICB0aGlzLnNob3dDb250ZW50KHRoaXMuY3VycmVudFNlbGVjdGVkSW5kZXggKyAxKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ29Ub1ByZXYoKSB7XG4gICAgICAgIHRoaXMuc2hvd0NvbnRlbnQodGhpcy5jdXJyZW50U2VsZWN0ZWRJbmRleCAtIDEpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgICAgIHRoaXMuXyRjb250YWluZXIgPSB0aGlzLiRlbGVtZW50LmZpbmQoJz4uYXBwLXNlZ21lbnRzLWNvbnRhaW5lcicpO1xuICAgICAgICBjb25zdCBjaGlsZEVscyA9IHRoaXMuXyRjb250YWluZXIuZmluZCgnPi5saXN0LWlubGluZSA+bGknKTtcbiAgICAgICAgY29uc3QgbWF4V2lkdGggPSBgJHt0aGlzLmNvbnRlbnRzLmxlbmd0aCAqIDEwMH0lYDtcbiAgICAgICAgc2V0Q1NTRnJvbU9iaih0aGlzLl8kY29udGFpbmVyWzBdLCB7XG4gICAgICAgICAgICBtYXhXaWR0aDogbWF4V2lkdGgsXG4gICAgICAgICAgICB3aWR0aDogbWF4V2lkdGgsXG4gICAgICAgICAgICAnd2hpdGUtc3BhY2UnOiAnbm93cmFwJyxcbiAgICAgICAgICAgIHRyYW5zaXRpb246ICd0cmFuc2Zvcm0gMC4ycyBsaW5lYXInXG4gICAgICAgIH0pO1xuICAgICAgICBjb25zdCB3aWR0aCA9IGAkezEwMCAvIHRoaXMuY29udGVudHMubGVuZ3RofSVgO1xuICAgICAgICBmb3IgKGNvbnN0IGNoaWxkIG9mIEFycmF5LmZyb20oY2hpbGRFbHMpKSB7XG4gICAgICAgICAgICBzZXRDU1MoY2hpbGQgYXMgSFRNTEVsZW1lbnQsICd3aWR0aCcsIHdpZHRoKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnNob3dDb250ZW50KDAsIHVuZGVmaW5lZCwgdHJ1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uUHJvcGVydHlDaGFuZ2Uoa2V5LCBudiwgb3Y/KSB7XG4gICAgICAgIGlmIChrZXkgPT09ICd0YWJpbmRleCcpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHN1cGVyLm9uUHJvcGVydHlDaGFuZ2Uoa2V5LCBudiwgb3YpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIHJlbW92ZUNvbnRlbnQoY29udGVudDogU2VnbWVudENvbnRlbnRDb21wb25lbnQpIHtcbiAgICAgICAgY29uc3QgaW5kZXggPSB0aGlzLmNvbnRlbnRzLmZpbmRJbmRleChjID0+IHtcbiAgICAgICAgICAgIHJldHVybiBjID09PSBjb250ZW50O1xuICAgICAgICB9KTtcbiAgICAgICAgaWYgKGluZGV4ID49IDApIHtcbiAgICAgICAgICAgIHRoaXMuY29udGVudHMuc3BsaWNlKGluZGV4LCAxKTtcbiAgICAgICAgICAgIGlmIChpbmRleCA8IHRoaXMuY29udGVudHMubGVuZ3RoKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zaG93Q29udGVudChpbmRleCk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKHRoaXMuY29udGVudHMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgICAgIHRoaXMuc2hvd0NvbnRlbnQoMCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgc2hvd0NvbnRlbnQoY29udGVudDogbnVtYmVyIHwgU2VnbWVudENvbnRlbnRDb21wb25lbnQgLCAkZXZlbnQ/OiBhbnksIGRlZmF1bHRMb2FkPzogYm9vbGVhbikge1xuICAgICAgICBsZXQgaW5kZXg6IG51bWJlcjtcbiAgICAgICAgbGV0IHNlbGVjdGVkQ29udGVudDogU2VnbWVudENvbnRlbnRDb21wb25lbnQ7XG4gICAgICAgIGlmIChpc051bWJlcihjb250ZW50KSkge1xuICAgICAgICAgICAgaW5kZXggPSBjb250ZW50IGFzIG51bWJlcjtcbiAgICAgICAgICAgIGlmICh0aGlzLmNvbnRlbnRzLmxlbmd0aCkge1xuICAgICAgICAgICAgICAgIHNlbGVjdGVkQ29udGVudCA9IHRoaXMuY29udGVudHNbaW5kZXhdO1xuICAgICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2VsZWN0ZWRDb250ZW50ID0gY29udGVudCBhcyBTZWdtZW50Q29udGVudENvbXBvbmVudDtcbiAgICAgICAgICAgIGluZGV4ID0gdGhpcy5jb250ZW50cy5maW5kSW5kZXgoYyA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGMgPT09IGNvbnRlbnQ7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChzZWxlY3RlZENvbnRlbnQpIHtcbiAgICAgICAgICAgIHNlbGVjdGVkQ29udGVudC5sb2FkQ29udGVudChkZWZhdWx0TG9hZCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoaW5kZXggPCAwIHx8IGluZGV4ID49IHRoaXMuY29udGVudHMubGVuZ3RoKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCRldmVudCkge1xuICAgICAgICAgICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGV2ZW50RGF0YSA9IHtcbiAgICAgICAgICAgICAgICAkb2xkIDogdGhpcy5jdXJyZW50U2VsZWN0ZWRJbmRleCxcbiAgICAgICAgICAgICAgICAkbmV3IDogaW5kZXhcbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgdGhpcy5jdXJyZW50U2VsZWN0ZWRJbmRleCA9IGluZGV4O1xuICAgICAgICB0aGlzLmludm9rZUV2ZW50Q2FsbGJhY2soJ2JlZm9yZXNlZ21lbnRjaGFuZ2UnLCBldmVudERhdGEpO1xuICAgICAgICBzZXRDU1ModGhpcy5fJGNvbnRhaW5lclswXSwgJ3RyYW5zZm9ybScsIGB0cmFuc2xhdGUzZCgkey0xICogIGluZGV4IC8gdGhpcy5jb250ZW50cy5sZW5ndGggKiAxMDB9JSwgMCwgMClgKTtcbiAgICAgICAgdGhpcy5pbnZva2VFdmVudENhbGxiYWNrKCdzZWdtZW50Y2hhbmdlJywgZXZlbnREYXRhKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXBwLXNlZ21lbnRzLWNvbnRhaW5lclwiPlxuICAgIDx1bCBjbGFzcz1cImxpc3QtaW5saW5lXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L3VsPlxuICAgIDwvZGl2PlxuPGRpdiBjbGFzcz1cImJ0bi1ncm91cCBidG4tZ3JvdXAtanVzdGlmaWVkXCI+XG4gICAgPGEgY2xhc3M9XCJidG4gYnRuLWRlZmF1bHRcIiAqbmdGb3I9XCJsZXQgY29udGVudCBvZiBjb250ZW50czsgaW5kZXggYXMgaVwiXG4gICAgICAgW25nQ2xhc3NdPVwieydhY3RpdmUgYnRuLXByaW1hcnknIDogaSA9PSBjdXJyZW50U2VsZWN0ZWRJbmRleH1cIlxuICAgICAgIChjbGljayk9XCJzaG93Q29udGVudChpLCAkZXZlbnQpO1wiIFthdHRyLmFyaWEtbGFiZWxdPVwiY29udGVudC5jYXB0aW9uXCI+XG4gICAgICAgIDxpIGNsYXNzPVwiYXBwLWljb25cIiBbbmdDbGFzc109XCJjb250ZW50Lmljb25jbGFzc1wiPjwvaT57e2NvbnRlbnQuY2FwdGlvbn19XG4gICAgPC9hPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9iaWxlL2NvbXBvbmVudHMvY29udGFpbmVycy9zZWdtZW50ZWQtY29udHJvbC9zcmMvc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9iaWxlL2NvbXBvbmVudHMvY29udGFpbmVycy9zZWdtZW50ZWQtY29udHJvbC9zcmMvc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFbkYsT0FBTyxFQUFFLGlCQUFpQixFQUFpQixrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0SCxPQUFPLEVBQUMsTUFBTSxFQUFFLGFBQWEsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFMUQsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLFdBQVcsQ0FBQzs7Ozs7Ozs7SUNBL0IsNEJBRXdFO0lBQXRFLGtOQUFTLHdDQUFzQixLQUFFO0lBQ2pDLHVCQUFzRDtJQUFBLFlBQ3hEO0lBQUEsaUJBQUk7Ozs7O0lBSEYsaUdBQThEOztJQUUxQyxjQUE2QjtJQUE3Qiw4Q0FBNkI7SUFBSyxjQUN4RDtJQUR3RCxrREFDeEQ7O0FERkosTUFBTSxXQUFXLEdBQUcsdUJBQXVCLENBQUM7QUFDNUMsTUFBTSxhQUFhLEdBQWtCLEVBQUMsVUFBVSxFQUFFLHNCQUFzQixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUMsQ0FBQztBQVNsRyxNQUFNLE9BQU8seUJBQTBCLFNBQVEsaUJBQWlCO2FBQ3JELG9CQUFlLEdBQUcsYUFBYSxFQUFFLEFBQWxCLENBQW1CO0lBT3pDLFlBQVksR0FBYSxFQUEwQyxlQUFvQjtRQUNuRixLQUFLLENBQUMsR0FBRyxFQUFFLGFBQWEsRUFBRSxlQUFlLENBQUMsQ0FBQztRQUp4QyxhQUFRLEdBQThCLEVBQUUsQ0FBQztRQUN6Qyx5QkFBb0IsR0FBRyxDQUFDLENBQUM7UUFJNUIsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLGlCQUFpQixDQUFDLG9CQUFvQixDQUFDLENBQUM7SUFDN0UsQ0FBQztJQUVNLFVBQVUsQ0FBQyxPQUFnQztRQUM5QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRU0sUUFBUTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLG9CQUFvQixHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFTSxRQUFRO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBQ2xFLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFDNUQsTUFBTSxRQUFRLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxHQUFHLEdBQUcsQ0FBQztRQUNsRCxhQUFhLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUMvQixRQUFRLEVBQUUsUUFBUTtZQUNsQixLQUFLLEVBQUUsUUFBUTtZQUNmLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLFVBQVUsRUFBRSx1QkFBdUI7U0FDdEMsQ0FBQyxDQUFDO1FBQ0gsTUFBTSxLQUFLLEdBQUcsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQztRQUMvQyxLQUFLLE1BQU0sS0FBSyxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztZQUN2QyxNQUFNLENBQUMsS0FBb0IsRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDakQsQ0FBQztRQUNELElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFHO1FBQ2hDLElBQUksR0FBRyxLQUFLLFVBQVUsRUFBRSxDQUFDO1lBQ3JCLE9BQU87UUFDWCxDQUFDO2FBQU0sQ0FBQztZQUNKLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7SUFDTCxDQUFDO0lBRU0sYUFBYSxDQUFDLE9BQWdDO1FBQ2pELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3RDLE9BQU8sQ0FBQyxLQUFLLE9BQU8sQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksS0FBSyxJQUFJLENBQUMsRUFBRSxDQUFDO1lBQ2IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQy9CLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQy9CLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDNUIsQ0FBQztpQkFBTSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUNsQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3hCLENBQUM7UUFDTCxDQUFDO0lBQ0wsQ0FBQztJQUVNLFdBQVcsQ0FBQyxPQUF5QyxFQUFHLE1BQVksRUFBRSxXQUFxQjtRQUM5RixJQUFJLEtBQWEsQ0FBQztRQUNsQixJQUFJLGVBQXdDLENBQUM7UUFDN0MsSUFBSSxRQUFRLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztZQUNwQixLQUFLLEdBQUcsT0FBaUIsQ0FBQztZQUMxQixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3ZCLGVBQWUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzNDLENBQUM7UUFDTCxDQUFDO2FBQU0sQ0FBQztZQUNKLGVBQWUsR0FBRyxPQUFrQyxDQUFDO1lBQ3JELEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDaEMsT0FBTyxDQUFDLEtBQUssT0FBTyxDQUFDO1lBQ3pCLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztRQUVELElBQUksZUFBZSxFQUFFLENBQUM7WUFDbEIsZUFBZSxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUM3QyxDQUFDO1FBRUQsSUFBSSxLQUFLLEdBQUcsQ0FBQyxJQUFJLEtBQUssSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQzdDLE9BQU87UUFDWCxDQUFDO1FBQ0QsSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUNULE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUM3QixDQUFDO1FBQ0QsTUFBTSxTQUFTLEdBQUc7WUFDVixJQUFJLEVBQUcsSUFBSSxDQUFDLG9CQUFvQjtZQUNoQyxJQUFJLEVBQUcsS0FBSztTQUNmLENBQUM7UUFFTixJQUFJLENBQUMsb0JBQW9CLEdBQUcsS0FBSyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxxQkFBcUIsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUMzRCxNQUFNLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFBRSxXQUFXLEVBQUUsZUFBZSxDQUFDLENBQUMsR0FBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsR0FBRyxVQUFVLENBQUMsQ0FBQztRQUM1RyxJQUFJLENBQUMsbUJBQW1CLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ3pELENBQUM7MEhBbEdRLHlCQUF5QiwwREFRQyxrQkFBa0I7b0VBUjVDLHlCQUF5QixnRkFKdkI7Z0JBQ1Asa0JBQWtCLENBQUMseUJBQXlCLENBQUM7YUFDaEQ7O1lDaEJILEFBREYsOEJBQW9DLFlBQ1Y7WUFDdEIsa0JBQXlCO1lBRTdCLEFBREUsaUJBQUssRUFDRDtZQUNOLDhCQUEyQztZQUN6Qyw0R0FNQztZQUNILGlCQUFNOztZQVBKLGVBTUM7WUFORCwyQkFNQzs7O2lGRE9VLHlCQUF5QjtjQVByQyxTQUFTOzJCQUNJLHNCQUFzQixhQUVyQjtvQkFDUCxrQkFBa0IsMkJBQTJCO2lCQUNoRDs7c0JBVTJCLE1BQU07dUJBQUMsa0JBQWtCOztzQkFBRyxRQUFROztrRkFSdkQseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEluamVjdCwgSW5qZWN0b3IsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQVBQTFlfU1RZTEVTX1RZUEUsIElXaWRnZXRDb25maWcsIHByb3ZpZGVBc1dpZGdldFJlZiwgU3R5bGFibGVDb21wb25lbnQsIHN0eWxlciB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuaW1wb3J0IHtzZXRDU1MsIHNldENTU0Zyb21PYmp9IGZyb20gJ0B3bS9jb3JlJztcblxuaW1wb3J0IHsgcmVnaXN0ZXJQcm9wcyB9IGZyb20gJy4vc2VnbWVudGVkLWNvbnRyb2wucHJvcHMnO1xuaW1wb3J0IHsgU2VnbWVudENvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuL3NlZ21lbnQtY29udGVudC9zZWdtZW50LWNvbnRlbnQuY29tcG9uZW50JztcbmltcG9ydCB7aXNOdW1iZXJ9IGZyb20gXCJsb2Rhc2gtZXNcIjtcblxuY29uc3QgREVGQVVMVF9DTFMgPSAnYXBwLXNlZ21lbnRlZC1jb250cm9sJztcbmNvbnN0IFdJREdFVF9DT05GSUc6IElXaWRnZXRDb25maWcgPSB7d2lkZ2V0VHlwZTogJ3dtLXNlZ21lbnRlZC1jb250cm9sJywgaG9zdENsYXNzOiBERUZBVUxUX0NMU307XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnW3dtU2VnbWVudGVkQ29udHJvbF0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZWdtZW50ZWQtY29udHJvbC5jb21wb25lbnQuaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVBc1dpZGdldFJlZihTZWdtZW50ZWRDb250cm9sQ29tcG9uZW50KVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgU2VnbWVudGVkQ29udHJvbENvbXBvbmVudCBleHRlbmRzIFN0eWxhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgc3RhdGljIGluaXRpYWxpemVQcm9wcyA9IHJlZ2lzdGVyUHJvcHMoKTtcblxuICAgIHByaXZhdGUgXyRjb250YWluZXI7XG5cbiAgICBwdWJsaWMgY29udGVudHM6IFNlZ21lbnRDb250ZW50Q29tcG9uZW50W10gPSBbXTtcbiAgICBwdWJsaWMgY3VycmVudFNlbGVjdGVkSW5kZXggPSAwO1xuXG4gICAgY29uc3RydWN0b3IoaW5qOiBJbmplY3RvciwgQEluamVjdCgnRVhQTElDSVRfQ09OVEVYVCcpIEBPcHRpb25hbCgpIGV4cGxpY2l0Q29udGV4dDogYW55KSB7XG4gICAgICAgIHN1cGVyKGluaiwgV0lER0VUX0NPTkZJRywgZXhwbGljaXRDb250ZXh0KTtcbiAgICAgICAgc3R5bGVyKHRoaXMubmF0aXZlRWxlbWVudCwgdGhpcywgQVBQTFlfU1RZTEVTX1RZUEUuU0NST0xMQUJMRV9DT05UQUlORVIpO1xuICAgIH1cblxuICAgIHB1YmxpYyBhZGRDb250ZW50KGNvbnRlbnQ6IFNlZ21lbnRDb250ZW50Q29tcG9uZW50KSB7XG4gICAgICAgIHRoaXMuY29udGVudHMucHVzaChjb250ZW50KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ29Ub05leHQoKSB7XG4gICAgICAgIHRoaXMuc2hvd0NvbnRlbnQodGhpcy5jdXJyZW50U2VsZWN0ZWRJbmRleCArIDEpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnb1RvUHJldigpIHtcbiAgICAgICAgdGhpcy5zaG93Q29udGVudCh0aGlzLmN1cnJlbnRTZWxlY3RlZEluZGV4IC0gMSk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgdGhpcy5fJGNvbnRhaW5lciA9IHRoaXMuJGVsZW1lbnQuZmluZCgnPi5hcHAtc2VnbWVudHMtY29udGFpbmVyJyk7XG4gICAgICAgIGNvbnN0IGNoaWxkRWxzID0gdGhpcy5fJGNvbnRhaW5lci5maW5kKCc+Lmxpc3QtaW5saW5lID5saScpO1xuICAgICAgICBjb25zdCBtYXhXaWR0aCA9IGAke3RoaXMuY29udGVudHMubGVuZ3RoICogMTAwfSVgO1xuICAgICAgICBzZXRDU1NGcm9tT2JqKHRoaXMuXyRjb250YWluZXJbMF0sIHtcbiAgICAgICAgICAgIG1heFdpZHRoOiBtYXhXaWR0aCxcbiAgICAgICAgICAgIHdpZHRoOiBtYXhXaWR0aCxcbiAgICAgICAgICAgICd3aGl0ZS1zcGFjZSc6ICdub3dyYXAnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ3RyYW5zZm9ybSAwLjJzIGxpbmVhcidcbiAgICAgICAgfSk7XG4gICAgICAgIGNvbnN0IHdpZHRoID0gYCR7MTAwIC8gdGhpcy5jb250ZW50cy5sZW5ndGh9JWA7XG4gICAgICAgIGZvciAoY29uc3QgY2hpbGQgb2YgQXJyYXkuZnJvbShjaGlsZEVscykpIHtcbiAgICAgICAgICAgIHNldENTUyhjaGlsZCBhcyBIVE1MRWxlbWVudCwgJ3dpZHRoJywgd2lkdGgpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuc2hvd0NvbnRlbnQoMCwgdW5kZWZpbmVkLCB0cnVlKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25Qcm9wZXJ0eUNoYW5nZShrZXksIG52LCBvdj8pIHtcbiAgICAgICAgaWYgKGtleSA9PT0gJ3RhYmluZGV4Jykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc3VwZXIub25Qcm9wZXJ0eUNoYW5nZShrZXksIG52LCBvdik7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgcmVtb3ZlQ29udGVudChjb250ZW50OiBTZWdtZW50Q29udGVudENvbXBvbmVudCkge1xuICAgICAgICBjb25zdCBpbmRleCA9IHRoaXMuY29udGVudHMuZmluZEluZGV4KGMgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIGMgPT09IGNvbnRlbnQ7XG4gICAgICAgIH0pO1xuICAgICAgICBpZiAoaW5kZXggPj0gMCkge1xuICAgICAgICAgICAgdGhpcy5jb250ZW50cy5zcGxpY2UoaW5kZXgsIDEpO1xuICAgICAgICAgICAgaWYgKGluZGV4IDwgdGhpcy5jb250ZW50cy5sZW5ndGgpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnNob3dDb250ZW50KGluZGV4KTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAodGhpcy5jb250ZW50cy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zaG93Q29udGVudCgwKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBzaG93Q29udGVudChjb250ZW50OiBudW1iZXIgfCBTZWdtZW50Q29udGVudENvbXBvbmVudCAsICRldmVudD86IGFueSwgZGVmYXVsdExvYWQ/OiBib29sZWFuKSB7XG4gICAgICAgIGxldCBpbmRleDogbnVtYmVyO1xuICAgICAgICBsZXQgc2VsZWN0ZWRDb250ZW50OiBTZWdtZW50Q29udGVudENvbXBvbmVudDtcbiAgICAgICAgaWYgKGlzTnVtYmVyKGNvbnRlbnQpKSB7XG4gICAgICAgICAgICBpbmRleCA9IGNvbnRlbnQgYXMgbnVtYmVyO1xuICAgICAgICAgICAgaWYgKHRoaXMuY29udGVudHMubGVuZ3RoKSB7XG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRDb250ZW50ID0gdGhpcy5jb250ZW50c1tpbmRleF07XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZWxlY3RlZENvbnRlbnQgPSBjb250ZW50IGFzIFNlZ21lbnRDb250ZW50Q29tcG9uZW50O1xuICAgICAgICAgICAgaW5kZXggPSB0aGlzLmNvbnRlbnRzLmZpbmRJbmRleChjID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gYyA9PT0gY29udGVudDtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHNlbGVjdGVkQ29udGVudCkge1xuICAgICAgICAgICAgc2VsZWN0ZWRDb250ZW50LmxvYWRDb250ZW50KGRlZmF1bHRMb2FkKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChpbmRleCA8IDAgfHwgaW5kZXggPj0gdGhpcy5jb250ZW50cy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBpZiAoJGV2ZW50KSB7XG4gICAgICAgICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgZXZlbnREYXRhID0ge1xuICAgICAgICAgICAgICAgICRvbGQgOiB0aGlzLmN1cnJlbnRTZWxlY3RlZEluZGV4LFxuICAgICAgICAgICAgICAgICRuZXcgOiBpbmRleFxuICAgICAgICAgICAgfTtcblxuICAgICAgICB0aGlzLmN1cnJlbnRTZWxlY3RlZEluZGV4ID0gaW5kZXg7XG4gICAgICAgIHRoaXMuaW52b2tlRXZlbnRDYWxsYmFjaygnYmVmb3Jlc2VnbWVudGNoYW5nZScsIGV2ZW50RGF0YSk7XG4gICAgICAgIHNldENTUyh0aGlzLl8kY29udGFpbmVyWzBdLCAndHJhbnNmb3JtJywgYHRyYW5zbGF0ZTNkKCR7LTEgKiAgaW5kZXggLyB0aGlzLmNvbnRlbnRzLmxlbmd0aCAqIDEwMH0lLCAwLCAwKWApO1xuICAgICAgICB0aGlzLmludm9rZUV2ZW50Q2FsbGJhY2soJ3NlZ21lbnRjaGFuZ2UnLCBldmVudERhdGEpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJhcHAtc2VnbWVudHMtY29udGFpbmVyXCI+XG4gIDx1bCBjbGFzcz1cImxpc3QtaW5saW5lXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3VsPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiYnRuLWdyb3VwIGJ0bi1ncm91cC1qdXN0aWZpZWRcIj5cbiAgQGZvciAoY29udGVudCBvZiBjb250ZW50czsgdHJhY2sgY29udGVudDsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICA8YSBjbGFzcz1cImJ0biBidG4tZGVmYXVsdFwiXG4gICAgICBbbmdDbGFzc109XCJ7J2FjdGl2ZSBidG4tcHJpbWFyeScgOiBpID09IGN1cnJlbnRTZWxlY3RlZEluZGV4fVwiXG4gICAgICAoY2xpY2spPVwic2hvd0NvbnRlbnQoaSwgJGV2ZW50KTtcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImNvbnRlbnQuY2FwdGlvblwiPlxuICAgICAgPGkgY2xhc3M9XCJhcHAtaWNvblwiIFtuZ0NsYXNzXT1cImNvbnRlbnQuaWNvbmNsYXNzXCI+PC9pPnt7Y29udGVudC5jYXB0aW9ufX1cbiAgICA8L2E+XG4gIH1cbjwvZGl2PlxuIl19

package/mobile/components/containers/segmented-control/fesm2022/index.mjs CHANGED Viewed

@@ -17,18 +17,18 @@ const registerProps$1 = () => {
 const _c0$1 = ["wmSegmentedControl", ""];
 const _c1$1 = ["*"];
 const _c2 = a0 => ({ "active btn-primary": a0 });
-function SegmentedControlComponent_a_4_Template(rf, ctx) { if (rf & 1) {
+function SegmentedControlComponent_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 4);
-    i0.ɵɵlistener("click", function SegmentedControlComponent_a_4_Template_a_click_0_listener($event) { const i_r2 = i0.ɵɵrestoreView(_r1).index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showContent(i_r2, $event)); });
+    i0.ɵɵlistener("click", function SegmentedControlComponent_For_5_Template_a_click_0_listener($event) { const ɵ$index_8_r2 = i0.ɵɵrestoreView(_r1).$index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showContent(ɵ$index_8_r2, $event)); });
     i0.ɵɵelement(1, "i", 5);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const content_r4 = ctx.$implicit;
-    const i_r2 = ctx.index;
+    const ɵ$index_8_r2 = ctx.$index;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c2, i_r2 == ctx_r2.currentSelectedIndex));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c2, ɵ$index_8_r2 == ctx_r2.currentSelectedIndex));
     i0.ɵɵattribute("aria-label", content_r4.caption);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", content_r4.iconclass);
@@ -128,24 +128,24 @@ class SegmentedControlComponent extends StylableComponent {
     static { this.ɵfac = function SegmentedControlComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SegmentedControlComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SegmentedControlComponent, selectors: [["", "wmSegmentedControl", ""]], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(SegmentedControlComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0$1, ngContentSelectors: _c1$1, decls: 5, vars: 1, consts: [[1, "app-segments-container"], [1, "list-inline"], [1, "btn-group", "btn-group-justified"], ["class", "btn btn-default", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "btn", "btn-default", 3, "click", "ngClass"], [1, "app-icon", 3, "ngClass"]], template: function SegmentedControlComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0$1, ngContentSelectors: _c1$1, decls: 6, vars: 0, consts: [[1, "app-segments-container"], [1, "list-inline"], [1, "btn-group", "btn-group-justified"], [1, "btn", "btn-default", 3, "ngClass"], [1, "btn", "btn-default", 3, "click", "ngClass"], [1, "app-icon", 3, "ngClass"]], template: function SegmentedControlComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "ul", 1);
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(3, "div", 2);
-            i0.ɵɵtemplate(4, SegmentedControlComponent_a_4_Template, 3, 6, "a", 3);
+            i0.ɵɵrepeaterCreate(4, SegmentedControlComponent_For_5_Template, 3, 6, "a", 3, i0.ɵɵrepeaterTrackByIdentity);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngForOf", ctx.contents);
-        } }, dependencies: [i1.NgClass, i1.NgForOf], encapsulation: 2 }); }
+            i0.ɵɵrepeater(ctx.contents);
+        } }, dependencies: [i1.NgClass], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SegmentedControlComponent, [{
         type: Component,
         args: [{ selector: '[wmSegmentedControl]', providers: [
                     provideAsWidgetRef(SegmentedControlComponent)
-                ], template: "<div class=\"app-segments-container\">\n    <ul class=\"list-inline\">\n        <ng-content></ng-content>\n    </ul>\n    </div>\n<div class=\"btn-group btn-group-justified\">\n    <a class=\"btn btn-default\" *ngFor=\"let content of contents; index as i\"\n       [ngClass]=\"{'active btn-primary' : i == currentSelectedIndex}\"\n       (click)=\"showContent(i, $event);\" [attr.aria-label]=\"content.caption\">\n        <i class=\"app-icon\" [ngClass]=\"content.iconclass\"></i>{{content.caption}}\n    </a>\n</div>\n" }]
+                ], template: "<div class=\"app-segments-container\">\n  <ul class=\"list-inline\">\n    <ng-content></ng-content>\n  </ul>\n</div>\n<div class=\"btn-group btn-group-justified\">\n  @for (content of contents; track content; let i = $index) {\n    <a class=\"btn btn-default\"\n      [ngClass]=\"{'active btn-primary' : i == currentSelectedIndex}\"\n      (click)=\"showContent(i, $event);\" [attr.aria-label]=\"content.caption\">\n      <i class=\"app-icon\" [ngClass]=\"content.iconclass\"></i>{{content.caption}}\n    </a>\n  }\n</div>\n" }]
     }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
                 type: Inject,
                 args: ['EXPLICIT_CONTEXT']
@@ -169,8 +169,8 @@ const registerProps = () => {
 const _c0 = ["wmSegmentContent", ""];
 const _c1 = ["*"];
-function SegmentContentComponent_ng_content_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵprojection(0, 0, ["*ngIf", "compile"]);
+function SegmentContentComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵprojection(0);
 } }
 const DEFAULT_CLS = 'app-segment-content clearfix';
 const WIDGET_CONFIG = { widgetType: 'wm-segment-content', hostClass: DEFAULT_CLS };
@@ -210,18 +210,18 @@ class SegmentContentComponent extends StylableComponent {
     static { this.ɵfac = function SegmentContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SegmentContentComponent)(i0.ɵɵdirectiveInject(SegmentedControlComponent), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SegmentContentComponent, selectors: [["", "wmSegmentContent", ""]], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(SegmentContentComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c1, decls: 1, vars: 1, consts: [[4, "ngIf"]], template: function SegmentContentComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c1, decls: 1, vars: 1, template: function SegmentContentComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, SegmentContentComponent_ng_content_0_Template, 1, 0, "ng-content", 0);
+            i0.ɵɵtemplate(0, SegmentContentComponent_Conditional_0_Template, 1, 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.compile);
-        } }, dependencies: [i1.NgIf], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.compile ? 0 : -1);
+        } }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SegmentContentComponent, [{
         type: Component,
         args: [{ selector: '[wmSegmentContent]', providers: [
                     provideAsWidgetRef(SegmentContentComponent)
-                ], template: "<ng-content *ngIf=\"compile\"></ng-content>" }]
+                ], template: "@if (compile) {<ng-content></ng-content>}" }]
     }], () => [{ type: SegmentedControlComponent }, { type: i0.Injector }, { type: undefined, decorators: [{
                 type: Inject,
                 args: ['EXPLICIT_CONTEXT']

package/mobile/components/containers/segmented-control/fesm2022/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../../projects/mobile/components/containers/segmented-control/src/segmented-control.props.ts","../../../../../../projects/mobile/components/containers/segmented-control/src/segmented-control.component.html","../../../../../../projects/mobile/components/containers/segmented-control/src/segmented-control.component.ts","../../../../../../projects/mobile/components/containers/segmented-control/src/segment-content/segment-content.props.ts","../../../../../../projects/mobile/components/containers/segmented-control/src/segment-content/segment-content.component.html","../../../../../../projects/mobile/components/containers/segmented-control/src/segment-content/segment-content.component.ts","../../../../../../projects/mobile/components/containers/segmented-control/src/segmented-control.module.ts","../../../../../../projects/mobile/components/containers/segmented-control/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-segmented-control',\n new Map(\n [\n ['class', PROP_STRING],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}]\n ]\n )\n );\n};\n","<div class=\"app-segments-container\">\n <ul class=\"list-inline\">\n <ng-content></ng-content>\n </ul>\n </div>\n<div class=\"btn-group btn-group-justified\">\n <a class=\"btn btn-default\" ngFor=\"let content of contents; index as i\"\n [ngClass]=\"{'active btn-primary' : i == currentSelectedIndex}\"\n (click)=\"showContent(i, $event);\" [attr.aria-label]=\"content.caption\">\n <i class=\"app-icon\" [ngClass]=\"content.iconclass\"></i>{{content.caption}}\n </a>\n</div>\n","import {AfterViewInit, Component, Inject, Injector, Optional} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\nimport {setCSS, setCSSFromObj} from '@wm/core';\n\nimport { registerProps } from './segmented-control.props';\nimport { SegmentContentComponent } from './segment-content/segment-content.component';\nimport {isNumber} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'app-segmented-control';\nconst WIDGET_CONFIG: IWidgetConfig = {widgetType: 'wm-segmented-control', hostClass: DEFAULT_CLS};\n\n@Component({\n selector: '[wmSegmentedControl]',\n templateUrl: './segmented-control.component.html',\n providers: [\n provideAsWidgetRef(SegmentedControlComponent)\n ]\n})\nexport class SegmentedControlComponent extends StylableComponent implements AfterViewInit {\n static initializeProps = registerProps();\n\n private _$container;\n\n public contents: SegmentContentComponent[] = [];\n public currentSelectedIndex = 0;\n\n constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n styler(this.nativeElement, this, APPLY_STYLES_TYPE.SCROLLABLE_CONTAINER);\n }\n\n public addContent(content: SegmentContentComponent) {\n this.contents.push(content);\n }\n\n public goToNext() {\n this.showContent(this.currentSelectedIndex + 1);\n }\n\n public goToPrev() {\n this.showContent(this.currentSelectedIndex - 1);\n }\n\n public ngAfterViewInit() {\n this._$container = this.$element.find('>.app-segments-container');\n const childEls = this._$container.find('>.list-inline >li');\n const maxWidth = `${this.contents.length 100}%`;\n setCSSFromObj(this._$container[0], {\n maxWidth: maxWidth,\n width: maxWidth,\n 'white-space': 'nowrap',\n transition: 'transform 0.2s linear'\n });\n const width = `${100 / this.contents.length}%`;\n for (const child of Array.from(childEls)) {\n setCSS(child as HTMLElement, 'width', width);\n }\n this.showContent(0, undefined, true);\n }\n\n public onPropertyChange(key, nv, ov?) {\n if (key === 'tabindex') {\n return;\n } else {\n super.onPropertyChange(key, nv, ov);\n }\n }\n\n public removeContent(content: SegmentContentComponent) {\n const index = this.contents.findIndex(c => {\n return c === content;\n });\n if (index >= 0) {\n this.contents.splice(index, 1);\n if (index < this.contents.length) {\n this.showContent(index);\n } else if (this.contents.length > 0) {\n this.showContent(0);\n }\n }\n }\n\n public showContent(content: number \| SegmentContentComponent , $event?: any, defaultLoad?: boolean) {\n let index: number;\n let selectedContent: SegmentContentComponent;\n if (isNumber(content)) {\n index = content as number;\n if (this.contents.length) {\n selectedContent = this.contents[index];\n }\n } else {\n selectedContent = content as SegmentContentComponent;\n index = this.contents.findIndex(c => {\n return c === content;\n });\n }\n\n if (selectedContent) {\n selectedContent.loadContent(defaultLoad);\n }\n\n if (index < 0 \|\| index >= this.contents.length) {\n return;\n }\n if ($event) {\n $event.stopPropagation();\n }\n const eventData = {\n $old : this.currentSelectedIndex,\n $new : index\n };\n\n this.currentSelectedIndex = index;\n this.invokeEventCallback('beforesegmentchange', eventData);\n setCSS(this._$container[0], 'transform', `translate3d(${-1 * index / this.contents.length * 100}%, 0, 0)`);\n this.invokeEventCallback('segmentchange', eventData);\n }\n}\n","import { PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-segment-content',\n new Map(\n [\n ['caption', {value: '', ...PROP_STRING}],\n ['class', PROP_STRING],\n ['content', PROP_STRING],\n ['iconclass', {value: '', ...PROP_STRING}],\n ['loadmode', PROP_STRING],\n ['loaddelay', {value: 10, ...PROP_NUMBER}],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}]\n ]\n )\n );\n};\n","<ng-content ngIf=\"compile\"></ng-content>","import {AfterViewInit, Component, Inject, Injector, Optional} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\n\nimport { registerProps } from './segment-content.props';\nimport { SegmentedControlComponent } from '../segmented-control.component';\n\nconst DEFAULT_CLS = 'app-segment-content clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {widgetType: 'wm-segment-content', hostClass: DEFAULT_CLS};\n\n@Component({\n selector: '[wmSegmentContent]',\n templateUrl: './segment-content.component.html',\n providers: [\n provideAsWidgetRef(SegmentContentComponent)\n ]\n})\nexport class SegmentContentComponent extends StylableComponent implements AfterViewInit {\n static initializeProps = registerProps();\n\n private loadmode: string;\n public compile = false;\n private loaddelay: number;\n\n constructor(private segmentedControl: SegmentedControlComponent, inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n styler(this.nativeElement, this, APPLY_STYLES_TYPE.SCROLLABLE_CONTAINER);\n segmentedControl.addContent(this);\n }\n\n public ngAfterViewInit() {\n // load the content on demand when loadmode is not specified\n if (!this.loadmode) {\n this.loadContent(true);\n }\n }\n\n public navigate() {\n this.segmentedControl.showContent(this);\n }\n\n // sets the compile flag to load the content\n private _loadContent() {\n if (!this.compile) {\n this.compile = true;\n this.invokeEventCallback('ready');\n }\n }\n\n public loadContent(defaultLoad) {\n if (this.loadmode === 'after-delay' \|\| defaultLoad) {\n setTimeout(this._loadContent.bind(this), defaultLoad ? 0 : this.loaddelay);\n } else {\n this._loadContent();\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { SegmentedControlComponent } from './segmented-control.component';\nimport { SegmentContentComponent } from './segment-content/segment-content.component';\n\nconst components = [\n SegmentedControlComponent,\n SegmentContentComponent\n];\n\n@NgModule({\n imports: [\n CommonModule,\n WmComponentsModule\n ],\n declarations: [...components],\n exports: [...components]\n})\nexport class SegmentedControlModule {\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":["registerProps","DEFAULT_CLS","WIDGET_CONFIG","_c0","_c1"],"mappings":"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"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../../projects/mobile/components/containers/segmented-control/src/segmented-control.props.ts","../../../../../../projects/mobile/components/containers/segmented-control/src/segmented-control.component.html","../../../../../../projects/mobile/components/containers/segmented-control/src/segmented-control.component.ts","../../../../../../projects/mobile/components/containers/segmented-control/src/segment-content/segment-content.props.ts","../../../../../../projects/mobile/components/containers/segmented-control/src/segment-content/segment-content.component.html","../../../../../../projects/mobile/components/containers/segmented-control/src/segment-content/segment-content.component.ts","../../../../../../projects/mobile/components/containers/segmented-control/src/segmented-control.module.ts","../../../../../../projects/mobile/components/containers/segmented-control/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-segmented-control',\n new Map(\n [\n ['class', PROP_STRING],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}]\n ]\n )\n );\n};\n","<div class=\"app-segments-container\">\n <ul class=\"list-inline\">\n <ng-content></ng-content>\n </ul>\n</div>\n<div class=\"btn-group btn-group-justified\">\n @for (content of contents; track content; let i = $index) {\n <a class=\"btn btn-default\"\n [ngClass]=\"{'active btn-primary' : i == currentSelectedIndex}\"\n (click)=\"showContent(i, $event);\" [attr.aria-label]=\"content.caption\">\n <i class=\"app-icon\" [ngClass]=\"content.iconclass\"></i>{{content.caption}}\n </a>\n }\n</div>\n","import {AfterViewInit, Component, Inject, Injector, Optional} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\nimport {setCSS, setCSSFromObj} from '@wm/core';\n\nimport { registerProps } from './segmented-control.props';\nimport { SegmentContentComponent } from './segment-content/segment-content.component';\nimport {isNumber} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'app-segmented-control';\nconst WIDGET_CONFIG: IWidgetConfig = {widgetType: 'wm-segmented-control', hostClass: DEFAULT_CLS};\n\n@Component({\n selector: '[wmSegmentedControl]',\n templateUrl: './segmented-control.component.html',\n providers: [\n provideAsWidgetRef(SegmentedControlComponent)\n ]\n})\nexport class SegmentedControlComponent extends StylableComponent implements AfterViewInit {\n static initializeProps = registerProps();\n\n private _$container;\n\n public contents: SegmentContentComponent[] = [];\n public currentSelectedIndex = 0;\n\n constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n styler(this.nativeElement, this, APPLY_STYLES_TYPE.SCROLLABLE_CONTAINER);\n }\n\n public addContent(content: SegmentContentComponent) {\n this.contents.push(content);\n }\n\n public goToNext() {\n this.showContent(this.currentSelectedIndex + 1);\n }\n\n public goToPrev() {\n this.showContent(this.currentSelectedIndex - 1);\n }\n\n public ngAfterViewInit() {\n this._$container = this.$element.find('>.app-segments-container');\n const childEls = this._$container.find('>.list-inline >li');\n const maxWidth = `${this.contents.length * 100}%`;\n setCSSFromObj(this._$container[0], {\n maxWidth: maxWidth,\n width: maxWidth,\n 'white-space': 'nowrap',\n transition: 'transform 0.2s linear'\n });\n const width = `${100 / this.contents.length}%`;\n for (const child of Array.from(childEls)) {\n setCSS(child as HTMLElement, 'width', width);\n }\n this.showContent(0, undefined, true);\n }\n\n public onPropertyChange(key, nv, ov?) {\n if (key === 'tabindex') {\n return;\n } else {\n super.onPropertyChange(key, nv, ov);\n }\n }\n\n public removeContent(content: SegmentContentComponent) {\n const index = this.contents.findIndex(c => {\n return c === content;\n });\n if (index >= 0) {\n this.contents.splice(index, 1);\n if (index < this.contents.length) {\n this.showContent(index);\n } else if (this.contents.length > 0) {\n this.showContent(0);\n }\n }\n }\n\n public showContent(content: number \| SegmentContentComponent , $event?: any, defaultLoad?: boolean) {\n let index: number;\n let selectedContent: SegmentContentComponent;\n if (isNumber(content)) {\n index = content as number;\n if (this.contents.length) {\n selectedContent = this.contents[index];\n }\n } else {\n selectedContent = content as SegmentContentComponent;\n index = this.contents.findIndex(c => {\n return c === content;\n });\n }\n\n if (selectedContent) {\n selectedContent.loadContent(defaultLoad);\n }\n\n if (index < 0 \|\| index >= this.contents.length) {\n return;\n }\n if ($event) {\n $event.stopPropagation();\n }\n const eventData = {\n $old : this.currentSelectedIndex,\n $new : index\n };\n\n this.currentSelectedIndex = index;\n this.invokeEventCallback('beforesegmentchange', eventData);\n setCSS(this._$container[0], 'transform', `translate3d(${-1 * index / this.contents.length * 100}%, 0, 0)`);\n this.invokeEventCallback('segmentchange', eventData);\n }\n}\n","import { PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-segment-content',\n new Map(\n [\n ['caption', {value: '', ...PROP_STRING}],\n ['class', PROP_STRING],\n ['content', PROP_STRING],\n ['iconclass', {value: '', ...PROP_STRING}],\n ['loadmode', PROP_STRING],\n ['loaddelay', {value: 10, ...PROP_NUMBER}],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}]\n ]\n )\n );\n};\n","@if (compile) {<ng-content></ng-content>}","import {AfterViewInit, Component, Inject, Injector, Optional} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\n\nimport { registerProps } from './segment-content.props';\nimport { SegmentedControlComponent } from '../segmented-control.component';\n\nconst DEFAULT_CLS = 'app-segment-content clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {widgetType: 'wm-segment-content', hostClass: DEFAULT_CLS};\n\n@Component({\n selector: '[wmSegmentContent]',\n templateUrl: './segment-content.component.html',\n providers: [\n provideAsWidgetRef(SegmentContentComponent)\n ]\n})\nexport class SegmentContentComponent extends StylableComponent implements AfterViewInit {\n static initializeProps = registerProps();\n\n private loadmode: string;\n public compile = false;\n private loaddelay: number;\n\n constructor(private segmentedControl: SegmentedControlComponent, inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n styler(this.nativeElement, this, APPLY_STYLES_TYPE.SCROLLABLE_CONTAINER);\n segmentedControl.addContent(this);\n }\n\n public ngAfterViewInit() {\n // load the content on demand when loadmode is not specified\n if (!this.loadmode) {\n this.loadContent(true);\n }\n }\n\n public navigate() {\n this.segmentedControl.showContent(this);\n }\n\n // sets the compile flag to load the content\n private _loadContent() {\n if (!this.compile) {\n this.compile = true;\n this.invokeEventCallback('ready');\n }\n }\n\n public loadContent(defaultLoad) {\n if (this.loadmode === 'after-delay' \|\| defaultLoad) {\n setTimeout(this._loadContent.bind(this), defaultLoad ? 0 : this.loaddelay);\n } else {\n this._loadContent();\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { SegmentedControlComponent } from './segmented-control.component';\nimport { SegmentContentComponent } from './segment-content/segment-content.component';\n\nconst components = [\n SegmentedControlComponent,\n SegmentContentComponent\n];\n\n@NgModule({\n imports: [\n CommonModule,\n WmComponentsModule\n ],\n declarations: [...components],\n exports: [...components]\n})\nexport class SegmentedControlModule {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":["registerProps","DEFAULT_CLS","WIDGET_CONFIG","_c0","_c1"],"mappings":"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"}

package/mobile/components/data/media-list/bundles/index.umd.js CHANGED Viewed

@@ -70,10 +70,10 @@
     const _c3 = a0 => ({ src: a0, class: "thumbnail-image" });
     const _c4 = (a0, a1) => ({ item: a0, index: a1 });
     const _c5 = () => ({ field: "mediaUrlVal", class: "center-block" });
-    function MediaListComponent_li_1_Template(rf, ctx) { if (rf & 1) {
+    function MediaListComponent_For_2_Template(rf, ctx) { if (rf & 1) {
         const _r1 = i0__namespace.ɵɵgetCurrentView();
         i0__namespace.ɵɵelementStart(0, "li", 4);
-        i0__namespace.ɵɵlistener("click", function MediaListComponent_li_1_Template_li_click_0_listener() { const index_r2 = i0__namespace.ɵɵrestoreView(_r1).index; const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.showFullScreen(index_r2)); });
+        i0__namespace.ɵɵlistener("click", function MediaListComponent_For_2_Template_li_click_0_listener() { const ɵ$index_3_r2 = i0__namespace.ɵɵrestoreView(_r1).$index; const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.showFullScreen(ɵ$index_3_r2)); });
         i0__namespace.ɵɵelementStart(1, "div", 5);
         i0__namespace.ɵɵelementContainer(2, 6);
         i0__namespace.ɵɵelementStart(3, "div", 7);
@@ -81,33 +81,33 @@
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
         const item_r4 = ctx.$implicit;
-        const index_r2 = ctx.index;
+        const ɵ$index_3_r2 = ctx.$index;
         const ctx_r2 = i0__namespace.ɵɵnextContext();
-        const imgTemplate_r5 = i0__namespace.ɵɵreference(4);
+        const imgTemplate_r5 = i0__namespace.ɵɵreference(5);
         i0__namespace.ɵɵproperty("ngStyle", i0__namespace.ɵɵpureFunction2(8, _c2, ctx_r2.thumbnailwidth, ctx_r2.thumbnailheight));
         i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", imgTemplate_r5)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(11, _c3, item_r4.thumbnailUrlVal))("ngTemplateOutletInjector", ctx_r2.createCustomInjector("thumbnail_" + index_r2, i0__namespace.ɵɵpureFunction1(13, _c3, item_r4.thumbnailUrlVal)));
+        i0__namespace.ɵɵproperty("ngTemplateOutlet", imgTemplate_r5)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(11, _c3, item_r4.thumbnailUrlVal))("ngTemplateOutletInjector", ctx_r2.createCustomInjector("thumbnail_" + ɵ$index_3_r2, i0__namespace.ɵɵpureFunction1(13, _c3, item_r4.thumbnailUrlVal)));
         i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", ctx_r2.mediaListTemplate)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction2(15, _c4, item_r4, index_r2))("ngTemplateOutletInjector", ctx_r2.createCustomInjector("thumbnail_details_" + index_r2, i0__namespace.ɵɵpureFunction2(18, _c4, item_r4, index_r2)))("wmMediaListItem", item_r4);
+        i0__namespace.ɵɵproperty("ngTemplateOutlet", ctx_r2.mediaListTemplate)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction2(15, _c4, item_r4, ɵ$index_3_r2))("ngTemplateOutletInjector", ctx_r2.createCustomInjector("thumbnail_details_" + ɵ$index_3_r2, i0__namespace.ɵɵpureFunction2(18, _c4, item_r4, ɵ$index_3_r2)))("wmMediaListItem", item_r4);
     } }
-    function MediaListComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    function MediaListComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
         const _r6 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "div", 9);
-        i0__namespace.ɵɵelement(1, "header", 10);
-        i0__namespace.ɵɵelementStart(2, "div", 11)(3, "div", 12)(4, "div", 13)(5, "div", 14);
-        i0__namespace.ɵɵlistener("swipeleft", function MediaListComponent_div_2_Template_div_swipeleft_5_listener() { i0__namespace.ɵɵrestoreView(_r6); const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.showNext()); })("swiperight", function MediaListComponent_div_2_Template_div_swiperight_5_listener() { i0__namespace.ɵɵrestoreView(_r6); const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.showPrev()); });
+        i0__namespace.ɵɵelementStart(0, "div", 3);
+        i0__namespace.ɵɵelement(1, "header", 9);
+        i0__namespace.ɵɵelementStart(2, "div", 10)(3, "div", 11)(4, "div", 12)(5, "div", 13);
+        i0__namespace.ɵɵlistener("swipeleft", function MediaListComponent_Conditional_3_Template_div_swipeleft_5_listener() { i0__namespace.ɵɵrestoreView(_r6); const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.showNext()); })("swiperight", function MediaListComponent_Conditional_3_Template_div_swiperight_5_listener() { i0__namespace.ɵɵrestoreView(_r6); const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.showPrev()); });
         i0__namespace.ɵɵelementContainer(6, 6);
-        i0__namespace.ɵɵelementStart(7, "a", 15);
-        i0__namespace.ɵɵlistener("click", function MediaListComponent_div_2_Template_a_click_7_listener() { i0__namespace.ɵɵrestoreView(_r6); const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.showPrev()); });
-        i0__namespace.ɵɵelement(8, "i", 16);
+        i0__namespace.ɵɵelementStart(7, "a", 14);
+        i0__namespace.ɵɵlistener("click", function MediaListComponent_Conditional_3_Template_a_click_7_listener() { i0__namespace.ɵɵrestoreView(_r6); const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.showPrev()); });
+        i0__namespace.ɵɵelement(8, "i", 15);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(9, "a", 17);
-        i0__namespace.ɵɵlistener("click", function MediaListComponent_div_2_Template_a_click_9_listener() { i0__namespace.ɵɵrestoreView(_r6); const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.showNext()); });
-        i0__namespace.ɵɵelement(10, "i", 18);
+        i0__namespace.ɵɵelementStart(9, "a", 16);
+        i0__namespace.ɵɵlistener("click", function MediaListComponent_Conditional_3_Template_a_click_9_listener() { i0__namespace.ɵɵrestoreView(_r6); const ctx_r2 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r2.showNext()); });
+        i0__namespace.ɵɵelement(10, "i", 17);
         i0__namespace.ɵɵelementEnd()()()()()();
     } if (rf & 2) {
         const ctx_r2 = i0__namespace.ɵɵnextContext();
-        const imgTemplate_r5 = i0__namespace.ɵɵreference(4);
+        const imgTemplate_r5 = i0__namespace.ɵɵreference(5);
         i0__namespace.ɵɵadvance(6);
         i0__namespace.ɵɵproperty("ngTemplateOutlet", imgTemplate_r5)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction0(5, _c5))("ngTemplateOutletInjector", ctx_r2.createCustomInjector("image_", i0__namespace.ɵɵpureFunction0(6, _c5)));
         i0__namespace.ɵɵadvance();
@@ -115,8 +115,8 @@
         i0__namespace.ɵɵadvance(2);
         i0__namespace.ɵɵproperty("hidden", !(ctx_r2.selectedMediaIndex < ctx_r2.fieldDefs.length - 1));
     } }
-    function MediaListComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "img", 19);
+    function MediaListComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelement(0, "img", 18);
     } if (rf & 2) {
         const classname_r7 = ctx.class;
         const ctx_r2 = i0__namespace.ɵɵnextContext();
@@ -237,23 +237,23 @@
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.mediaListTemplate = _t.first);
             } }, features: [i0__namespace.ɵɵProvidersFeature([
                     base.provideAsWidgetRef(MediaListComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c1, decls: 5, vars: 2, consts: [["imgTemplate", ""], [1, "list-unstyled", "list-inline", "app-media-thumbnail"], [3, "ngStyle", "click", 4, "ngFor", "ngForOf"], ["class", "app-media-fullscreen", 4, "ngIf"], [3, "click", "ngStyle"], [1, "thumbnail"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector"], [1, "thumbnail-details"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector", "wmMediaListItem"], [1, "app-media-fullscreen"], ["wmMobileNavbar", "", "backbutton", "true", "backbtnclick.event", "exitFullScreen()", "showLeftnavbtn", "false", "backbuttoniconclass.event", "wi wi-chevron-left", "title.bind", "getPicTitle()"], ["wmContent", ""], ["wmPageContent", ""], [1, "media-content"], [1, "image-container", 3, "swipeleft", "swiperight"], [1, "app-media-fullscreen-nav-control", "left", 3, "click", "hidden"], [1, "wi", "wi-chevron-left"], [1, "app-media-fullscreen-nav-control", "right", 3, "click", "hidden"], [1, "wi", "wi-chevron-right"], ["wmPicture", "", "picturesource.bind", "src || getSrc(field)", 3, "wmImageCache"]], template: function MediaListComponent_Template(rf, ctx) { if (rf & 1) {
+                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c1, decls: 6, vars: 1, consts: [["imgTemplate", ""], [1, "list-unstyled", "list-inline", "app-media-thumbnail"], [3, "ngStyle"], [1, "app-media-fullscreen"], [3, "click", "ngStyle"], [1, "thumbnail"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector"], [1, "thumbnail-details"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector", "wmMediaListItem"], ["wmMobileNavbar", "", "backbutton", "true", "backbtnclick.event", "exitFullScreen()", "showLeftnavbtn", "false", "backbuttoniconclass.event", "wi wi-chevron-left", "title.bind", "getPicTitle()"], ["wmContent", ""], ["wmPageContent", ""], [1, "media-content"], [1, "image-container", 3, "swipeleft", "swiperight"], [1, "app-media-fullscreen-nav-control", "left", 3, "click", "hidden"], [1, "wi", "wi-chevron-left"], [1, "app-media-fullscreen-nav-control", "right", 3, "click", "hidden"], [1, "wi", "wi-chevron-right"], ["wmPicture", "", "picturesource.bind", "src || getSrc(field)", 3, "wmImageCache"]], template: function MediaListComponent_Template(rf, ctx) { if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "ul", 1);
-                i0__namespace.ɵɵtemplate(1, MediaListComponent_li_1_Template, 5, 21, "li", 2);
+                i0__namespace.ɵɵrepeaterCreate(1, MediaListComponent_For_2_Template, 5, 21, "li", 2, i0__namespace.ɵɵrepeaterTrackByIdentity);
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(2, MediaListComponent_div_2_Template, 11, 7, "div", 3)(3, MediaListComponent_ng_template_3_Template, 1, 4, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor);
+                i0__namespace.ɵɵtemplate(3, MediaListComponent_Conditional_3_Template, 11, 7, "div", 3)(4, MediaListComponent_ng_template_4_Template, 1, 4, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor);
             } if (rf & 2) {
                 i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵproperty("ngForOf", ctx.fieldDefs);
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵproperty("ngIf", ctx.selectedMediaIndex >= 0 && ctx.appendToBody());
-            } }, dependencies: [i1__namespace.PictureDirective, i2__namespace.NgForOf, i2__namespace.NgIf, i2__namespace.NgTemplateOutlet, i2__namespace.NgStyle, i3__namespace.ImageCacheDirective, i4__namespace.MobileNavbarComponent, i5__namespace.ContentComponent, i5__namespace.PageContentComponent, MediaListItemDirective], encapsulation: 2 }); }
+                i0__namespace.ɵɵrepeater(ctx.fieldDefs);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵconditional(ctx.selectedMediaIndex >= 0 && ctx.appendToBody() ? 3 : -1);
+            } }, dependencies: [i1__namespace.PictureDirective, i2__namespace.NgTemplateOutlet, i2__namespace.NgStyle, i3__namespace.ImageCacheDirective, i4__namespace.MobileNavbarComponent, i5__namespace.ContentComponent, i5__namespace.PageContentComponent, MediaListItemDirective], encapsulation: 2 }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MediaListComponent, [{
             type: i0.Component,
             args: [{ selector: '[wmMediaList]', providers: [
                         base.provideAsWidgetRef(MediaListComponent)
-                    ], template: "<ul class=\"list-unstyled list-inline app-media-thumbnail\">\n    <li *ngFor=\"let item of fieldDefs; index as index;\" [ngStyle]=\"{width: thumbnailwidth, height: thumbnailheight}\" (click)=\"showFullScreen(index)\">\n        <div class=\"thumbnail\">\n            <ng-container [ngTemplateOutlet]=\"imgTemplate\"\n                          [ngTemplateOutletContext]=\"{src: item.thumbnailUrlVal, class: 'thumbnail-image'}\"\n                          [ngTemplateOutletInjector]=\"createCustomInjector('thumbnail_' + index, {src: item.thumbnailUrlVal, class: 'thumbnail-image'})\">\n            </ng-container>\n            <div class=\"thumbnail-details\">\n                <ng-container [ngTemplateOutlet]=\"mediaListTemplate\"\n                              [ngTemplateOutletContext]=\"{item:item, index:index}\"\n                              [ngTemplateOutletInjector]=\"createCustomInjector('thumbnail_details_' + index, {item:item, index:index})\"\n                              [wmMediaListItem]=\"item\">\n                </ng-container>\n            </div>\n        </div>\n    </li>\n</ul>\n<div class=\"app-media-fullscreen\" *ngIf=\"selectedMediaIndex >= 0 && appendToBody()\">\n    <header wmMobileNavbar\n            backbutton=\"true\"\n            backbtnclick.event=\"exitFullScreen()\"\n            showLeftnavbtn=\"false\"\n            backbuttoniconclass.event=\"wi wi-chevron-left\"\n            title.bind=\"getPicTitle()\">\n    </header>\n    <div wmContent>\n        <div wmPageContent>\n            <div class=\"media-content\">\n                <div class=\"image-container\"  (swipeleft)=\"showNext()\" (swiperight)=\"showPrev()\">\n                    <ng-container [ngTemplateOutlet]=\"imgTemplate\"\n                                  [ngTemplateOutletContext]=\"{field: 'mediaUrlVal', class: 'center-block'}\"\n                                  [ngTemplateOutletInjector]=\"createCustomInjector('image_', {field: 'mediaUrlVal', class: 'center-block'})\">\n                    </ng-container>\n                    <a class=\"app-media-fullscreen-nav-control left\" [hidden]=\"!(selectedMediaIndex > 0)\" (click)=\"showPrev()\">\n                        <i class=\"wi wi-chevron-left\"></i>\n                    </a>\n                    <a class=\"app-media-fullscreen-nav-control right\" [hidden]=\"!(selectedMediaIndex < fieldDefs.length-1)\" (click)=\"showNext()\">\n                        <i class=\"wi wi-chevron-right\"></i>\n                    </a>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #imgTemplate let-src=\"src\" let-classname=\"class\" let-field=\"field\">\n    <img wmPicture class=\"{{classname}}\" picturesource.bind=\"src || getSrc(field)\" wmImageCache=\"{{offline}}\" />\n</ng-template>\n" }]
+                    ], template: "<ul class=\"list-unstyled list-inline app-media-thumbnail\">\n  @for (item of fieldDefs; track item; let index = $index) {\n    <li [ngStyle]=\"{width: thumbnailwidth, height: thumbnailheight}\" (click)=\"showFullScreen(index)\">\n      <div class=\"thumbnail\">\n        <ng-container [ngTemplateOutlet]=\"imgTemplate\"\n          [ngTemplateOutletContext]=\"{src: item.thumbnailUrlVal, class: 'thumbnail-image'}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('thumbnail_' + index, {src: item.thumbnailUrlVal, class: 'thumbnail-image'})\">\n        </ng-container>\n        <div class=\"thumbnail-details\">\n          <ng-container [ngTemplateOutlet]=\"mediaListTemplate\"\n            [ngTemplateOutletContext]=\"{item:item, index:index}\"\n            [ngTemplateOutletInjector]=\"createCustomInjector('thumbnail_details_' + index, {item:item, index:index})\"\n            [wmMediaListItem]=\"item\">\n          </ng-container>\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n@if (selectedMediaIndex >= 0 && appendToBody()) {\n  <div class=\"app-media-fullscreen\">\n    <header wmMobileNavbar\n      backbutton=\"true\"\n      backbtnclick.event=\"exitFullScreen()\"\n      showLeftnavbtn=\"false\"\n      backbuttoniconclass.event=\"wi wi-chevron-left\"\n      title.bind=\"getPicTitle()\">\n    </header>\n    <div wmContent>\n      <div wmPageContent>\n        <div class=\"media-content\">\n          <div class=\"image-container\"  (swipeleft)=\"showNext()\" (swiperight)=\"showPrev()\">\n            <ng-container [ngTemplateOutlet]=\"imgTemplate\"\n              [ngTemplateOutletContext]=\"{field: 'mediaUrlVal', class: 'center-block'}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('image_', {field: 'mediaUrlVal', class: 'center-block'})\">\n            </ng-container>\n            <a class=\"app-media-fullscreen-nav-control left\" [hidden]=\"!(selectedMediaIndex > 0)\" (click)=\"showPrev()\">\n              <i class=\"wi wi-chevron-left\"></i>\n            </a>\n            <a class=\"app-media-fullscreen-nav-control right\" [hidden]=\"!(selectedMediaIndex < fieldDefs.length-1)\" (click)=\"showNext()\">\n              <i class=\"wi wi-chevron-right\"></i>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n}\n\n<ng-template #imgTemplate let-src=\"src\" let-classname=\"class\" let-field=\"field\">\n  <img wmPicture class=\"{{classname}}\" picturesource.bind=\"src || getSrc(field)\" wmImageCache=\"{{offline}}\" />\n</ng-template>\n" }]
         }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
                     type: i0.Inject,
                     args: ['EXPLICIT_CONTEXT']