@wavemaker/app-ng-runtime 11.4.0-rc.5346 → 11.4.0-rc.5347

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 (43) hide show
  1. app-ng-runtime/components/base/bundles/index.umd.js +15 -4
  2. app-ng-runtime/components/base/bundles/index.umd.js.map +1 -1
  3. app-ng-runtime/components/base/esm2015/directives/show-in-device.directive.js +16 -5
  4. app-ng-runtime/components/base/fesm2015/index.js +15 -4
  5. app-ng-runtime/components/base/fesm2015/index.js.map +1 -1
  6. app-ng-runtime/components/basic/tree/bundles/index.umd.js +16 -8
  7. app-ng-runtime/components/basic/tree/bundles/index.umd.js.map +1 -1
  8. app-ng-runtime/components/basic/tree/esm2015/tree.component.js +17 -9
  9. app-ng-runtime/components/basic/tree/fesm2015/index.js +16 -8
  10. app-ng-runtime/components/basic/tree/fesm2015/index.js.map +1 -1
  11. app-ng-runtime/components/chart/bundles/index.umd.js +1 -1
  12. app-ng-runtime/components/chart/bundles/index.umd.js.map +1 -1
  13. app-ng-runtime/components/chart/esm2015/chart.component.js +2 -2
  14. app-ng-runtime/components/chart/fesm2015/index.js +1 -1
  15. app-ng-runtime/components/chart/fesm2015/index.js.map +1 -1
  16. app-ng-runtime/components/containers/wizard/bundles/index.umd.js +43 -2
  17. app-ng-runtime/components/containers/wizard/bundles/index.umd.js.map +1 -1
  18. app-ng-runtime/components/containers/wizard/esm2015/wizard-step/wizard-step.props.js +3 -2
  19. app-ng-runtime/components/containers/wizard/esm2015/wizard.component.js +42 -2
  20. app-ng-runtime/components/containers/wizard/fesm2015/index.js +43 -2
  21. app-ng-runtime/components/containers/wizard/fesm2015/index.js.map +1 -1
  22. app-ng-runtime/components/containers/wizard/index.metadata.json +1 -1
  23. app-ng-runtime/components/containers/wizard/wizard.component.d.ts +2 -0
  24. app-ng-runtime/core/bundles/index.umd.js +12 -2
  25. app-ng-runtime/core/bundles/index.umd.js.map +1 -1
  26. app-ng-runtime/core/esm2015/services/viewport.service.js +6 -4
  27. app-ng-runtime/core/esm2015/utils/utils.js +11 -3
  28. app-ng-runtime/core/fesm2015/index.js +15 -5
  29. app-ng-runtime/core/fesm2015/index.js.map +1 -1
  30. app-ng-runtime/core/index.metadata.json +1 -1
  31. app-ng-runtime/core/utils/utils.d.ts +2 -2
  32. app-ng-runtime/package.json +1 -1
  33. app-ng-runtime/runtime/base/bundles/index.umd.js +163 -132
  34. app-ng-runtime/runtime/base/bundles/index.umd.js.map +1 -1
  35. app-ng-runtime/runtime/base/esm2015/public_api.js +2 -1
  36. app-ng-runtime/runtime/base/esm2015/runtime-base.module.js +3 -1
  37. app-ng-runtime/runtime/base/esm2015/services/app.service.js +3 -1
  38. app-ng-runtime/runtime/base/esm2015/services/pipe.service.js +33 -0
  39. app-ng-runtime/runtime/base/fesm2015/index.js +148 -119
  40. app-ng-runtime/runtime/base/fesm2015/index.js.map +1 -1
  41. app-ng-runtime/runtime/base/index.metadata.json +1 -1
  42. app-ng-runtime/runtime/base/public_api.d.ts +1 -0
  43. app-ng-runtime/runtime/base/services/pipe.service.d.ts +9 -0
