@wavemaker/angular-codegen 11.3.6-rc.5345 → 11.3.6-rc.5349

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 (7) hide show
  1. angular-codegen/angular-app/package-lock.json +4 -19
  2. angular-codegen/angular-app/package.json +2 -2
  3. angular-codegen/angular-app/src/assets/styles/css/wm-style.css +1 -1
  4. angular-codegen/dependencies/pipe-provider.cjs.js +14 -4
  5. angular-codegen/dependencies/transpilation-mobile.cjs.js +16 -6
  6. angular-codegen/dependencies/transpilation-web.cjs.js +16 -6
  7. angular-codegen/package.json +1 -1
angular-codegen/dependencies/pipe-provider.cjs.js CHANGED
@@ -45676,8 +45676,16 @@ const isIpad = () => {
45676
45676
  return REGEX.IPAD.test(userAgent) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && REGEX.MAC.test(window.navigator.platform));
45677
45677
  };
45678
45678
  const isIos = () => isIphone() || isIpod() || isIpad();
45679
- const isLargeTabletLandscape = () => window.matchMedia("only screen and (min-device-width : 1366px) and (max-device-width : 1366px) and (min-device-height : 1024px) and (max-device-height : 1024px) and (min-width: 1366px) and (max-width: 1366px)").matches;
45680
- const isLargeTabletPortrait = () => window.matchMedia("only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1024px) and (max-width: 1024px)").matches;
45679
+ const isLargeTabletLandscape = (landScapeWidth, landScapeHeight) => {
45680
+ const width = landScapeWidth || '1366px';
45681
+ const height = landScapeHeight || '1024px';
45682
+ return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
45683
+ };
45684
+ const isLargeTabletPortrait = (landScapeWidth, landScapeHeight) => {
45685
+ const height = landScapeWidth || '1366px';
45686
+ const width = landScapeHeight || '1024px';
45687
+ return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
45688
+ };
45681
45689
  const isMobile = () => isAndroid() || isIos() || isAndroidTablet() || $('#wm-mobile-display:visible').length > 0;
45682
45690
  const isTablet = () => {
45683
45691
  const scope = document.querySelector('.app-page').widget;
@@ -47221,8 +47229,8 @@ class EventNotifier {
47221
47229
  }
47222
47230
  }
47223
47231
 
