@db-ux/wc-core-components 2.4.1 → 2.4.3

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 (158) hide show
  1. package/dist/cjs/db-accordion-item.cjs.entry.js +1 -1
  2. package/dist/cjs/db-accordion.cjs.entry.js +1 -1
  3. package/dist/cjs/db-badge.cjs.entry.js +1 -1
  4. package/dist/cjs/db-brand.cjs.entry.js +1 -1
  5. package/dist/cjs/db-button.cjs.entry.js +1 -1
  6. package/dist/cjs/db-card.cjs.entry.js +1 -1
  7. package/dist/cjs/db-checkbox.cjs.entry.js +1 -1
  8. package/dist/cjs/db-custom-select-dropdown_5.cjs.entry.js +1 -1
  9. package/dist/cjs/db-custom-select-form-field.cjs.entry.js +1 -1
  10. package/dist/cjs/db-custom-select.cjs.entry.js +1 -1
  11. package/dist/cjs/db-divider.cjs.entry.js +1 -1
  12. package/dist/cjs/db-drawer.cjs.entry.js +1 -1
  13. package/dist/cjs/db-header.cjs.entry.js +1 -1
  14. package/dist/cjs/db-icon.cjs.entry.js +1 -1
  15. package/dist/cjs/db-infotext.cjs.entry.js +1 -1
  16. package/dist/cjs/db-link.cjs.entry.js +1 -1
  17. package/dist/cjs/db-navigation-item.cjs.entry.js +7 -6
  18. package/dist/cjs/db-navigation-item.cjs.entry.js.map +1 -1
  19. package/dist/cjs/db-navigation-item.entry.cjs.js.map +1 -1
  20. package/dist/cjs/db-navigation.cjs.entry.js +1 -1
  21. package/dist/cjs/db-notification.cjs.entry.js +1 -1
  22. package/dist/cjs/db-page.cjs.entry.js +1 -1
  23. package/dist/cjs/db-popover.cjs.entry.js +1 -1
  24. package/dist/cjs/db-radio.cjs.entry.js +1 -1
  25. package/dist/cjs/db-section.cjs.entry.js +1 -1
  26. package/dist/cjs/db-select.cjs.entry.js +1 -1
  27. package/dist/cjs/db-stack.cjs.entry.js +1 -1
  28. package/dist/cjs/db-switch.cjs.entry.js +1 -1
  29. package/dist/cjs/db-tab-item_3.cjs.entry.js +1 -1
  30. package/dist/cjs/db-tabs.cjs.entry.js +1 -1
  31. package/dist/cjs/db-textarea.cjs.entry.js +1 -1
  32. package/dist/cjs/db-tooltip.cjs.entry.js +1 -1
  33. package/dist/cjs/db-ux.cjs.js +2 -2
  34. package/dist/cjs/db-ux.cjs.js.map +1 -1
  35. package/dist/cjs/{index-BaF_-Wtf.js → index-DRg3L2am.js} +32 -7
  36. package/dist/cjs/index-DRg3L2am.js.map +1 -0
  37. package/dist/cjs/index.cjs.js +1 -1
  38. package/dist/cjs/index.cjs.js.map +1 -1
  39. package/dist/cjs/loader.cjs.js +1 -1
  40. package/dist/collection/collection-manifest.json +1 -1
  41. package/dist/collection/components/navigation-item/navigation-item.js +7 -6
  42. package/dist/collection/components/navigation-item/navigation-item.js.map +1 -1
  43. package/dist/collection/shared/model.js.map +1 -1
  44. package/dist/custom-elements.json +1 -1
  45. package/dist/db-ux/db-navigation-item.entry.esm.js.map +1 -1
  46. package/dist/db-ux/db-ux.esm.js +1 -1
  47. package/dist/db-ux/db-ux.esm.js.map +1 -1
  48. package/dist/db-ux/index.esm.js +1 -1
  49. package/dist/db-ux/index.esm.js.map +1 -1
  50. package/dist/db-ux/{p-e7f4e087.entry.js → p-109b88a5.entry.js} +2 -2
  51. package/dist/db-ux/{p-42bbd365.entry.js → p-1d4ee600.entry.js} +2 -2
  52. package/dist/db-ux/{p-11690023.entry.js → p-26531856.entry.js} +2 -2
  53. package/dist/db-ux/{p-1ea93da3.entry.js → p-291a3bb4.entry.js} +2 -2
  54. package/dist/db-ux/{p-57a1ba11.entry.js → p-2fade21b.entry.js} +2 -2
  55. package/dist/db-ux/{p-22f90e2a.entry.js → p-32c21508.entry.js} +2 -2
  56. package/dist/db-ux/{p-2d389152.entry.js → p-3320cac1.entry.js} +2 -2
  57. package/dist/db-ux/{p-7ee7a06d.entry.js → p-40f5e6e7.entry.js} +2 -2
  58. package/dist/db-ux/{p-237302c8.entry.js → p-4296343b.entry.js} +2 -2
  59. package/dist/db-ux/{p-8fa9b94f.entry.js → p-42c60f21.entry.js} +2 -2
  60. package/dist/db-ux/{p-81760ef2.entry.js → p-4da7f4bb.entry.js} +2 -2
  61. package/dist/db-ux/{p-aab1ba23.entry.js → p-52fc60a6.entry.js} +2 -2
  62. package/dist/db-ux/{p-684d11af.entry.js → p-60b8eb25.entry.js} +2 -2
  63. package/dist/db-ux/{p-81a85032.entry.js → p-6243b16c.entry.js} +2 -2
  64. package/dist/db-ux/{p-acb16658.entry.js → p-6d2da8ea.entry.js} +2 -2
  65. package/dist/db-ux/{p-8b79bfbf.entry.js → p-723c465c.entry.js} +2 -2
  66. package/dist/db-ux/{p-bad0d6f8.entry.js → p-738954c8.entry.js} +2 -2
  67. package/dist/db-ux/{p-1428ae85.entry.js → p-766ce40b.entry.js} +2 -2
  68. package/dist/db-ux/{p-77e5189c.entry.js → p-8643bd7b.entry.js} +2 -2
  69. package/dist/db-ux/{p-b5c09651.entry.js → p-9da8c824.entry.js} +2 -2
  70. package/dist/db-ux/{p-b500d67a.entry.js → p-9f122b1e.entry.js} +2 -2
  71. package/dist/db-ux/p-B-IYTj4g.js +3 -0
  72. package/dist/db-ux/p-B-IYTj4g.js.map +1 -0
  73. package/dist/db-ux/{p-d560a05c.entry.js → p-a8d63224.entry.js} +2 -2
  74. package/dist/db-ux/{p-25ae5c9f.entry.js → p-ac31c402.entry.js} +2 -2
  75. package/dist/db-ux/{p-0fbe6a4e.entry.js → p-c6ac54c3.entry.js} +2 -2
  76. package/dist/db-ux/p-d1835c57.entry.js +2 -0
  77. package/dist/db-ux/p-d1835c57.entry.js.map +1 -0
  78. package/dist/db-ux/{p-fdb8daba.entry.js → p-d4cc20df.entry.js} +2 -2
  79. package/dist/db-ux/{p-0e2f7604.entry.js → p-e5984435.entry.js} +2 -2
  80. package/dist/db-ux/{p-106724b5.entry.js → p-e9301996.entry.js} +2 -2
  81. package/dist/db-ux/{p-fb9d8d87.entry.js → p-f6c1d4b7.entry.js} +2 -2
  82. package/dist/db-ux/{p-33275814.entry.js → p-f8eec3af.entry.js} +2 -2
  83. package/dist/esm/db-accordion-item.entry.js +1 -1
  84. package/dist/esm/db-accordion.entry.js +1 -1
  85. package/dist/esm/db-badge.entry.js +1 -1
  86. package/dist/esm/db-brand.entry.js +1 -1
  87. package/dist/esm/db-button.entry.js +1 -1
  88. package/dist/esm/db-card.entry.js +1 -1
  89. package/dist/esm/db-checkbox.entry.js +1 -1
  90. package/dist/esm/db-custom-select-dropdown_5.entry.js +1 -1
  91. package/dist/esm/db-custom-select-form-field.entry.js +1 -1
  92. package/dist/esm/db-custom-select.entry.js +1 -1
  93. package/dist/esm/db-divider.entry.js +1 -1
  94. package/dist/esm/db-drawer.entry.js +1 -1
  95. package/dist/esm/db-header.entry.js +1 -1
  96. package/dist/esm/db-icon.entry.js +1 -1
  97. package/dist/esm/db-infotext.entry.js +1 -1
  98. package/dist/esm/db-link.entry.js +1 -1
  99. package/dist/esm/db-navigation-item.entry.js +8 -7
  100. package/dist/esm/db-navigation-item.entry.js.map +1 -1
  101. package/dist/esm/db-navigation.entry.js +1 -1
  102. package/dist/esm/db-notification.entry.js +1 -1
  103. package/dist/esm/db-page.entry.js +1 -1
  104. package/dist/esm/db-popover.entry.js +1 -1
  105. package/dist/esm/db-radio.entry.js +1 -1
  106. package/dist/esm/db-section.entry.js +1 -1
  107. package/dist/esm/db-select.entry.js +1 -1
  108. package/dist/esm/db-stack.entry.js +1 -1
  109. package/dist/esm/db-switch.entry.js +1 -1
  110. package/dist/esm/db-tab-item_3.entry.js +1 -1
  111. package/dist/esm/db-tabs.entry.js +1 -1
  112. package/dist/esm/db-textarea.entry.js +1 -1
  113. package/dist/esm/db-tooltip.entry.js +1 -1
  114. package/dist/esm/db-ux.js +3 -3
  115. package/dist/esm/db-ux.js.map +1 -1
  116. package/dist/esm/{index-CK6m6IJ4.js → index-B-IYTj4g.js} +32 -7
  117. package/dist/esm/index-B-IYTj4g.js.map +1 -0
  118. package/dist/esm/index.js +1 -1
  119. package/dist/esm/index.js.map +1 -1
  120. package/dist/esm/loader.js +2 -2
  121. package/dist/types/components/navigation-item/navigation-item.d.ts +1 -1
  122. package/dist/types/shared/model.d.ts +1 -1
  123. package/package.json +4 -4
  124. package/dist/cjs/index-BaF_-Wtf.js.map +0 -1
  125. package/dist/db-ux/p-3cd03681.entry.js +0 -2
  126. package/dist/db-ux/p-3cd03681.entry.js.map +0 -1
  127. package/dist/db-ux/p-CK6m6IJ4.js +0 -3
  128. package/dist/db-ux/p-CK6m6IJ4.js.map +0 -1
  129. package/dist/esm/index-CK6m6IJ4.js.map +0 -1
  130. /package/dist/db-ux/{p-e7f4e087.entry.js.map → p-109b88a5.entry.js.map} +0 -0
  131. /package/dist/db-ux/{p-42bbd365.entry.js.map → p-1d4ee600.entry.js.map} +0 -0
  132. /package/dist/db-ux/{p-11690023.entry.js.map → p-26531856.entry.js.map} +0 -0
  133. /package/dist/db-ux/{p-1ea93da3.entry.js.map → p-291a3bb4.entry.js.map} +0 -0
  134. /package/dist/db-ux/{p-57a1ba11.entry.js.map → p-2fade21b.entry.js.map} +0 -0
  135. /package/dist/db-ux/{p-22f90e2a.entry.js.map → p-32c21508.entry.js.map} +0 -0
  136. /package/dist/db-ux/{p-2d389152.entry.js.map → p-3320cac1.entry.js.map} +0 -0
  137. /package/dist/db-ux/{p-7ee7a06d.entry.js.map → p-40f5e6e7.entry.js.map} +0 -0
  138. /package/dist/db-ux/{p-237302c8.entry.js.map → p-4296343b.entry.js.map} +0 -0
  139. /package/dist/db-ux/{p-8fa9b94f.entry.js.map → p-42c60f21.entry.js.map} +0 -0
  140. /package/dist/db-ux/{p-81760ef2.entry.js.map → p-4da7f4bb.entry.js.map} +0 -0
  141. /package/dist/db-ux/{p-aab1ba23.entry.js.map → p-52fc60a6.entry.js.map} +0 -0
  142. /package/dist/db-ux/{p-684d11af.entry.js.map → p-60b8eb25.entry.js.map} +0 -0
  143. /package/dist/db-ux/{p-81a85032.entry.js.map → p-6243b16c.entry.js.map} +0 -0
  144. /package/dist/db-ux/{p-acb16658.entry.js.map → p-6d2da8ea.entry.js.map} +0 -0
  145. /package/dist/db-ux/{p-8b79bfbf.entry.js.map → p-723c465c.entry.js.map} +0 -0
  146. /package/dist/db-ux/{p-bad0d6f8.entry.js.map → p-738954c8.entry.js.map} +0 -0
  147. /package/dist/db-ux/{p-1428ae85.entry.js.map → p-766ce40b.entry.js.map} +0 -0
  148. /package/dist/db-ux/{p-77e5189c.entry.js.map → p-8643bd7b.entry.js.map} +0 -0
  149. /package/dist/db-ux/{p-b5c09651.entry.js.map → p-9da8c824.entry.js.map} +0 -0
  150. /package/dist/db-ux/{p-b500d67a.entry.js.map → p-9f122b1e.entry.js.map} +0 -0
  151. /package/dist/db-ux/{p-d560a05c.entry.js.map → p-a8d63224.entry.js.map} +0 -0
  152. /package/dist/db-ux/{p-25ae5c9f.entry.js.map → p-ac31c402.entry.js.map} +0 -0
  153. /package/dist/db-ux/{p-0fbe6a4e.entry.js.map → p-c6ac54c3.entry.js.map} +0 -0
  154. /package/dist/db-ux/{p-fdb8daba.entry.js.map → p-d4cc20df.entry.js.map} +0 -0
  155. /package/dist/db-ux/{p-0e2f7604.entry.js.map → p-e5984435.entry.js.map} +0 -0
  156. /package/dist/db-ux/{p-106724b5.entry.js.map → p-e9301996.entry.js.map} +0 -0
  157. /package/dist/db-ux/{p-fb9d8d87.entry.js.map → p-f6c1d4b7.entry.js.map} +0 -0
  158. /package/dist/db-ux/{p-33275814.entry.js.map → p-f8eec3af.entry.js.map} +0 -0
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBButton = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBCard = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
  var constants = require('./constants-CTtyzyuo.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBCustomSelectFormField = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
  var documentClickListener = require('./document-click-listener-CKUiT8IL.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBDivider = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
  var navigation = require('./navigation-BNSnj0bl.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBIcon = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBInfotext = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBLink = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
  var navigation = require('./navigation-BNSnj0bl.js');
@@ -19,11 +19,12 @@ const DBNavigationItem = class {
19
19
  this.navigationItemSafeTriangle = undefined;
20
20
  }
21
21
  handleNavigationItemClick(event) {
22
- if (navigation.isEventTargetNavigationItem(event)) {
22
+ var _a;
23
+ if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.nodeName) === "A") {
23
24
  this.autoClose = true;
24
- index$1.delay(() => {
25
+ void index$1.delay(() => {
25
26
  this.autoClose = false;
26
- }, 300);
27
+ }, 1000);
27
28
  }
28
29
  }
29
30
  handleClick(event) {
@@ -107,9 +108,9 @@ const DBNavigationItem = class {
107
108
  }
108
109
  render() {
109
110
  var _a;
110
- return (index.h("li", { key: '218eb176a93b6dd47a7766a1b4641a290bdfb17a', class: index$1.cls("db-navigation-item", this.className), ref: (el) => {
111
+ return (index.h("li", { key: '62b4491ae6751fc7cc00c2dfb411141111171fb1', class: index$1.cls("db-navigation-item", this.className), ref: (el) => {
111
112
  this._ref = el;
112
- }, id: this.id, onMouseOver: () => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.enableFollow(); }, onMouseLeave: () => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.disableFollow(); }, onMouseMove: (event) => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.followByMouseEvent(event); }, "data-width": this.width, "data-icon": this.icon, "data-hide-icon": index$1.getHideProp(this.showIcon), "data-active": this.active, "data-wrap": index$1.getBooleanAsString(this.wrap), "aria-disabled": index$1.getBooleanAsString(this.disabled) }, !this.hasSubNavigation ? this.text ? this.text : index.h("slot", null) : null, this.hasSubNavigation ? (index.h(index.Fragment, null, index.h("button", { class: "db-navigation-item-expand-button", "aria-haspopup": this.hasAreaPopup, "aria-expanded": this.isSubNavigationExpanded, disabled: index$1.getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClick(event) }, this.text ? this.text : index.h("slot", null)), index.h("menu", { class: "db-sub-navigation", "data-auto-close": this.autoClose, id: this.subNavigationId, onClick: (event) => this.handleNavigationItemClick(event) }, this.hasAreaPopup ? (index.h("div", { class: "db-mobile-navigation-back" }, index.h("db-button", { icon: "arrow_left", variant: "ghost", id: this.backButtonId, onClick: (event) => this.handleBackClick(event) }, (_a = this.backButtonText) !== null && _a !== void 0 ? _a : constants.DEFAULT_BACK))) : null, index.h("slot", { name: "subNavigation" })))) : null));
113
+ }, id: this.id, onMouseOver: () => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.enableFollow(); }, onMouseLeave: () => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.disableFollow(); }, onMouseMove: (event) => { var _a; return (_a = this.navigationItemSafeTriangle) === null || _a === void 0 ? void 0 : _a.followByMouseEvent(event); }, "data-width": this.width, "data-icon": this.icon, "data-hide-icon": index$1.getHideProp(this.showIcon), "data-active": this.active, "data-wrap": index$1.getBooleanAsString(this.wrap), "aria-disabled": index$1.getBooleanAsString(this.disabled) }, !this.hasSubNavigation ? this.text ? this.text : index.h("slot", null) : null, this.hasSubNavigation ? (index.h(index.Fragment, null, index.h("button", { class: "db-navigation-item-expand-button", "aria-haspopup": this.hasAreaPopup, "aria-expanded": this.isSubNavigationExpanded, disabled: index$1.getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClick(event) }, this.text ? this.text : index.h("slot", null)), index.h("menu", { class: "db-sub-navigation", "data-force-close": this.autoClose, id: this.subNavigationId, onClick: (event) => this.handleNavigationItemClick(event) }, this.hasAreaPopup ? (index.h("div", { class: "db-mobile-navigation-back" }, index.h("db-button", { icon: "arrow_left", variant: "ghost", id: this.backButtonId, onClick: (event) => this.handleBackClick(event) }, (_a = this.backButtonText) !== null && _a !== void 0 ? _a : constants.DEFAULT_BACK))) : null, index.h("slot", { name: "subNavigation" })))) : null));
113
114
  }
114
115
  static get watchers() { return {
115
116
  "subNavigationExpanded": ["watch0"],
@@ -1 +1 @@
1
- {"file":"db-navigation-item.entry.cjs.js","mappings":"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","names":["uuid","isEventTargetNavigationItem","delay","getBoolean","NavigationItemSafeTriangle","h","cls","getHideProp","getBooleanAsString","Fragment","DEFAULT_BACK"],"sources":["src/components/navigation-item/navigation-item.tsx"],"sourcesContent":["import { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\nimport {\n cls,\n delay,\n getBoolean,\n getBooleanAsString,\n getHideProp,\n uuid,\n} from \"../../utils\";\nimport {\n isEventTargetNavigationItem,\n NavigationItemSafeTriangle,\n} from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBNavigationItemProps, DBNavigationItemState } from \"./model\";\n\nimport {\n Component,\n h,\n Fragment,\n Watch,\n Event,\n EventEmitter,\n Prop,\n State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot subNavigation - TODO: Add description for slotSubNavigation\n */\n @Component({\n tag: \"db-navigation-item\",\n})\nexport class DBNavigationItem {\n private _ref!: HTMLLIElement | any;\n @Prop() subNavigationExpanded: DBNavigationItemProps[\"subNavigationExpanded\"];\n @Event() click: EventEmitter<\n Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n > | void;\n @Prop() id: DBNavigationItemProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBNavigationItemProps[\"className\"];\n @Prop() width: DBNavigationItemProps[\"width\"];\n @Prop() icon: DBNavigationItemProps[\"icon\"];\n @Prop() showIcon: DBNavigationItemProps[\"showIcon\"];\n @Prop() active: DBNavigationItemProps[\"active\"];\n @Prop() wrap: DBNavigationItemProps[\"wrap\"];\n @Prop() disabled: DBNavigationItemProps[\"disabled\"];\n @Prop() text: DBNavigationItemProps[\"text\"];\n @Prop() backButtonId: DBNavigationItemProps[\"backButtonId\"];\n @Prop() backButtonText: DBNavigationItemProps[\"backButtonText\"];\n @State() initialized = false;\n @State() hasAreaPopup = false;\n @State() hasSubNavigation = true;\n @State() isSubNavigationExpanded = false;\n @State() autoClose = false;\n @State() subNavigationId = \"sub-navigation-\" + uuid();\n @State() navigationItemSafeTriangle = undefined;\n\n handleNavigationItemClick(event: unknown) {\n if (isEventTargetNavigationItem(event)) {\n this.autoClose = true;\n delay(() => {\n this.autoClose = false;\n }, 300);\n }\n }\n handleClick(event: ClickEvent<HTMLButtonElement> | any) {\n if (this.click) {\n event.stopPropagation();\n this.click.emit(event);\n }\n if (this.hasAreaPopup) {\n this.isSubNavigationExpanded = true;\n }\n }\n handleBackClick(event: ClickEvent<HTMLButtonElement> | any) {\n event.stopPropagation();\n this.isSubNavigationExpanded = false;\n }\n\n /**\n * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n * @param element the ref for the component\n * @param customElementSelector the custom element like `my-component`\n */\n private enableAttributePassing(\n element: HTMLElement | null,\n customElementSelector: string\n ) {\n const parent = element?.closest(customElementSelector);\n if (element && parent) {\n const attributes = parent.attributes;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes.item(i);\n if (\n attr &&\n (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n ) {\n element.setAttribute(attr.name, attr.value);\n parent.removeAttribute(attr.name);\n }\n if (attr && attr.name === \"class\") {\n const isWebComponent = attr.value.includes(\"hydrated\");\n const value = attr.value.replace(\"hydrated\", \"\").trim();\n const currentClass = element.getAttribute(\"class\");\n element.setAttribute(\n attr.name,\n `${currentClass ? `${currentClass} ` : \"\"}${value}`\n );\n if (isWebComponent) {\n // Stencil is using this class for lazy loading component\n parent.setAttribute(\"class\", \"hydrated\");\n } else {\n parent.removeAttribute(attr.name);\n }\n }\n }\n }\n }\n\n watch0Fn() {\n if (this.subNavigationExpanded !== undefined) {\n this.isSubNavigationExpanded = !!getBoolean(\n this.subNavigationExpanded,\n \"subNavigationExpanded\"\n );\n }\n }\n\n @Watch(\"subNavigationExpanded\")\n watch0() {\n this.watch0Fn();\n }\n\n watch1Fn() {\n if (this.initialized && this._ref) {\n const subNavigationSlot = this._ref.querySelector(\"menu\");\n if (subNavigationSlot) {\n if (subNavigationSlot.children?.length > 0) {\n this.hasAreaPopup = true;\n if (!this.navigationItemSafeTriangle) {\n this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n this._ref,\n subNavigationSlot\n );\n }\n } else {\n this.hasSubNavigation = false;\n }\n }\n }\n }\n\n @Watch(\"initialized\")\n @Watch(\"_ref\")\n watch1() {\n this.watch1Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-navigation-item\");\n this.initialized = true;\n this.watch0Fn();\n this.watch1Fn();\n }\n\n render() {\n return (\n <li\n class={cls(\"db-navigation-item\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n onMouseOver={() => this.navigationItemSafeTriangle?.enableFollow()}\n onMouseLeave={() => this.navigationItemSafeTriangle?.disableFollow()}\n onMouseMove={(event) =>\n this.navigationItemSafeTriangle?.followByMouseEvent(event)\n }\n data-width={this.width}\n data-icon={this.icon}\n data-hide-icon={getHideProp(this.showIcon)}\n data-active={this.active}\n data-wrap={getBooleanAsString(this.wrap)}\n aria-disabled={getBooleanAsString(this.disabled)}\n >\n {!this.hasSubNavigation ? this.text ? this.text : <slot></slot> : null}\n {this.hasSubNavigation ? (\n <Fragment>\n <button\n class=\"db-navigation-item-expand-button\"\n aria-haspopup={this.hasAreaPopup}\n aria-expanded={this.isSubNavigationExpanded}\n disabled={getBoolean(this.disabled, \"disabled\")}\n onClick={(event) => this.handleClick(event)}\n >\n {this.text ? this.text : <slot></slot>}\n </button>\n <menu\n class=\"db-sub-navigation\"\n data-auto-close={this.autoClose}\n id={this.subNavigationId}\n onClick={(event) => this.handleNavigationItemClick(event)}\n >\n {this.hasAreaPopup ? (\n <div class=\"db-mobile-navigation-back\">\n <db-button\n icon=\"arrow_left\"\n variant=\"ghost\"\n id={this.backButtonId}\n onClick={(event) => this.handleBackClick(event)}\n >\n {this.backButtonText ?? DEFAULT_BACK}\n </db-button>\n </div>\n ) : null}\n <slot name=\"subNavigation\"></slot>\n </menu>\n </Fragment>\n ) : null}\n </li>\n );\n }\n}\n"],"version":3}
1
+ {"file":"db-navigation-item.entry.cjs.js","mappings":"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","names":["uuid","delay","getBoolean","NavigationItemSafeTriangle","h","cls","getHideProp","getBooleanAsString","Fragment","DEFAULT_BACK"],"sources":["src/components/navigation-item/navigation-item.tsx"],"sourcesContent":["import { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\nimport {\n cls,\n delay,\n getBoolean,\n getBooleanAsString,\n getHideProp,\n uuid,\n} from \"../../utils\";\nimport { NavigationItemSafeTriangle } from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBNavigationItemProps, DBNavigationItemState } from \"./model\";\n\nimport {\n Component,\n h,\n Fragment,\n Watch,\n Event,\n EventEmitter,\n Prop,\n State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot subNavigation - TODO: Add description for slotSubNavigation\n */\n @Component({\n tag: \"db-navigation-item\",\n})\nexport class DBNavigationItem {\n private _ref!: HTMLLIElement | any;\n @Prop() subNavigationExpanded: DBNavigationItemProps[\"subNavigationExpanded\"];\n @Event() click: EventEmitter<\n Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n > | void;\n @Prop() id: DBNavigationItemProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBNavigationItemProps[\"className\"];\n @Prop() width: DBNavigationItemProps[\"width\"];\n @Prop() icon: DBNavigationItemProps[\"icon\"];\n @Prop() showIcon: DBNavigationItemProps[\"showIcon\"];\n @Prop() active: DBNavigationItemProps[\"active\"];\n @Prop() wrap: DBNavigationItemProps[\"wrap\"];\n @Prop() disabled: DBNavigationItemProps[\"disabled\"];\n @Prop() text: DBNavigationItemProps[\"text\"];\n @Prop() backButtonId: DBNavigationItemProps[\"backButtonId\"];\n @Prop() backButtonText: DBNavigationItemProps[\"backButtonText\"];\n @State() initialized = false;\n @State() hasAreaPopup = false;\n @State() hasSubNavigation = true;\n @State() isSubNavigationExpanded = false;\n @State() autoClose = false;\n @State() subNavigationId = \"sub-navigation-\" + uuid();\n @State() navigationItemSafeTriangle = undefined;\n\n handleNavigationItemClick(event: any) {\n if (event?.target?.nodeName === \"A\") {\n this.autoClose = true;\n void delay(() => {\n this.autoClose = false;\n }, 1000);\n }\n }\n handleClick(event: ClickEvent<HTMLButtonElement> | any) {\n if (this.click) {\n event.stopPropagation();\n this.click.emit(event);\n }\n if (this.hasAreaPopup) {\n this.isSubNavigationExpanded = true;\n }\n }\n handleBackClick(event: ClickEvent<HTMLButtonElement> | any) {\n event.stopPropagation();\n this.isSubNavigationExpanded = false;\n }\n\n /**\n * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n * @param element the ref for the component\n * @param customElementSelector the custom element like `my-component`\n */\n private enableAttributePassing(\n element: HTMLElement | null,\n customElementSelector: string\n ) {\n const parent = element?.closest(customElementSelector);\n if (element && parent) {\n const attributes = parent.attributes;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes.item(i);\n if (\n attr &&\n (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n ) {\n element.setAttribute(attr.name, attr.value);\n parent.removeAttribute(attr.name);\n }\n if (attr && attr.name === \"class\") {\n const isWebComponent = attr.value.includes(\"hydrated\");\n const value = attr.value.replace(\"hydrated\", \"\").trim();\n const currentClass = element.getAttribute(\"class\");\n element.setAttribute(\n attr.name,\n `${currentClass ? `${currentClass} ` : \"\"}${value}`\n );\n if (isWebComponent) {\n // Stencil is using this class for lazy loading component\n parent.setAttribute(\"class\", \"hydrated\");\n } else {\n parent.removeAttribute(attr.name);\n }\n }\n }\n }\n }\n\n watch0Fn() {\n if (this.subNavigationExpanded !== undefined) {\n this.isSubNavigationExpanded = !!getBoolean(\n this.subNavigationExpanded,\n \"subNavigationExpanded\"\n );\n }\n }\n\n @Watch(\"subNavigationExpanded\")\n watch0() {\n this.watch0Fn();\n }\n\n watch1Fn() {\n if (this.initialized && this._ref) {\n const subNavigationSlot = this._ref.querySelector(\"menu\");\n if (subNavigationSlot) {\n if (subNavigationSlot.children?.length > 0) {\n this.hasAreaPopup = true;\n if (!this.navigationItemSafeTriangle) {\n this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n this._ref,\n subNavigationSlot\n );\n }\n } else {\n this.hasSubNavigation = false;\n }\n }\n }\n }\n\n @Watch(\"initialized\")\n @Watch(\"_ref\")\n watch1() {\n this.watch1Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-navigation-item\");\n this.initialized = true;\n this.watch0Fn();\n this.watch1Fn();\n }\n\n render() {\n return (\n <li\n class={cls(\"db-navigation-item\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n onMouseOver={() => this.navigationItemSafeTriangle?.enableFollow()}\n onMouseLeave={() => this.navigationItemSafeTriangle?.disableFollow()}\n onMouseMove={(event) =>\n this.navigationItemSafeTriangle?.followByMouseEvent(event)\n }\n data-width={this.width}\n data-icon={this.icon}\n data-hide-icon={getHideProp(this.showIcon)}\n data-active={this.active}\n data-wrap={getBooleanAsString(this.wrap)}\n aria-disabled={getBooleanAsString(this.disabled)}\n >\n {!this.hasSubNavigation ? this.text ? this.text : <slot></slot> : null}\n {this.hasSubNavigation ? (\n <Fragment>\n <button\n class=\"db-navigation-item-expand-button\"\n aria-haspopup={this.hasAreaPopup}\n aria-expanded={this.isSubNavigationExpanded}\n disabled={getBoolean(this.disabled, \"disabled\")}\n onClick={(event) => this.handleClick(event)}\n >\n {this.text ? this.text : <slot></slot>}\n </button>\n <menu\n class=\"db-sub-navigation\"\n data-force-close={this.autoClose}\n id={this.subNavigationId}\n onClick={(event) => this.handleNavigationItemClick(event)}\n >\n {this.hasAreaPopup ? (\n <div class=\"db-mobile-navigation-back\">\n <db-button\n icon=\"arrow_left\"\n variant=\"ghost\"\n id={this.backButtonId}\n onClick={(event) => this.handleBackClick(event)}\n >\n {this.backButtonText ?? DEFAULT_BACK}\n </db-button>\n </div>\n ) : null}\n <slot name=\"subNavigation\"></slot>\n </menu>\n </Fragment>\n ) : null}\n </li>\n );\n }\n}\n"],"version":3}
@@ -1 +1 @@
1
- {"version":3,"file":"db-navigation-item.entry.cjs.js","sources":["src/components/navigation-item/navigation-item.tsx"],"sourcesContent":["import { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\nimport {\n cls,\n delay,\n getBoolean,\n getBooleanAsString,\n getHideProp,\n uuid,\n} from \"../../utils\";\nimport {\n isEventTargetNavigationItem,\n NavigationItemSafeTriangle,\n} from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBNavigationItemProps, DBNavigationItemState } from \"./model\";\n\nimport {\n Component,\n h,\n Fragment,\n Watch,\n Event,\n EventEmitter,\n Prop,\n State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot subNavigation - TODO: Add description for slotSubNavigation\n */\n @Component({\n tag: \"db-navigation-item\",\n})\nexport class DBNavigationItem {\n private _ref!: HTMLLIElement | any;\n @Prop() subNavigationExpanded: DBNavigationItemProps[\"subNavigationExpanded\"];\n @Event() click: EventEmitter<\n Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n > | void;\n @Prop() id: DBNavigationItemProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBNavigationItemProps[\"className\"];\n @Prop() width: DBNavigationItemProps[\"width\"];\n @Prop() icon: DBNavigationItemProps[\"icon\"];\n @Prop() showIcon: DBNavigationItemProps[\"showIcon\"];\n @Prop() active: DBNavigationItemProps[\"active\"];\n @Prop() wrap: DBNavigationItemProps[\"wrap\"];\n @Prop() disabled: DBNavigationItemProps[\"disabled\"];\n @Prop() text: DBNavigationItemProps[\"text\"];\n @Prop() backButtonId: DBNavigationItemProps[\"backButtonId\"];\n @Prop() backButtonText: DBNavigationItemProps[\"backButtonText\"];\n @State() initialized = false;\n @State() hasAreaPopup = false;\n @State() hasSubNavigation = true;\n @State() isSubNavigationExpanded = false;\n @State() autoClose = false;\n @State() subNavigationId = \"sub-navigation-\" + uuid();\n @State() navigationItemSafeTriangle = undefined;\n\n handleNavigationItemClick(event: unknown) {\n if (isEventTargetNavigationItem(event)) {\n this.autoClose = true;\n delay(() => {\n this.autoClose = false;\n }, 300);\n }\n }\n handleClick(event: ClickEvent<HTMLButtonElement> | any) {\n if (this.click) {\n event.stopPropagation();\n this.click.emit(event);\n }\n if (this.hasAreaPopup) {\n this.isSubNavigationExpanded = true;\n }\n }\n handleBackClick(event: ClickEvent<HTMLButtonElement> | any) {\n event.stopPropagation();\n this.isSubNavigationExpanded = false;\n }\n\n /**\n * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n * @param element the ref for the component\n * @param customElementSelector the custom element like `my-component`\n */\n private enableAttributePassing(\n element: HTMLElement | null,\n customElementSelector: string\n ) {\n const parent = element?.closest(customElementSelector);\n if (element && parent) {\n const attributes = parent.attributes;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes.item(i);\n if (\n attr &&\n (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n ) {\n element.setAttribute(attr.name, attr.value);\n parent.removeAttribute(attr.name);\n }\n if (attr && attr.name === \"class\") {\n const isWebComponent = attr.value.includes(\"hydrated\");\n const value = attr.value.replace(\"hydrated\", \"\").trim();\n const currentClass = element.getAttribute(\"class\");\n element.setAttribute(\n attr.name,\n `${currentClass ? `${currentClass} ` : \"\"}${value}`\n );\n if (isWebComponent) {\n // Stencil is using this class for lazy loading component\n parent.setAttribute(\"class\", \"hydrated\");\n } else {\n parent.removeAttribute(attr.name);\n }\n }\n }\n }\n }\n\n watch0Fn() {\n if (this.subNavigationExpanded !== undefined) {\n this.isSubNavigationExpanded = !!getBoolean(\n this.subNavigationExpanded,\n \"subNavigationExpanded\"\n );\n }\n }\n\n @Watch(\"subNavigationExpanded\")\n watch0() {\n this.watch0Fn();\n }\n\n watch1Fn() {\n if (this.initialized && this._ref) {\n const subNavigationSlot = this._ref.querySelector(\"menu\");\n if (subNavigationSlot) {\n if (subNavigationSlot.children?.length > 0) {\n this.hasAreaPopup = true;\n if (!this.navigationItemSafeTriangle) {\n this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n this._ref,\n subNavigationSlot\n );\n }\n } else {\n this.hasSubNavigation = false;\n }\n }\n }\n }\n\n @Watch(\"initialized\")\n @Watch(\"_ref\")\n watch1() {\n this.watch1Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-navigation-item\");\n this.initialized = true;\n this.watch0Fn();\n this.watch1Fn();\n }\n\n render() {\n return (\n <li\n class={cls(\"db-navigation-item\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n onMouseOver={() => this.navigationItemSafeTriangle?.enableFollow()}\n onMouseLeave={() => this.navigationItemSafeTriangle?.disableFollow()}\n onMouseMove={(event) =>\n this.navigationItemSafeTriangle?.followByMouseEvent(event)\n }\n data-width={this.width}\n data-icon={this.icon}\n data-hide-icon={getHideProp(this.showIcon)}\n data-active={this.active}\n data-wrap={getBooleanAsString(this.wrap)}\n aria-disabled={getBooleanAsString(this.disabled)}\n >\n {!this.hasSubNavigation ? this.text ? this.text : <slot></slot> : null}\n {this.hasSubNavigation ? (\n <Fragment>\n <button\n class=\"db-navigation-item-expand-button\"\n aria-haspopup={this.hasAreaPopup}\n aria-expanded={this.isSubNavigationExpanded}\n disabled={getBoolean(this.disabled, \"disabled\")}\n onClick={(event) => this.handleClick(event)}\n >\n {this.text ? this.text : <slot></slot>}\n </button>\n <menu\n class=\"db-sub-navigation\"\n data-auto-close={this.autoClose}\n id={this.subNavigationId}\n onClick={(event) => this.handleNavigationItemClick(event)}\n >\n {this.hasAreaPopup ? (\n <div class=\"db-mobile-navigation-back\">\n <db-button\n icon=\"arrow_left\"\n variant=\"ghost\"\n id={this.backButtonId}\n onClick={(event) => this.handleBackClick(event)}\n >\n {this.backButtonText ?? DEFAULT_BACK}\n </db-button>\n </div>\n ) : null}\n <slot name=\"subNavigation\"></slot>\n </menu>\n </Fragment>\n ) : null}\n </li>\n );\n }\n}\n"],"names":["uuid","isEventTargetNavigationItem","delay","getBoolean","NavigationItemSafeTriangle","h","cls","getHideProp","getBooleanAsString","Fragment","DEFAULT_BACK"],"mappings":"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"}
1
+ {"version":3,"file":"db-navigation-item.entry.cjs.js","sources":["src/components/navigation-item/navigation-item.tsx"],"sourcesContent":["import { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\nimport {\n cls,\n delay,\n getBoolean,\n getBooleanAsString,\n getHideProp,\n uuid,\n} from \"../../utils\";\nimport { NavigationItemSafeTriangle } from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBNavigationItemProps, DBNavigationItemState } from \"./model\";\n\nimport {\n Component,\n h,\n Fragment,\n Watch,\n Event,\n EventEmitter,\n Prop,\n State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot subNavigation - TODO: Add description for slotSubNavigation\n */\n @Component({\n tag: \"db-navigation-item\",\n})\nexport class DBNavigationItem {\n private _ref!: HTMLLIElement | any;\n @Prop() subNavigationExpanded: DBNavigationItemProps[\"subNavigationExpanded\"];\n @Event() click: EventEmitter<\n Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n > | void;\n @Prop() id: DBNavigationItemProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBNavigationItemProps[\"className\"];\n @Prop() width: DBNavigationItemProps[\"width\"];\n @Prop() icon: DBNavigationItemProps[\"icon\"];\n @Prop() showIcon: DBNavigationItemProps[\"showIcon\"];\n @Prop() active: DBNavigationItemProps[\"active\"];\n @Prop() wrap: DBNavigationItemProps[\"wrap\"];\n @Prop() disabled: DBNavigationItemProps[\"disabled\"];\n @Prop() text: DBNavigationItemProps[\"text\"];\n @Prop() backButtonId: DBNavigationItemProps[\"backButtonId\"];\n @Prop() backButtonText: DBNavigationItemProps[\"backButtonText\"];\n @State() initialized = false;\n @State() hasAreaPopup = false;\n @State() hasSubNavigation = true;\n @State() isSubNavigationExpanded = false;\n @State() autoClose = false;\n @State() subNavigationId = \"sub-navigation-\" + uuid();\n @State() navigationItemSafeTriangle = undefined;\n\n handleNavigationItemClick(event: any) {\n if (event?.target?.nodeName === \"A\") {\n this.autoClose = true;\n void delay(() => {\n this.autoClose = false;\n }, 1000);\n }\n }\n handleClick(event: ClickEvent<HTMLButtonElement> | any) {\n if (this.click) {\n event.stopPropagation();\n this.click.emit(event);\n }\n if (this.hasAreaPopup) {\n this.isSubNavigationExpanded = true;\n }\n }\n handleBackClick(event: ClickEvent<HTMLButtonElement> | any) {\n event.stopPropagation();\n this.isSubNavigationExpanded = false;\n }\n\n /**\n * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n * @param element the ref for the component\n * @param customElementSelector the custom element like `my-component`\n */\n private enableAttributePassing(\n element: HTMLElement | null,\n customElementSelector: string\n ) {\n const parent = element?.closest(customElementSelector);\n if (element && parent) {\n const attributes = parent.attributes;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes.item(i);\n if (\n attr &&\n (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n ) {\n element.setAttribute(attr.name, attr.value);\n parent.removeAttribute(attr.name);\n }\n if (attr && attr.name === \"class\") {\n const isWebComponent = attr.value.includes(\"hydrated\");\n const value = attr.value.replace(\"hydrated\", \"\").trim();\n const currentClass = element.getAttribute(\"class\");\n element.setAttribute(\n attr.name,\n `${currentClass ? `${currentClass} ` : \"\"}${value}`\n );\n if (isWebComponent) {\n // Stencil is using this class for lazy loading component\n parent.setAttribute(\"class\", \"hydrated\");\n } else {\n parent.removeAttribute(attr.name);\n }\n }\n }\n }\n }\n\n watch0Fn() {\n if (this.subNavigationExpanded !== undefined) {\n this.isSubNavigationExpanded = !!getBoolean(\n this.subNavigationExpanded,\n \"subNavigationExpanded\"\n );\n }\n }\n\n @Watch(\"subNavigationExpanded\")\n watch0() {\n this.watch0Fn();\n }\n\n watch1Fn() {\n if (this.initialized && this._ref) {\n const subNavigationSlot = this._ref.querySelector(\"menu\");\n if (subNavigationSlot) {\n if (subNavigationSlot.children?.length > 0) {\n this.hasAreaPopup = true;\n if (!this.navigationItemSafeTriangle) {\n this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n this._ref,\n subNavigationSlot\n );\n }\n } else {\n this.hasSubNavigation = false;\n }\n }\n }\n }\n\n @Watch(\"initialized\")\n @Watch(\"_ref\")\n watch1() {\n this.watch1Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-navigation-item\");\n this.initialized = true;\n this.watch0Fn();\n this.watch1Fn();\n }\n\n render() {\n return (\n <li\n class={cls(\"db-navigation-item\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n onMouseOver={() => this.navigationItemSafeTriangle?.enableFollow()}\n onMouseLeave={() => this.navigationItemSafeTriangle?.disableFollow()}\n onMouseMove={(event) =>\n this.navigationItemSafeTriangle?.followByMouseEvent(event)\n }\n data-width={this.width}\n data-icon={this.icon}\n data-hide-icon={getHideProp(this.showIcon)}\n data-active={this.active}\n data-wrap={getBooleanAsString(this.wrap)}\n aria-disabled={getBooleanAsString(this.disabled)}\n >\n {!this.hasSubNavigation ? this.text ? this.text : <slot></slot> : null}\n {this.hasSubNavigation ? (\n <Fragment>\n <button\n class=\"db-navigation-item-expand-button\"\n aria-haspopup={this.hasAreaPopup}\n aria-expanded={this.isSubNavigationExpanded}\n disabled={getBoolean(this.disabled, \"disabled\")}\n onClick={(event) => this.handleClick(event)}\n >\n {this.text ? this.text : <slot></slot>}\n </button>\n <menu\n class=\"db-sub-navigation\"\n data-force-close={this.autoClose}\n id={this.subNavigationId}\n onClick={(event) => this.handleNavigationItemClick(event)}\n >\n {this.hasAreaPopup ? (\n <div class=\"db-mobile-navigation-back\">\n <db-button\n icon=\"arrow_left\"\n variant=\"ghost\"\n id={this.backButtonId}\n onClick={(event) => this.handleBackClick(event)}\n >\n {this.backButtonText ?? DEFAULT_BACK}\n </db-button>\n </div>\n ) : null}\n <slot name=\"subNavigation\"></slot>\n </menu>\n </Fragment>\n ) : null}\n </li>\n );\n }\n}\n"],"names":["uuid","delay","getBoolean","NavigationItemSafeTriangle","h","cls","getHideProp","getBooleanAsString","Fragment","DEFAULT_BACK"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBPage = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
  var documentScrollListener = require('./document-scroll-listener-BlwNKh0i.js');
6
6
  var floatingComponents = require('./floating-components-BxBSpOv1.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBRadio = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBStack = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBSwitch = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
  var constants = require('./constants-CTtyzyuo.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var index$1 = require('./index-DjV59BYq.js');
5
5
 
6
6
  const DBTabs = class {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var constants = require('./constants-CTtyzyuo.js');
5
5
  var index$1 = require('./index-DjV59BYq.js');
6
6
  var documentScrollListener = require('./document-scroll-listener-BlwNKh0i.js');
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BaF_-Wtf.js');
3
+ var index = require('./index-DRg3L2am.js');
4
4
  var appGlobals = require('./app-globals-V2Kpy_OQ.js');
5
5
 
6
6
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
7
7
  /*
8
- Stencil Client Patch Browser v4.35.3 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v4.36.0 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
 
11
11
  var patchBrowser = () => {
@@ -1 +1 @@
1
- {"version":3,"file":"db-ux.cjs.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.35.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,8PAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"db-ux.cjs.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.36.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,8PAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}
@@ -4,7 +4,7 @@ const NAMESPACE = 'db-ux';
4
4
  const BUILD = /* db-ux */ { hydratedSelectorName: "hydrated", lazyLoad: true, shadowDom: false, slotRelocation: true, updatable: true};
5
5
 
6
6
  /*
7
- Stencil Client Platform v4.35.3 | MIT Licensed | https://stenciljs.com
7
+ Stencil Client Platform v4.36.0 | MIT Licensed | https://stenciljs.com
8
8
  */
9
9
  var __defProp = Object.defineProperty;
10
10
  var __export = (target, all) => {
@@ -447,7 +447,10 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
447
447
  }
448
448
  return propValue;
449
449
  };
450
- var getElement = (ref) => getHostRef(ref).$hostElement$ ;
450
+ var getElement = (ref) => {
451
+ var _a;
452
+ return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
453
+ };
451
454
 
452
455
  // src/runtime/event-emitter.ts
453
456
  var createEvent = (ref, name, flags) => {
@@ -1029,6 +1032,12 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
1029
1032
  }
1030
1033
  attachToAncestor(hostRef, hostRef.$ancestorComponent$);
1031
1034
  const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
1035
+ if (isInitialLoad) {
1036
+ queueMicrotask(() => {
1037
+ dispatch();
1038
+ });
1039
+ return;
1040
+ }
1032
1041
  return writeTask(dispatch) ;
1033
1042
  };
1034
1043
  var dispatchHooks = (hostRef, isInitialLoad) => {
@@ -1160,6 +1169,9 @@ var addHydratedFlag = (elm) => {
1160
1169
  var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
1161
1170
  var setValue = (ref, propName, newVal, cmpMeta) => {
1162
1171
  const hostRef = getHostRef(ref);
1172
+ if (!hostRef) {
1173
+ return;
1174
+ }
1163
1175
  if (!hostRef) {
1164
1176
  throw new Error(
1165
1177
  `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
@@ -1235,6 +1247,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1235
1247
  Object.defineProperty(prototype, memberName, {
1236
1248
  set(newValue) {
1237
1249
  const ref = getHostRef(this);
1250
+ if (!ref) {
1251
+ return;
1252
+ }
1238
1253
  if (origSetter) {
1239
1254
  const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1240
1255
  if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
@@ -1298,7 +1313,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1298
1313
  } else if (propName == null) {
1299
1314
  const hostRef = getHostRef(this);
1300
1315
  const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
1301
- if (flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
1316
+ if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
1302
1317
  const instance = hostRef.$lazyInstance$ ;
1303
1318
  const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
1304
1319
  entry == null ? void 0 : entry.forEach((callbackName) => {
@@ -1397,6 +1412,9 @@ var fireConnectedCallback = (instance, elm) => {
1397
1412
  var connectedCallback = (elm) => {
1398
1413
  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1399
1414
  const hostRef = getHostRef(elm);
1415
+ if (!hostRef) {
1416
+ return;
1417
+ }
1400
1418
  const cmpMeta = hostRef.$cmpMeta$;
1401
1419
  const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
1402
1420
  if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
@@ -1518,7 +1536,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1518
1536
  registerHost(self, cmpMeta);
1519
1537
  }
1520
1538
  connectedCallback() {
1521
- getHostRef(this);
1539
+ const hostRef = getHostRef(this);
1540
+ if (!hostRef) {
1541
+ return;
1542
+ }
1522
1543
  if (!this.hasRegisteredEventListeners) {
1523
1544
  this.hasRegisteredEventListeners = true;
1524
1545
  }
@@ -1537,6 +1558,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1537
1558
  plt.raf(() => {
1538
1559
  var _a3;
1539
1560
  const hostRef = getHostRef(this);
1561
+ if (!hostRef) {
1562
+ return;
1563
+ }
1540
1564
  const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
1541
1565
  if (i2 > -1) {
1542
1566
  deferredConnectedCallbacks.splice(i2, 1);
@@ -1547,7 +1571,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1547
1571
  });
1548
1572
  }
1549
1573
  componentOnReady() {
1550
- return getHostRef(this).$onReadyPromise$;
1574
+ var _a3;
1575
+ return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
1551
1576
  }
1552
1577
  };
1553
1578
  cmpMeta.$lazyBundleId$ = lazyBundle[0];
@@ -1600,6 +1625,6 @@ exports.h = h;
1600
1625
  exports.promiseResolve = promiseResolve;
1601
1626
  exports.registerInstance = registerInstance;
1602
1627
  exports.setNonce = setNonce;
1603
- //# sourceMappingURL=index-BaF_-Wtf.js.map
1628
+ //# sourceMappingURL=index-DRg3L2am.js.map
1604
1629
 
1605
- //# sourceMappingURL=index-BaF_-Wtf.js.map
1630
+ //# sourceMappingURL=index-DRg3L2am.js.map