@@ -25,10 +25,21 @@ export class ShowInDeviceDirective {
25
25
  5. For all, always render the view.
26
26
  */
27
27
  onResize($event) {
28
- if ((this.devices.indexOf('lg') > -1 && window.matchMedia("(min-width: 1200px)").matches && !isLargeTabletLandscape())
29
- || (this.devices.indexOf('md') > -1 && (isLargeTabletLandscape() || (window.matchMedia("(min-width: 992px) and (max-width: 1199px)").matches && !isLargeTabletPortrait())))
30
- || (this.devices.indexOf('sm') > -1 && (window.matchMedia("(min-width: 768px) and (max-width: 991px)").matches || isLargeTabletPortrait()))
31
- || (this.devices.indexOf('xs') > -1 && window.matchMedia("(max-width: 767px)").matches)
28
+ const lgWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg') || '1200px';
29
+ const mdWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-md') || '992px';
30
+ const smWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-sm') || '768px';
31
+ const lgTabLandScapeWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg-tab-landscape') || '1366px';
32
+ const lgTabPortraitWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg-tab-portrait') || '1024px';
33
+ const lgWidthMin = parseFloat(lgWidth) - 1;
34
+ const lgUnit = lgWidthMin + "px";
35
+ const mdWidthMin = parseFloat(mdWidth) - 1;
36
+ const mdUnit = mdWidthMin + "px";
37
+ const smWidthMin = parseFloat(smWidth) - 1;
38
+ const smUnit = smWidthMin + "px";
39
+ if ((this.devices.indexOf('lg') > -1 && window.matchMedia("(min-width: " + lgWidth + ")").matches && !isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth))
40
+ || (this.devices.indexOf('md') > -1 && (isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth) || (window.matchMedia("(min-width: " + mdWidth + ") and (max-width: " + lgUnit + ")").matches && !isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth))))
41
+ || (this.devices.indexOf('sm') > -1 && (window.matchMedia("(min-width: " + smWidth + ") and (max-width: " + mdUnit + ")").matches || isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)))
42
+ || (this.devices.indexOf('xs') > -1 && window.matchMedia("(max-width: " + smUnit + ")").matches)
32
43
  || (this.devices.indexOf('all') > -1)) {
33
44
  if (!this.embeddedView) {
34
45
  this.embeddedView = this.viewContainerRef.createEmbeddedView(this.templateRef, this.context);
@@ -58,4 +69,4 @@ ShowInDeviceDirective.ctorParameters = () => [
58
69
  ShowInDeviceDirective.propDecorators = {
59
70
  showInDevice: [{ type: Input }]
60
71
  };
61
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1pbi1kZXZpY2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9iYXNlL3NyYy9kaXJlY3RpdmVzL3Nob3ctaW4tZGV2aWNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsU0FBUyxFQUNULFVBQVUsRUFDVixnQkFBZ0IsRUFDaEIsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsV0FBVyxFQUVkLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUV6RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBTXRFLE1BQU0sT0FBTyxxQkFBcUI7SUFJOUIsWUFDWSxLQUFpQixFQUNFLE1BQXFCLEVBQ3hDLGdCQUFrQyxFQUMxQyxHQUFhLEVBQ0wsV0FBNkI7UUFKN0IsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQUNFLFdBQU0sR0FBTixNQUFNLENBQWU7UUFDeEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUVsQyxnQkFBVyxHQUFYLFdBQVcsQ0FBa0I7UUFHckMsSUFBSSxDQUFDLE9BQU8sR0FBSSxHQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUV6QyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDaEUsQ0FBQztJQUNELElBQWEsWUFBWSxDQUFDLE9BQU87UUFDN0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBQ0Q7Ozs7Ozs7O09BUUc7SUFDSyxRQUFRLENBQUMsTUFBTztRQUNwQixJQUNJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksTUFBTSxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7ZUFDbEgsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLHNCQUFzQixFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLDRDQUE0QyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxDQUFDLENBQUM7ZUFDeEssQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsMkNBQTJDLENBQUMsQ0FBQyxPQUFPLElBQUkscUJBQXFCLEVBQUUsQ0FBQyxDQUFDO2VBQ3hJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksTUFBTSxDQUFDLFVBQVUsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLE9BQU8sQ0FBQztlQUNwRixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDcEMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUU7Z0JBQ3BCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO2FBQ2hHO1NBQ0o7YUFBTTtZQUNILElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztTQUMxQjtJQUVMLENBQUM7SUFFRCxXQUFXO1FBQ1AsTUFBTSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDeEQsQ0FBQzs7O1lBbkRKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO2FBQzdCOzs7WUFoQkcsVUFBVTtZQVdMLGFBQWEsdUJBWWIsTUFBTSxTQUFDLFNBQVM7WUF0QnJCLGdCQUFnQjtZQUdoQixRQUFRO1lBQ1IsV0FBVzs7OzJCQTRCVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBdHRyaWJ1dGUsXG4gICAgRGlyZWN0aXZlLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgVmlld0NvbnRhaW5lclJlZixcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgSW5qZWN0b3IsXG4gICAgVGVtcGxhdGVSZWYsXG4gICAgT25EZXN0cm95XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaXNMYXJnZVRhYmxldExhbmRzY2FwZSwgaXNMYXJnZVRhYmxldFBvcnRyYWl0IH0gZnJvbSAnQHdtL2NvcmUnO1xuXG5pbXBvcnQgeyBXaWRnZXRSZWYgfSBmcm9tICcuLi93aWRnZXRzL2ZyYW1ld29yay90eXBlcyc7XG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vd2lkZ2V0cy9jb21tb24vYmFzZS9iYXNlLmNvbXBvbmVudCc7XG5kZWNsYXJlIGNvbnN0IF8sICQ7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3Nob3dJbkRldmljZV0nXG59KVxuZXhwb3J0IGNsYXNzIFNob3dJbkRldmljZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjb250ZXh0O1xuICAgIHByaXZhdGUgZGV2aWNlcztcbiAgICBwcml2YXRlIGVtYmVkZGVkVmlldztcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBlbFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgQEluamVjdChXaWRnZXRSZWYpIHByaXZhdGUgd2lkZ2V0OiBCYXNlQ29tcG9uZW50LFxuICAgICAgICBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXG4gICAgICAgIGluajogSW5qZWN0b3IsXG4gICAgICAgIHByaXZhdGUgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT5cbiAgICApIHtcblxuICAgICAgICB0aGlzLmNvbnRleHQgPSAoaW5qIGFzIGFueSkudmlldy5jb250ZXh0O1xuXG4gICAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCB0aGlzLm9uUmVzaXplLmJpbmQodGhpcykpO1xuICAgIH1cbiAgICBASW5wdXQoKSBzZXQgc2hvd0luRGV2aWNlKGRldmljZXMpIHtcbiAgICAgICAgdGhpcy5kZXZpY2VzID0gZGV2aWNlcy5zcGxpdCgnLCcpO1xuICAgICAgICB0aGlzLm9uUmVzaXplKCk7XG4gICAgfVxuICAgIC8qXG4gICAgVGhpcyBmdW5jdGlvbiBoYW5kbGVzIHRoZSByZW5kZXJpbmcgb2Ygd2lkZ2V0cyBiYXNlZCBvbiB0aGUgY29uZmlndXJlZCBzaG93aW5kZXZpY2UgcHJvcGVydHlcbiAgICBmb3IgdGhlIHdpZGdldC5cbiAgICAxLiBGb3IgTGFyZ2UgU2NyZWVuLCBjcmVhdGUgdGhlIHZpZXcgb25seSB3aGVuIG1pbi13aWR0aCBpcyAxMjAwcHgoZXhjZXB0IHdoZW4gdGhlIHZpZXdwb3J0IGlzIGFuIElwYWQgUHJvIDEzIGluY2goTGFuZHNjYXBlKSlcbiAgICAyLiBGb3IgTGFwdG9wL1RhYmxldCBMYW5kc2NhcGUsIGNyZWF0ZSB0aGUgdmlldyBvbmx5IHdoZW4gZWl0aGVyIG1pbi13aWR0aCBpcyA5OTJweCBhbmQgbWF4LXdpZHRoIGlzIDExOTlweChleGNlcHQgd2hlbiB0aGUgdmlld3BvcnQgaXMgYW4gSXBhZCBQcm8gMTMgaW5jaChQb3J0cmFpdCkpLCBvciBpdHMgYW4gSXBhZCBQcm8gMTMgaW5jaChMYW5kc2NhcGUpKVxuICAgIDMuIEZvciBUYWJsZXQgUG9ydHJhaXQsIGNyZWF0ZSB0aGUgdmlldyBvbmx5IHdoZW4gZWl0aGVyIG1pbi13aWR0aCBpcyA3NjhweCBhbmQgbWF4LXdpZHRoIGlzIDk5MXB4LCBvciBpdHMgYW4gSXBhZCBQcm8gMTMgaW5jaChQb3J0cmFpdCkpXG4gICAgNC4gRm9yIE1vYmlsZSwgY3JlYXRlIHRoZSB2aWV3IG9ubHkgd2hlbiBtYXgtd2lkdGggaXMgNzY3cHguXG4gICAgNS4gRm9yIGFsbCwgYWx3YXlzIHJlbmRlciB0aGUgdmlldy5cbiAgICAgKi9cbiAgICBwcml2YXRlIG9uUmVzaXplKCRldmVudD8pIHtcbiAgICAgICAgaWYgKFxuICAgICAgICAgICAgKHRoaXMuZGV2aWNlcy5pbmRleE9mKCdsZycpID4gLTEgJiYgd2luZG93Lm1hdGNoTWVkaWEoXCIobWluLXdpZHRoOiAxMjAwcHgpXCIpLm1hdGNoZXMgJiYgIWlzTGFyZ2VUYWJsZXRMYW5kc2NhcGUoKSlcbiAgICAgICAgfHwgICh0aGlzLmRldmljZXMuaW5kZXhPZignbWQnKSA+IC0xICYmIChpc0xhcmdlVGFibGV0TGFuZHNjYXBlKCkgfHwgKHdpbmRvdy5tYXRjaE1lZGlhKFwiKG1pbi13aWR0aDogOTkycHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpXCIpLm1hdGNoZXMgJiYgIWlzTGFyZ2VUYWJsZXRQb3J0cmFpdCgpKSkpXG4gICAgICAgIHx8ICAodGhpcy5kZXZpY2VzLmluZGV4T2YoJ3NtJykgPiAtMSAmJiAod2luZG93Lm1hdGNoTWVkaWEoXCIobWluLXdpZHRoOiA3NjhweCkgYW5kIChtYXgtd2lkdGg6IDk5MXB4KVwiKS5tYXRjaGVzIHx8IGlzTGFyZ2VUYWJsZXRQb3J0cmFpdCgpKSlcbiAgICAgICAgfHwgICh0aGlzLmRldmljZXMuaW5kZXhPZigneHMnKSA+IC0xICYmIHdpbmRvdy5tYXRjaE1lZGlhKFwiKG1heC13aWR0aDogNzY3cHgpXCIpLm1hdGNoZXMpXG4gICAgICAgIHx8ICAodGhpcy5kZXZpY2VzLmluZGV4T2YoJ2FsbCcpID4gLTEpKSB7XG4gICAgICAgICAgICBpZiAoIXRoaXMuZW1iZWRkZWRWaWV3KSB7XG4gICAgICAgICAgICAgICAgdGhpcy5lbWJlZGRlZFZpZXcgPSB0aGlzLnZpZXdDb250YWluZXJSZWYuY3JlYXRlRW1iZWRkZWRWaWV3KHRoaXMudGVtcGxhdGVSZWYsIHRoaXMuY29udGV4dCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnZpZXdDb250YWluZXJSZWYuY2xlYXIoKTtcbiAgICAgICAgICAgIHRoaXMuZW1iZWRkZWRWaWV3ID0gJyc7XG4gICAgICAgIH1cblxuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5vblJlc2l6ZSk7XG4gICAgfVxufVxuIl19
72
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1pbi1kZXZpY2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9iYXNlL3NyYy9kaXJlY3RpdmVzL3Nob3ctaW4tZGV2aWNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsU0FBUyxFQUNULFVBQVUsRUFDVixnQkFBZ0IsRUFDaEIsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsV0FBVyxFQUVkLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUV6RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBTXRFLE1BQU0sT0FBTyxxQkFBcUI7SUFJOUIsWUFDWSxLQUFpQixFQUNFLE1BQXFCLEVBQ3hDLGdCQUFrQyxFQUMxQyxHQUFhLEVBQ0wsV0FBNkI7UUFKN0IsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQUNFLFdBQU0sR0FBTixNQUFNLENBQWU7UUFDeEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUVsQyxnQkFBVyxHQUFYLFdBQVcsQ0FBa0I7UUFHckMsSUFBSSxDQUFDLE9BQU8sR0FBSSxHQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUV6QyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDaEUsQ0FBQztJQUNELElBQWEsWUFBWSxDQUFDLE9BQU87UUFDN0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJ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LFdBQVcsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7YUFDaEc7U0FDSjthQUFNO1lBQ0gsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzlCLElBQUksQ0FBQyxZQUFZLEdBQUcsRUFBRSxDQUFDO1NBQzFCO0lBRUwsQ0FBQztJQUVELFdBQVc7UUFDUCxNQUFNLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4RCxDQUFDOzs7WUEvREosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxnQkFBZ0I7YUFDN0I7OztZQWhCRyxVQUFVO1lBV0wsYUFBYSx1QkFZYixNQUFNLFNBQUMsU0FBUztZQXRCckIsZ0JBQWdCO1lBR2hCLFFBQVE7WUFDUixXQUFXOzs7MkJBNEJWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEF0dHJpYnV0ZSxcbiAgICBEaXJlY3RpdmUsXG4gICAgRWxlbWVudFJlZixcbiAgICBWaWV3Q29udGFpbmVyUmVmLFxuICAgIEluamVjdCxcbiAgICBJbnB1dCxcbiAgICBJbmplY3RvcixcbiAgICBUZW1wbGF0ZVJlZixcbiAgICBPbkRlc3Ryb3lcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBpc0xhcmdlVGFibGV0TGFuZHNjYXBlLCBpc0xhcmdlVGFibGV0UG9ydHJhaXQgfSBmcm9tICdAd20vY29yZSc7XG5cbmltcG9ydCB7IFdpZGdldFJlZiB9IGZyb20gJy4uL3dpZGdldHMvZnJhbWV3b3JrL3R5cGVzJztcbmltcG9ydCB7IEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi93aWRnZXRzL2NvbW1vbi9iYXNlL2Jhc2UuY29tcG9uZW50JztcbmRlY2xhcmUgY29uc3QgXywgJDtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbc2hvd0luRGV2aWNlXSdcbn0pXG5leHBvcnQgY2xhc3MgU2hvd0luRGV2aWNlRGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNvbnRleHQ7XG4gICAgcHJpdmF0ZSBkZXZpY2VzO1xuICAgIHByaXZhdGUgZW1iZWRkZWRWaWV3O1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGVsUmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBASW5qZWN0KFdpZGdldFJlZikgcHJpdmF0ZSB3aWRnZXQ6IEJhc2VDb21wb25lbnQsXG4gICAgICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgaW5qOiBJbmplY3RvcixcbiAgICAgICAgcHJpdmF0ZSB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55PlxuICAgICkge1xuXG4gICAgICAgIHRoaXMuY29udGV4dCA9IChpbmogYXMgYW55KS52aWV3LmNvbnRleHQ7XG5cbiAgICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHRoaXMub25SZXNpemUuYmluZCh0aGlzKSk7XG4gICAgfVxuICAgIEBJbnB1dCgpIHNldCBzaG93SW5EZXZpY2UoZGV2aWNlcykge1xuICAgICAgICB0aGlzLmRldmljZXMgPSBkZXZpY2VzLnNwbGl0KCcsJyk7XG4gICAgICAgIHRoaXMub25SZXNpemUoKTtcbiAgICB9XG4gICAgLypcbiAgICBUaGlzIGZ1bmN0aW9uIGhhbmRsZXMgdGhlIHJlbmRlcmluZyBvZiB3aWRnZXRzIGJhc2VkIG9uIHRoZSBjb25maWd1cmVkIHNob3dpbmRldmljZSBwcm9wZXJ0eVxuICAgIGZvciB0aGUgd2lkZ2V0LlxuICAgIDEuIEZvciBMYXJnZSBTY3JlZW4sIGNyZWF0ZSB0aGUgdmlldyBvbmx5IHdoZW4gbWluLXdpZHRoIGlzIDEyMDBweChleGNlcHQgd2hlbiB0aGUgdmlld3BvcnQgaXMgYW4gSXBhZCBQcm8gMTMgaW5jaChMYW5kc2NhcGUpKVxuICAgIDIuIEZvciBMYXB0b3AvVGFibGV0IExhbmRzY2FwZSwgY3JlYXRlIHRoZSB2aWV3IG9ubHkgd2hlbiBlaXRoZXIgbWluLXdpZHRoIGlzIDk5MnB4IGFuZCBtYXgtd2lkdGggaXMgMTE5OXB4KGV4Y2VwdCB3aGVuIHRoZSB2aWV3cG9ydCBpcyBhbiBJcGFkIFBybyAxMyBpbmNoKFBvcnRyYWl0KSksIG9yIGl0cyBhbiBJcGFkIFBybyAxMyBpbmNoKExhbmRzY2FwZSkpXG4gICAgMy4gRm9yIFRhYmxldCBQb3J0cmFpdCwgY3JlYXRlIHRoZSB2aWV3IG9ubHkgd2hlbiBlaXRoZXIgbWluLXdpZHRoIGlzIDc2OHB4IGFuZCBtYXgtd2lkdGggaXMgOTkxcHgsIG9yIGl0cyBhbiBJcGFkIFBybyAxMyBpbmNoKFBvcnRyYWl0KSlcbiAgICA0LiBGb3IgTW9iaWxlLCBjcmVhdGUgdGhlIHZpZXcgb25seSB3aGVuIG1heC13aWR0aCBpcyA3NjdweC5cbiAgICA1LiBGb3IgYWxsLCBhbHdheXMgcmVuZGVyIHRoZSB2aWV3LlxuICAgICAqL1xuICAgIHByaXZhdGUgb25SZXNpemUoJGV2ZW50Pykge1xuXG4gICAgICAgIGNvbnN0IGxnV2lkdGggPSBnZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmRvY3VtZW50RWxlbWVudCkuZ2V0UHJvcGVydHlWYWx1ZSgnLS1zY3JlZW4tbGcnKSB8fCAnMTIwMHB4JztcbiAgICAgICAgY29uc3QgbWRXaWR0aCA9IGdldENvbXB1dGVkU3R5bGUoZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50KS5nZXRQcm9wZXJ0eVZhbHVlKCctLXNjcmVlbi1tZCcpIHx8ICc5OTJweCc7XG4gICAgICAgIGNvbnN0IHNtV2lkdGggPSBnZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmRvY3VtZW50RWxlbWVudCkuZ2V0UHJvcGVydHlWYWx1ZSgnLS1zY3JlZW4tc20nKSB8fCAnNzY4cHgnO1xuICAgICAgICBjb25zdCBsZ1RhYkxhbmRTY2FwZVdpZHRoID0gZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmdldFByb3BlcnR5VmFsdWUoJy0tc2NyZWVuLWxnLXRhYi1sYW5kc2NhcGUnKSB8fCAnMTM2NnB4JztcbiAgICAgICAgY29uc3QgbGdUYWJQb3J0cmFpdFdpZHRoID0gZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmdldFByb3BlcnR5VmFsdWUoJy0tc2NyZWVuLWxnLXRhYi1wb3J0cmFpdCcpIHx8ICcxMDI0cHgnO1xuICAgICAgICBjb25zdCBsZ1dpZHRoTWluID0gcGFyc2VGbG9hdChsZ1dpZHRoKS0xO1xuICAgICAgICBjb25zdCBsZ1VuaXQgPSAgbGdXaWR0aE1pbiArIFwicHhcIjtcbiAgICAgICAgY29uc3QgbWRXaWR0aE1pbiA9IHBhcnNlRmxvYXQobWRXaWR0aCktMTtcbiAgICAgICAgY29uc3QgbWRVbml0ID0gbWRXaWR0aE1pbiArIFwicHhcIjtcbiAgICAgICAgY29uc3Qgc21XaWR0aE1pbiA9IHBhcnNlRmxvYXQoc21XaWR0aCktMTtcbiAgICAgICAgY29uc3Qgc21Vbml0ID0gc21XaWR0aE1pbiArIFwicHhcIjtcbiAgICAgICAgaWYgKFxuICAgICAgICAgICAgKHRoaXMuZGV2aWNlcy5pbmRleE9mKCdsZycpID4gLTEgJiYgd2luZG93Lm1hdGNoTWVkaWEoXCIobWluLXdpZHRoOiBcIitsZ1dpZHRoK1wiKVwiKS5tYXRjaGVzICYmICFpc0xhcmdlVGFibGV0TGFuZHNjYXBlKGxnVGFiTGFuZFNjYXBlV2lkdGgsIGxnVGFiUG9ydHJhaXRXaWR0aCkpXG4gICAgICAgICAgICB8fCAgKHRoaXMuZGV2aWNlcy5pbmRleE9mKCdtZCcpID4gLTEgJiYgKGlzTGFyZ2VUYWJsZXRMYW5kc2NhcGUobGdUYWJMYW5kU2NhcGVXaWR0aCwgbGdUYWJQb3J0cmFpdFdpZHRoKSB8fCAod2luZG93Lm1hdGNoTWVkaWEoXCIobWluLXdpZHRoOiBcIittZFdpZHRoK1wiKSBhbmQgKG1heC13aWR0aDogXCIrbGdVbml0ICtcIilcIikubWF0Y2hlcyAmJiAhaXNMYXJnZVRhYmxldFBvcnRyYWl0KGxnVGFiTGFuZFNjYXBlV2lkdGgsIGxnVGFiUG9ydHJhaXRXaWR0aCkpKSlcbiAgICAgICAgICAgIHx8ICAodGhpcy5kZXZpY2VzLmluZGV4T2YoJ3NtJykgPiAtMSAmJiAod2luZG93Lm1hdGNoTWVkaWEoXCIobWluLXdpZHRoOiBcIitzbVdpZHRoK1wiKSBhbmQgKG1heC13aWR0aDogXCIrbWRVbml0K1wiKVwiKS5tYXRjaGVzIHx8IGlzTGFyZ2VUYWJsZXRQb3J0cmFpdChsZ1RhYkxhbmRTY2FwZVdpZHRoLCBsZ1RhYlBvcnRyYWl0V2lkdGgpKSlcbiAgICAgICAgICAgIHx8ICAodGhpcy5kZXZpY2VzLmluZGV4T2YoJ3hzJykgPiAtMSAmJiB3aW5kb3cubWF0Y2hNZWRpYShcIihtYXgtd2lkdGg6IFwiK3NtVW5pdCtcIilcIikubWF0Y2hlcylcbiAgICAgICAgICAgIHx8ICAodGhpcy5kZXZpY2VzLmluZGV4T2YoJ2FsbCcpID4gLTEpKSB7XG4gICAgICAgICAgICBpZiAoIXRoaXMuZW1iZWRkZWRWaWV3KSB7XG4gICAgICAgICAgICAgICAgdGhpcy5lbWJlZGRlZFZpZXcgPSB0aGlzLnZpZXdDb250YWluZXJSZWYuY3JlYXRlRW1iZWRkZWRWaWV3KHRoaXMudGVtcGxhdGVSZWYsIHRoaXMuY29udGV4dCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnZpZXdDb250YWluZXJSZWYuY2xlYXIoKTtcbiAgICAgICAgICAgIHRoaXMuZW1iZWRkZWRWaWV3ID0gJyc7XG4gICAgICAgIH1cblxuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5vblJlc2l6ZSk7XG4gICAgfVxufVxuIl19
@@ -1935,10 +1935,21 @@ class ShowInDeviceDirective {
1935
1935
  5. For all, always render the view.
1936
1936
  */
1937
1937
  onResize($event) {
1938
- if ((this.devices.indexOf('lg') > -1 && window.matchMedia("(min-width: 1200px)").matches && !isLargeTabletLandscape())
1939
- || (this.devices.indexOf('md') > -1 && (isLargeTabletLandscape() || (window.matchMedia("(min-width: 992px) and (max-width: 1199px)").matches && !isLargeTabletPortrait())))
1940
- || (this.devices.indexOf('sm') > -1 && (window.matchMedia("(min-width: 768px) and (max-width: 991px)").matches || isLargeTabletPortrait()))
1941
- || (this.devices.indexOf('xs') > -1 && window.matchMedia("(max-width: 767px)").matches)
1938
+ const lgWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg') || '1200px';
1939
+ const mdWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-md') || '992px';
1940
+ const smWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-sm') || '768px';
1941
+ const lgTabLandScapeWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg-tab-landscape') || '1366px';
1942
+ const lgTabPortraitWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg-tab-portrait') || '1024px';
1943
+ const lgWidthMin = parseFloat(lgWidth) - 1;
1944
+ const lgUnit = lgWidthMin + "px";
1945
+ const mdWidthMin = parseFloat(mdWidth) - 1;
1946
+ const mdUnit = mdWidthMin + "px";
1947
+ const smWidthMin = parseFloat(smWidth) - 1;
1948
+ const smUnit = smWidthMin + "px";
1949
+ if ((this.devices.indexOf('lg') > -1 && window.matchMedia("(min-width: " + lgWidth + ")").matches && !isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth))
1950
+ || (this.devices.indexOf('md') > -1 && (isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth) || (window.matchMedia("(min-width: " + mdWidth + ") and (max-width: " + lgUnit + ")").matches && !isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth))))
1951
+ || (this.devices.indexOf('sm') > -1 && (window.matchMedia("(min-width: " + smWidth + ") and (max-width: " + mdUnit + ")").matches || isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)))
1952
+ || (this.devices.indexOf('xs') > -1 && window.matchMedia("(max-width: " + smUnit + ")").matches)
1942
1953
  || (this.devices.indexOf('all') > -1)) {
1943
1954
  if (!this.embeddedView) {
1944
1955
  this.embeddedView = this.viewContainerRef.createEmbeddedView(this.templateRef, this.context);