47224
- const MINIMUM_MOBILE_WIDTH = 480;
47225
- const MINIMUM_TAB_WIDTH = 768;
47232
+ let MINIMUM_MOBILE_WIDTH = 480;
47233
+ let MINIMUM_TAB_WIDTH = 768;
47226
47234
  class Viewport {
47227
47235
  constructor() {
47228
47236
  this.orientation = {
@@ -47287,6 +47295,8 @@ class Viewport {
47287
47295
  }
47288
47296
  }
47289
47297
  else {
47298
+ MINIMUM_MOBILE_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-xs')) || 480;
47299
+ MINIMUM_TAB_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-sm')) || 768;
47290
47300
  // Tablet specification: min >= 480 max >= 768
47291
47301
  if (minValue >= MINIMUM_MOBILE_WIDTH && maxValue >= MINIMUM_TAB_WIDTH) {
47292
47302
  this.type = 1 /* TABLET */;
angular-codegen/dependencies/transpilation-mobile.cjs.js CHANGED
@@ -41754,8 +41754,16 @@ const isIpad = () => {
41754
41754
  return REGEX.IPAD.test(userAgent) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && REGEX.MAC.test(window.navigator.platform));
41755
41755
  };
41756
41756
  const isIos = () => isIphone() || isIpod() || isIpad();
41757
- const isLargeTabletLandscape = () => window.matchMedia("only screen and (min-device-width : 1366px) and (max-device-width : 1366px) and (min-device-height : 1024px) and (max-device-height : 1024px) and (min-width: 1366px) and (max-width: 1366px)").matches;
41758
- const isLargeTabletPortrait = () => window.matchMedia("only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1024px) and (max-width: 1024px)").matches;
41757
+ const isLargeTabletLandscape = (landScapeWidth, landScapeHeight) => {
41758
+ const width = landScapeWidth || '1366px';
41759
+ const height = landScapeHeight || '1024px';
41760
+ return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
41761
+ };
41762
+ const isLargeTabletPortrait = (landScapeWidth, landScapeHeight) => {
41763
+ const height = landScapeWidth || '1366px';
41764
+ const width = landScapeHeight || '1024px';
41765
+ return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
41766
+ };
41759
41767
  const isMobile = () => isAndroid() || isIos() || isAndroidTablet() || $('#wm-mobile-display:visible').length > 0;
41760
41768
  const isTablet = () => {
41761
41769
  const scope = document.querySelector('.app-page').widget;
@@ -43299,8 +43307,8 @@ class EventNotifier {
43299
43307
  }
43300
43308
  }
43301
43309
 
43302
- const MINIMUM_MOBILE_WIDTH = 480;
43303
- const MINIMUM_TAB_WIDTH = 768;
43310
+ let MINIMUM_MOBILE_WIDTH = 480;
43311
+ let MINIMUM_TAB_WIDTH = 768;
43304
43312
  class Viewport {
43305
43313
  constructor() {
43306
43314
  this.orientation = {
@@ -43365,6 +43373,8 @@ class Viewport {
43365
43373
  }
43366
43374
  }
43367
43375
  else {
43376
+ MINIMUM_MOBILE_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-xs')) || 480;
43377
+ MINIMUM_TAB_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-sm')) || 768;
43368
43378
  // Tablet specification: min >= 480 max >= 768
43369
43379
  if (minValue >= MINIMUM_MOBILE_WIDTH && maxValue >= MINIMUM_TAB_WIDTH) {
43370
43380
  this.type = 1 /* TABLET */;
@@ -46880,7 +46890,7 @@ register('wm-popover', () => {
46880
46890
  }
46881
46891
  let markup = `<${tagName$q} wmPopover ${getAttrMarkup(attrs)}>`;
46882
46892
  const contextAttrs = table ? `let-row="row"` : ``;
46883
- markup += `<ng-template ${contextAttrs}><button class="popover-start"></button>`;
46893
+ markup += `<ng-template ${contextAttrs}><div tabindex="0" class="popover-start sr-only" aria-label="">popover content start</div>`;
46884
46894
  // todo keyboard navigation - tab
46885
46895
  if (popoverTemplate) {
46886
46896
  markup += `${popoverTemplate ? popoverTemplate : ''}`;
@@ -46892,7 +46902,7 @@ register('wm-popover', () => {
46892
46902
  if (shared.get('hasPopoverContent')) {
46893
46903
  markup += `</div>`;
46894
46904
  }
46895
- return `${markup}<button class="popover-end"></button></ng-template></${tagName$q}>`;
46905
+ return `${markup}<div tabindex="0" class="popover-end sr-only" aria-label="">popover content ended</div></ng-template></${tagName$q}>`;
46896
46906
  }
46897
46907
  };
46898
46908
  });
angular-codegen/dependencies/transpilation-web.cjs.js CHANGED
@@ -41754,8 +41754,16 @@ const isIpad = () => {
41754
41754
  return REGEX.IPAD.test(userAgent) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && REGEX.MAC.test(window.navigator.platform));
41755
41755
  };
41756
41756
  const isIos = () => isIphone() || isIpod() || isIpad();
41757
- const isLargeTabletLandscape = () => window.matchMedia("only screen and (min-device-width : 1366px) and (max-device-width : 1366px) and (min-device-height : 1024px) and (max-device-height : 1024px) and (min-width: 1366px) and (max-width: 1366px)").matches;
41758
- const isLargeTabletPortrait = () => window.matchMedia("only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1024px) and (max-width: 1024px)").matches;
41757
+ const isLargeTabletLandscape = (landScapeWidth, landScapeHeight) => {
41758
+ const width = landScapeWidth || '1366px';
41759
+ const height = landScapeHeight || '1024px';
41760
+ return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
41761
+ };
41762
+ const isLargeTabletPortrait = (landScapeWidth, landScapeHeight) => {
41763
+ const height = landScapeWidth || '1366px';
41764
+ const width = landScapeHeight || '1024px';
41765
+ return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
41766
+ };
41759
41767
  const isMobile = () => isAndroid() || isIos() || isAndroidTablet() || $('#wm-mobile-display:visible').length > 0;
41760
41768
  const isTablet = () => {
41761
41769
  const scope = document.querySelector('.app-page').widget;
@@ -43299,8 +43307,8 @@ class EventNotifier {
43299
43307
  }
43300
43308
  }
43301
43309
 
43302
- const MINIMUM_MOBILE_WIDTH = 480;
43303
- const MINIMUM_TAB_WIDTH = 768;
43310
+ let MINIMUM_MOBILE_WIDTH = 480;
43311
+ let MINIMUM_TAB_WIDTH = 768;
43304
43312
  class Viewport {
43305
43313
  constructor() {
43306
43314
  this.orientation = {
@@ -43365,6 +43373,8 @@ class Viewport {
43365
43373
  }
43366
43374
  }
43367
43375
  else {
43376
+ MINIMUM_MOBILE_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-xs')) || 480;
43377
+ MINIMUM_TAB_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-sm')) || 768;
43368
43378
  // Tablet specification: min >= 480 max >= 768
43369
43379
  if (minValue >= MINIMUM_MOBILE_WIDTH && maxValue >= MINIMUM_TAB_WIDTH) {
43370
43380
  this.type = 1 /* TABLET */;
@@ -46880,7 +46890,7 @@ register('wm-popover', () => {
46880
46890
  }
46881
46891
  let markup = `<${tagName$q} wmPopover ${getAttrMarkup(attrs)}>`;
46882
46892
  const contextAttrs = table ? `let-row="row"` : ``;
46883
- markup += `<ng-template ${contextAttrs}><button class="popover-start"></button>`;
46893
+ markup += `<ng-template ${contextAttrs}><div tabindex="0" class="popover-start sr-only" aria-label="">popover content start</div>`;
46884
46894
  // todo keyboard navigation - tab
46885
46895
  if (popoverTemplate) {
46886
46896
  markup += `${popoverTemplate ? popoverTemplate : ''}`;
@@ -46892,7 +46902,7 @@ register('wm-popover', () => {
46892
46902
  if (shared.get('hasPopoverContent')) {
46893
46903
  markup += `</div>`;
46894
46904
  }
46895
- return `${markup}<button class="popover-end"></button></ng-template></${tagName$q}>`;
46905
+ return `${markup}<div tabindex="0" class="popover-end sr-only" aria-label="">popover content ended</div></ng-template></${tagName$q}>`;
46896
46906
  }
46897
46907
  };
46898
46908
  });
angular-codegen/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wavemaker/angular-codegen",
3
- "version": "11.3.6-rc.5345",
3
+ "version": "11.3.6-rc.5349",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {