@baloise/ds-core 16.2.1 → 16.3.0-nightly.20240826

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 (168) hide show
  1. package/components/all.d.ts +2 -0
  2. package/components/all.js +3 -0
  3. package/components/bal-app.js +1 -85
  4. package/components/bal-app2.js +87 -0
  5. package/components/bal-doc-app.d.ts +11 -0
  6. package/components/bal-doc-app.js +260 -0
  7. package/components/bal-dropdown.js +7 -3
  8. package/components/bal-popup.js +1 -1
  9. package/components/index.js +5 -289
  10. package/components/initialize.js +288 -0
  11. package/components/scroll.js +7 -3
  12. package/components/tokens.esm.js +1 -1
  13. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  14. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  15. package/dist/baloise-design-system/index.esm.js +1 -1
  16. package/dist/baloise-design-system/{p-01999347b1.entry.js → p-08fd12bbc0.entry.js} +1 -1
  17. package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
  18. package/dist/baloise-design-system/{p-504d51d0a1.system.entry.js → p-1ed42c5f5a.system.entry.js} +1 -1
  19. package/dist/baloise-design-system/{p-2ddb356c.system.js → p-23b19918.system.js} +1 -1
  20. package/dist/baloise-design-system/{p-296a638e.system.js → p-2701880d.system.js} +1 -1
  21. package/dist/baloise-design-system/{p-c19e28122b.system.entry.js → p-2782dab200.system.entry.js} +1 -1
  22. package/dist/baloise-design-system/{p-b10a80a3b8.entry.js → p-2f191e9063.entry.js} +1 -1
  23. package/dist/baloise-design-system/p-30fc270ec1.entry.js +1 -0
  24. package/dist/baloise-design-system/p-360068a4.system.js +1 -0
  25. package/dist/baloise-design-system/{p-fcc2312923.entry.js → p-37db9e3f81.entry.js} +1 -1
  26. package/dist/baloise-design-system/p-381fe5557d.entry.js +1 -0
  27. package/dist/baloise-design-system/p-40b5ad07c5.system.entry.js +1 -0
  28. package/dist/baloise-design-system/{p-5f8d927f95.system.entry.js → p-416f6d8f9f.system.entry.js} +1 -1
  29. package/dist/baloise-design-system/{p-2ae4288f42.system.entry.js → p-4802ca0200.system.entry.js} +1 -1
  30. package/dist/baloise-design-system/{p-2d115eb51b.system.entry.js → p-4ec285c5c8.system.entry.js} +1 -1
  31. package/dist/baloise-design-system/{p-cd289f40c5.system.entry.js → p-526b1c1f37.system.entry.js} +1 -1
  32. package/dist/baloise-design-system/p-54f81c32.js +1 -1
  33. package/dist/baloise-design-system/{p-94ae00c712.system.entry.js → p-5b4e1f063e.system.entry.js} +1 -1
  34. package/dist/baloise-design-system/{p-def2591edc.entry.js → p-5ce8281c5f.entry.js} +1 -1
  35. package/dist/baloise-design-system/{p-2bf04f4f7e.entry.js → p-5dd52d24cd.entry.js} +1 -1
  36. package/dist/baloise-design-system/{p-23ef6e0656.entry.js → p-5f1bb4a3b8.entry.js} +1 -1
  37. package/dist/baloise-design-system/{p-dc45a57023.entry.js → p-648cafc450.entry.js} +1 -1
  38. package/dist/baloise-design-system/p-6d1b6215.js +1 -0
  39. package/dist/baloise-design-system/p-7291766c.system.js +1 -0
  40. package/dist/baloise-design-system/{p-3586f88589.system.entry.js → p-749c516acc.system.entry.js} +1 -1
  41. package/dist/baloise-design-system/{p-488e6a1eee.system.entry.js → p-851174e15b.system.entry.js} +1 -1
  42. package/dist/baloise-design-system/p-87d9c24d45.system.entry.js +1 -0
  43. package/dist/baloise-design-system/{p-6048a8f8af.entry.js → p-8f358505eb.entry.js} +1 -1
  44. package/dist/baloise-design-system/{p-ffbe2886.js → p-96525499.js} +1 -1
  45. package/dist/baloise-design-system/{p-222bc9b30e.system.entry.js → p-982fa892e8.system.entry.js} +1 -1
  46. package/dist/baloise-design-system/{p-4c470f43.system.js → p-9ff6d05f.system.js} +1 -1
  47. package/dist/baloise-design-system/{p-192bade4.js → p-a2bb4c55.js} +1 -1
  48. package/dist/baloise-design-system/{p-6b863f9d71.entry.js → p-a84377f125.entry.js} +1 -1
  49. package/dist/baloise-design-system/{p-29bfdafb70.system.entry.js → p-bdffcf5688.system.entry.js} +1 -1
  50. package/dist/baloise-design-system/{p-01d998678a.entry.js → p-c110359cf5.entry.js} +1 -1
  51. package/dist/baloise-design-system/p-c1852273.js +1 -0
  52. package/dist/baloise-design-system/{p-2d7a5a33fe.system.entry.js → p-d3fababa73.system.entry.js} +1 -1
  53. package/dist/baloise-design-system/{p-8b931ae0b8.system.entry.js → p-e1ccc73251.system.entry.js} +1 -1
  54. package/dist/baloise-design-system/{p-4a2d315dc4.entry.js → p-e4affe0e7f.entry.js} +1 -1
  55. package/dist/baloise-design-system/p-e8ffddeb.js +1 -0
  56. package/dist/baloise-design-system/{p-709bb627dd.system.entry.js → p-e931c4afff.system.entry.js} +1 -1
  57. package/dist/baloise-design-system/p-f19ea306.system.js +1 -0
  58. package/dist/baloise-design-system/{p-03b8dbdc88.entry.js → p-f347e506f7.entry.js} +1 -1
  59. package/dist/baloise-design-system/{p-6164f99bb8.entry.js → p-f6599f64b7.entry.js} +1 -1
  60. package/dist/baloise-design-system/{p-6b6006ffc1.entry.js → p-f7265179b7.entry.js} +1 -1
  61. package/dist/baloise-design-system/{p-013b4c72.system.js → p-f959646a.system.js} +1 -1
  62. package/dist/baloise-design-system/{p-524ceea034.system.entry.js → p-fb2778f548.system.entry.js} +1 -1
  63. package/dist/baloise-design-system/p-fc41250aa8.entry.js +1 -0
  64. package/dist/cjs/app-globals-5fd73c0c.js +7 -0
  65. package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
  66. package/dist/cjs/bal-datepicker.cjs.entry.js +3 -3
  67. package/dist/cjs/bal-doc-app.cjs.entry.js +231 -0
  68. package/dist/cjs/bal-dropdown.cjs.entry.js +6 -2
  69. package/dist/cjs/bal-hint_3.cjs.entry.js +4 -4
  70. package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
  71. package/dist/cjs/bal-logo.cjs.entry.js +3 -3
  72. package/dist/cjs/bal-modal_3.cjs.entry.js +1 -1
  73. package/dist/cjs/bal-nav_8.cjs.entry.js +4 -4
  74. package/dist/cjs/bal-navbar_5.cjs.entry.js +4 -4
  75. package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
  76. package/dist/cjs/bal-popover_2.cjs.entry.js +3 -3
  77. package/dist/cjs/bal-popup.cjs.entry.js +1 -1
  78. package/dist/cjs/bal-progress-bar.cjs.entry.js +3 -3
  79. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  80. package/dist/cjs/bal-steps.cjs.entry.js +3 -3
  81. package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
  82. package/dist/cjs/baloise-design-system.cjs.js +3 -2
  83. package/dist/cjs/{breakpoints.decorator-603d97d9.js → breakpoints.decorator-e39b48f6.js} +1 -1
  84. package/dist/cjs/{breakpoints.subject-a0b2bc41.js → breakpoints.subject-fd287dc4.js} +1 -1
  85. package/dist/cjs/{app-globals-ae3a8623.js → global-2562a984.js} +2 -4
  86. package/dist/cjs/index.cjs.js +3 -3
  87. package/dist/cjs/initialize-2a19d091.js +1 -1
  88. package/dist/cjs/loader.cjs.js +3 -2
  89. package/dist/cjs/{scroll-5d6ac91d.js → scroll-73c1b762.js} +7 -3
  90. package/dist/cjs/{tokens.esm-ae4d587c.js → tokens.esm-edf61900.js} +1 -1
  91. package/dist/collection/collection-manifest.json +2 -1
  92. package/dist/collection/components/bal-dropdown/bal-dropdown.js +1 -1
  93. package/dist/collection/components/bal-popup/variants/fullscreen-variant.renderer.js +1 -1
  94. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
  95. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +229 -0
  96. package/dist/collection/utils/constants/version.constant.js +1 -1
  97. package/dist/collection/utils/dropdown/events.js +7 -2
  98. package/dist/collection/utils/scroll.js +7 -3
  99. package/dist/esm/app-globals-970bab17.js +5 -0
  100. package/dist/esm/bal-carousel_2.entry.js +3 -3
  101. package/dist/esm/bal-datepicker.entry.js +3 -3
  102. package/dist/esm/bal-doc-app.entry.js +227 -0
  103. package/dist/esm/bal-dropdown.entry.js +7 -3
  104. package/dist/esm/bal-hint_3.entry.js +4 -4
  105. package/dist/esm/bal-list_8.entry.js +3 -3
  106. package/dist/esm/bal-logo.entry.js +3 -3
  107. package/dist/esm/bal-modal_3.entry.js +1 -1
  108. package/dist/esm/bal-nav_8.entry.js +4 -4
  109. package/dist/esm/bal-navbar_5.entry.js +4 -4
  110. package/dist/esm/bal-pagination.entry.js +3 -3
  111. package/dist/esm/bal-popover_2.entry.js +3 -3
  112. package/dist/esm/bal-popup.entry.js +1 -1
  113. package/dist/esm/bal-progress-bar.entry.js +3 -3
  114. package/dist/esm/bal-shape.entry.js +1 -1
  115. package/dist/esm/bal-steps.entry.js +3 -3
  116. package/dist/esm/bal-tab-item_2.entry.js +3 -3
  117. package/dist/esm/baloise-design-system.js +3 -2
  118. package/dist/esm/{breakpoints.decorator-f710f500.js → breakpoints.decorator-c82ca8d7.js} +1 -1
  119. package/dist/esm/{breakpoints.subject-3ea6d2c3.js → breakpoints.subject-3f3d48c4.js} +1 -1
  120. package/dist/esm/{app-globals-b0dd0fc4.js → global-63f4bcec.js} +2 -4
  121. package/dist/esm/index.js +4 -4
  122. package/dist/esm/initialize-e216cfe4.js +1 -1
  123. package/dist/esm/loader.js +3 -2
  124. package/dist/esm/{scroll-e341d95b.js → scroll-f4b20848.js} +7 -3
  125. package/dist/esm/{tokens.esm-27a803dc.js → tokens.esm-a501c99a.js} +1 -1
  126. package/dist/esm-es5/app-globals-970bab17.js +1 -0
  127. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  128. package/dist/esm-es5/bal-datepicker.entry.js +1 -1
  129. package/dist/esm-es5/bal-doc-app.entry.js +1 -0
  130. package/dist/esm-es5/bal-dropdown.entry.js +1 -1
  131. package/dist/esm-es5/bal-hint_3.entry.js +1 -1
  132. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  133. package/dist/esm-es5/bal-logo.entry.js +1 -1
  134. package/dist/esm-es5/bal-modal_3.entry.js +1 -1
  135. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  136. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  137. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  138. package/dist/esm-es5/bal-popover_2.entry.js +1 -1
  139. package/dist/esm-es5/bal-popup.entry.js +1 -1
  140. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  141. package/dist/esm-es5/bal-shape.entry.js +1 -1
  142. package/dist/esm-es5/bal-steps.entry.js +1 -1
  143. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  144. package/dist/esm-es5/baloise-design-system.js +1 -1
  145. package/dist/esm-es5/breakpoints.decorator-c82ca8d7.js +1 -0
  146. package/dist/esm-es5/{breakpoints.subject-3ea6d2c3.js → breakpoints.subject-3f3d48c4.js} +1 -1
  147. package/dist/esm-es5/global-63f4bcec.js +1 -0
  148. package/dist/esm-es5/index.js +1 -1
  149. package/dist/esm-es5/initialize-e216cfe4.js +1 -1
  150. package/dist/esm-es5/loader.js +1 -1
  151. package/dist/esm-es5/scroll-f4b20848.js +1 -0
  152. package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
  153. package/dist/types/components.d.ts +37 -0
  154. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +81 -0
  155. package/package.json +7 -7
  156. package/dist/baloise-design-system/p-0793c0159f.system.entry.js +0 -1
  157. package/dist/baloise-design-system/p-1d351673.system.js +0 -1
  158. package/dist/baloise-design-system/p-6e0f125e.js +0 -1
  159. package/dist/baloise-design-system/p-bcca1ed3.system.js +0 -1
  160. package/dist/baloise-design-system/p-e63febcbd8.entry.js +0 -1
  161. package/dist/baloise-design-system/p-e78a6409.js +0 -1
  162. package/dist/baloise-design-system/p-f8a98657a1.entry.js +0 -1
  163. package/dist/esm-es5/app-globals-b0dd0fc4.js +0 -1
  164. package/dist/esm-es5/breakpoints.decorator-f710f500.js +0 -1
  165. package/dist/esm-es5/scroll-e341d95b.js +0 -1
  166. /package/dist/baloise-design-system/{p-efb46317.system.js → p-5c0e12bf.system.js} +0 -0
  167. /package/dist/baloise-design-system/{p-b1f86100.js → p-bbfe0ac3.js} +0 -0
  168. /package/dist/esm-es5/{tokens.esm-27a803dc.js → tokens.esm-a501c99a.js} +0 -0
@@ -0,0 +1 @@
1
+ var __awaiter=this&&this.__awaiter||function(t,r,o,n){function i(t){return t instanceof o?t:new o((function(r){r(t)}))}return new(o||(o=Promise))((function(o,e){function a(t){try{l(n.next(t))}catch(t){e(t)}}function s(t){try{l(n["throw"](t))}catch(t){e(t)}}function l(t){t.done?o(t.value):i(t.value).then(a,s)}l((n=n.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var o={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},n,i,e,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(r){return l([t,r])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(o=0)),o)try{if(n=1,i&&(e=s[0]&2?i["return"]:s[0]?i["throw"]||((e=i["return"])&&e.call(i),0):i.next)&&!(e=e.call(i,s[1])).done)return e;if(i=0,e)s=[s[0]&2,e.value];switch(s[0]){case 0:case 1:e=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;i=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(e=o.trys,e=e.length>0&&e[e.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!e||s[1]>e[0]&&s[1]<e[3])){o.label=s[1];break}if(s[0]===6&&o.label<e[1]){o.label=e[1];e=s;break}if(e&&o.label<e[2]){o.label=e[2];o.ops.push(s);break}if(e[2])o.ops.pop();o.trys.pop();continue}s=r.call(t,o)}catch(t){s=[6,t];i=0}finally{n=e=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,r,o){if(o||arguments.length===2)for(var n=0,i=r.length,e;n<i;n++){if(e||!(n in r)){if(!e)e=Array.prototype.slice.call(r,0,n);e[n]=r[n]}}return t.concat(e||Array.prototype.slice.call(r))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8a87b9a8.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-d2ee9b0a.system.js","./p-8949aa8b.system.js","./p-6e5745c8.system.js","./p-8954495d.system.js","./p-6913b916.system.js","./p-f8c5e9e7.system.js","./p-3bad0907.system.js","./p-187f98a1.system.js","./p-bb6304d0.system.js","./p-0177e3a0.system.js","./p-2880433e.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(t){"use strict";var r,o,n,i,e,a,s,l,c,d,u,h,f,b,p,v,w,_,m,g,y,x,j,k,O,C,z,A,F,S;return{setters:[function(t){r=t.h;o=t.r;n=t.c;i=t.H;e=t.g},function(t){a=t._;s=t.a},function(t){l=t.o;c=t.q;d=t.s;u=t.h;h=t.u;f=t.e},function(t){b=t.B},function(t){p=t.L},function(t){v=t.s},function(t){w=t.i},function(t){_=t.d},function(t){m=t.k;g=t.b;y=t.d},function(t){x=t.l},function(t){j=t.c;k=t.a;O=t.f;C=t.s},function(t){z=t.D},function(t){A=t.a},function(t){F=t.d},function(t){S=t.L},function(){},function(){},function(){},function(){}],execute:function(){var T=function(){function t(){var t=this;this.handleAutoFill=function(r){return __awaiter(t,void 0,void 0,(function(){var t,o;return __generator(this,(function(n){switch(n.label){case 0:v(r);if(!this.isAutoFillAllowed())return[3,2];this.component.isAutoFilled=true;t=this.component.nativeEl.value;return[4,this.parseAutoFillValueWithOptions(t)];case 1:o=n.sent();if(o===undefined){this.component.isAutoFilled=false;return[2]}if(!l(o,this.component.rawValue)){this.component.valueUtil.updateRawValueBySelection(o,true)}n.label=2;case 2:return[2]}}))}))}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.isAutoFillAllowed=function(){return!this.component.multiple};t.prototype.parseAutoFillValueWithOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var r,o,n,i;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.component.listEl.getOptions()];case 1:r=e.sent();o=undefined;for(n=0;n<r.length;n++){i=r[n];if(i.value===t||i.label===t){return[2,[i.value]]}}return[2,o]}}))}))};return t}();var E={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};var q=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.handleFocus=function(t){this.component.hasFocus=true;this.component.balFocus.emit(t)};t.prototype.handleBlur=function(t){var r=this;if(!this.component.isExpanded){this.component.hasFocus=false;m((function(){return r.component.balBlur.emit(t)}))}};t.prototype.handleClick=function(t){if(!this.component.valueUtil.isDisabled()){if(this.component.chips){var r=t.target;var o=r.closest("bal-close");if(o){return}}if(this.component.clearable){var r=t.target;var n=r.closest(".bal-dropdown__clear");if(n){this.component.valueUtil.updateRawValueBySelection([]);return}}this.component.popupUtil.toggleList()}};t.prototype.handleOutsideClick=function(t){var r=this;var o;if(this.component.isExpanded){if(!this.component.el.contains(t.target)){this.component.isExpanded=false;(o=this.component.listEl)===null||o===void 0?void 0:o.resetFocus();this.component.hasFocus=false;m((function(){return r.component.balBlur.emit(t)}))}}};return t}();var L=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.focusOptionByLabel=function(t,r){var o=this;if(r===void 0){r={}}this.component.labelToFocus=(this.component.labelToFocus+t).trim();if(this.component.labelToFocus.length>0){clearTimeout(this.keyHitTimeout);this.keyHitTimeout=setTimeout((function(){var t;(t=o.component.listEl)===null||t===void 0?void 0:t.focusByLabel(o.component.labelToFocus,r)}),100);clearTimeout(this.timeout);this.timeout=setTimeout((function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(t){this.component.labelToFocus="";return[2]}))}))}),1e3)}};return t}();var P=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t;this.component.initialValue=this.component.value};t.prototype.componentDidRender=function(){var t=this;if(this.component.selectEl){var r=this.component.selectEl.querySelectorAll("option");r.forEach((function(r){if(t.component.rawValue.includes(r.value)){r.selected=true}}))}};t.prototype.handle=function(t){var r=this;var o=t.target;if(o===null||o===void 0?void 0:o.contains(this.component.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){var t=r.component.valueUtil.parseValueString(r.component.initialValue);r.component.valueUtil.updateRawValueBySelection(t)}),0)}};return t}();var B=function(t){var o=t.name,n=t.httpFormSubmit,i=t.multiple,e=t.required,a=t.disabled,s=t.rawValue,l=t.refSelectEl;var c=b.block("dropdown");return n?r("select",{class:Object.assign({},c.element("root").element("select").class()),"aria-hidden":"true",name:o,multiple:i,required:e,disabled:a,tabindex:-1,ref:l},s.map((function(t){return r("option",{key:t,value:t,selected:true},t)}))):""};var D=function(t){var o=t.icon,n=t.language,i=t.loading,e=t.clearable,a=t.invalid,s=t.filled,l=t.expanded,c=t.disabled;var d=b.block("dropdown");if(i){return r("bal-spinner",{class:Object.assign({},d.element("rear").class()),small:true,variation:"circle"})}else if(e&&s&&!c){return r("button",{title:E[n].clearable,class:Object.assign(Object.assign(Object.assign({},d.element("rear").class()),d.element("clear").class()),d.element("clear").modifier("invalid").class(a))},r("bal-icon",{class:Object.assign({},d.element("rear").class()),name:"close-circle",size:"",color:"grey"}))}else{return r("bal-icon",{class:Object.assign({},d.element("rear").class()),name:o,turn:l,color:c?"grey":a?"danger":"primary"})}};var H=function(t){var o=t.inputId,n=t.isExpanded,i=t.rawOptions,e=t.isDisabled,a=t.hasPropOptions,s=t.required,l=t.filter,c=t.multiple,d=t.contentHeight,u=t.refPanelEl,h=t.refListEl;var f=b.block("dropdown");return r("div",{id:"".concat(o,"-menu"),class:Object.assign(Object.assign({},f.element("list").class()),f.element("list").modifier("expanded").class(n)),ref:u},r("bal-option-list",{multiple:c,disabled:e,filter:l,required:s,contentHeight:d,ref:h},r("slot",null),a?i.map((function(t){return r("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label)})):""))};var I=function(){function t(){this.updatePanelPosition=function(t,r){return function(){j(t,r,{placement:"bottom-start",middleware:[O(),C()]}).then((function(t){var o=t.x,n=t.y;Object.assign(r.style,{left:"".concat(o,"px"),top:"".concat(n,"px")})}))}}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.toggleList=function(){if(!this.component.valueUtil.isDisabled()){if(this.component.isExpanded){this.collapseList()}else{this.expandList()}}};t.prototype.expandList=function(){var t;if(this.component.panelEl){this.component.panelCleanup=k(this.component.el,this.component.panelEl,this.updatePanelPosition(this.component.el,this.component.panelEl))}this.component.isExpanded=true;(t=this.component.listEl)===null||t===void 0?void 0:t.focusFirst()};t.prototype.collapseList=function(){var t;this.component.isExpanded=false;(t=this.component.listEl)===null||t===void 0?void 0:t.resetFocus();if(this.component.panelCleanup){this.component.panelCleanup()}};return t}();var K=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.componentDidLoad=function(){var t=this;setTimeout((function(){return t.valueChanged(t.component.value,undefined)}),0)};t.prototype.isDisabled=function(){return this.component.disabled||this.component.readonly};t.prototype.isFilled=function(){return this.component.rawValue&&this.component.rawValue.length>0};t.prototype.valueChanged=function(t,r){var o=typeof t;var n=typeof r;if(o!==n){this.updateRawValueByValueProp(t)}if(o==="string"&&t!==r){this.updateRawValueByValueProp(t)}if(Array.isArray(t)&&Array.isArray(r)&&!l(t,r)){this.updateRawValueByValueProp(t)}};t.prototype.updateRawValueBySelection=function(t,r){if(t===void 0){t=[]}if(r===void 0){r=false}this.component.isAutoFilled=r;this.updateRawValue(t);if(this.component.multiple){this.component.balChange.emit(this.component.rawValue)}else{this.component.balChange.emit(this.component.rawValue[0])}};t.prototype.parseValueString=function(t){if(t===void 0){t=[]}var r=[];if(!x(t)&&t!==""){if(Array.isArray(t)){r=__spreadArray([],t.filter((function(t){return!x(t)})),true)}else{if(t.split("").includes(",")){r=__spreadArray([],t.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{r=[t]}}}return r};t.prototype.updateRawValueByValueProp=function(t){if(t===void 0){t=[]}var r=this.parseValueString(t);this.updateRawValue(r)};t.prototype.updateRawValue=function(t){if(t===void 0){t=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:this.component.rawValue=t;if(!this.component.listEl)return[3,2];return[4,this.component.listEl.updateSelected(this.component.rawValue)];case 1:r.sent();r.label=2;case 2:return[4,this.updateInputContent()];case 3:r.sent();return[2]}}))}))};t.prototype.removeOption=function(t){var r=this.component.rawValue.filter((function(r){return r!==t.value}));this.updateRawValueBySelection(r)};t.prototype.updateInputContent=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:return[4,g()];case 1:r.sent();if(!this.component.listEl)return[3,3];t=this.component;return[4,this.component.listEl.getSelectedOptions(this.component.rawValue)];case 2:t.choices=r.sent();this.component.inputLabel=this.component.choices.map((function(t){return t.label.trim()})).sort().join(",");r.label=3;case 3:return[2]}}))}))};return t}();var R=function(t){var o=t.filled,n=t.chips,i=t.placeholder,e=t.choices,a=t.invalid,s=t.disabled,l=t.readonly,c=t.onRemoveChip;var d=b.block("dropdown");if(o){if(n){return r("div",{class:Object.assign({},d.element("root").element("content").element("chips").class())},e.map((function(t){return r("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:a,disabled:s||l,closable:!(s||l),onBalCloseClick:function(){return c(t)}},t.label)})))}else{return e.map((function(t){return t.label})).join(", ")}}else{return i}};var V=function(t){var o=t.name,n=t.inputId,i=t.httpFormSubmit,e=t.ariaForm,a=t.rawValue,s=t.autocomplete,l=t.required,c=t.disabled,d=t.readonly,u=t.placeholder,h=t.expanded,f=t.invalid,p=t.language,v=t.inputLabel,w=t.inheritedAttributes,_=t.refInputEl,m=t.onChange,g=t.onFocus,y=t.onBlur,x=t.onKeyDown;var j=b.block("dropdown");var k=function(){return r("input",Object.assign({id:e.controlId||"".concat(n,"-ctrl"),class:Object.assign({},j.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:o,autoComplete:s,value:a.join(","),required:l,disabled:c,readonly:d,placeholder:u,title:h?E[p].close:E[p].open,"aria-label":h?E[p].close:E[p].open,"aria-owns":"".concat(n,"-menu"),"aria-invalid":A(f),"aria-disabled":A(c||d),"aria-labelledby":e.labelId,"aria-describedby":e.messageId,"aria-haspopup":"listbox","data-native":true,"data-label":v,"data-value":a.join(","),ref:function(t){return _(t)},onChange:function(t){return m(t)},onFocus:function(t){return g(t)},onBlur:function(t){return y(t)},onKeyDown:function(t){return x(t)}},w))};if(i){return r(k,null)}return r("form",{novalidate:true},r(k,null))};var W=":root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-size:var(--bal-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__rear{z-index:1}";var G=W;var U=t("bal_dropdown",function(){function t(t){var r=this;o(this,t);this.balChange=n(this,"balChange",7);this.balFocus=n(this,"balFocus",7);this.balBlur=n(this,"balBlur",7);this.inputId="bal-dropdown-".concat(Z++);this.inheritedAttributes={};this.initialValue=[];this.nativeOptions=[];this.valueUtil=new K;this.eventsUtil=new q;this.popupUtil=new I;this.optionUtil=new z;this.formSubmitUtil=new P;this.focusUtil=new L;this.autoFillUtil=new T;this.handleAutoFill=function(t){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(r){this.log("(handleAutoFill)",t,this.nativeEl.value);this.autoFillUtil.handleAutoFill(t);return[2]}))}))};this.handleKeyDown=function(t){var o,n,i,e,a;if(t&&t.key){if(r.isExpanded){if(c(t)){v(t);(o=r.listEl)===null||o===void 0?void 0:o.focusNext()}else if(d(t)){v(t);(n=r.listEl)===null||n===void 0?void 0:n.focusPrevious()}else if(t.key==="Home"||t.key==="PageUp"){v(t);(i=r.listEl)===null||i===void 0?void 0:i.focusFirst()}else if(t.key==="End"||t.key==="PageDown"){v(t);(e=r.listEl)===null||e===void 0?void 0:e.focusLast()}else if(u(t)){v(t);(a=r.listEl)===null||a===void 0?void 0:a.selectByFocus()}else if(t.key==="Tab"||h(t)){r.popupUtil.collapseList()}else if(t.key.length===1){r.focusUtil.focusOptionByLabel(t.key)}}else{if(u(t)||f(t)){v(t);r.popupUtil.expandList()}else if(t.key.length===1){r.focusUtil.focusOptionByLabel(t.key,{select:true})}}}else{if(r.isExpanded){r.popupUtil.collapseList()}}};this.rawOptions=[];this.choices=[];this.rawValue=[];this.hasFocus=false;this.isExpanded=false;this.isAutoFilled=false;this.inputLabel="";this.ariaForm=_;this.language=F.language;this.region=F.region;this.httpFormSubmit=F.httpFormSubmit;this.labelToFocus="";this.autocomplete="off";this.name=this.inputId;this.placeholder="";this.icon="caret-down";this.disabled=false;this.readonly=false;this.multiple=false;this.chips=false;this.clearable=false;this.invalid=false;this.required=false;this.loading=false;this.filter="includes";this.contentHeight=262;this.inverted=false;this.options=[];this.value=[]}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.optionUtil.optionChanged();return[2]}))}))};t.prototype.valueChanged=function(t,r){this.valueUtil.valueChanged(t,r)};t.prototype.connectedCallback=function(){this.eventsUtil.connectedCallback(this);this.valueUtil.connectedCallback(this);this.popupUtil.connectedCallback(this);this.optionUtil.connectedCallback(this);this.formSubmitUtil.connectedCallback(this);this.focusUtil.connectedCallback(this);this.autoFillUtil.connectedCallback(this)};t.prototype.componentWillRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.inheritedAttributes=w(this.el,["tabindex"]);return[4,this.optionUtil.componentWillRender()];case 1:t.sent();return[2]}}))}))};t.prototype.componentDidRender=function(){this.formSubmitUtil.componentDidRender()};t.prototype.componentDidLoad=function(){this.valueUtil.componentDidLoad()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.language=t.language;this.region=t.region;this.httpFormSubmit=t.httpFormSubmit;return[2]}))}))};t.prototype.listenToOptionChange=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.optionUtil.listenToOptionChange(t);return[2]}))}))};t.prototype.listenOnClickOutside=function(t){this.eventsUtil.handleOutsideClick(t)};t.prototype.resetHandler=function(t){this.formSubmitUtil.handle(t)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.nativeEl&&!this.valueUtil.isDisabled()))return[3,2];return[4,y()];case 1:t.sent();this.nativeEl.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.valueUtil.updateRawValueBySelection([]);return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.expandList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.collapseList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(o){r=this.valueUtil.parseValueString(t);this.valueUtil.updateRawValueBySelection(r);return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.render=function(){var t=this;var o=b.block("dropdown");return r(i,{class:Object.assign({},o.class()),tabindex:"-1",id:"".concat(this.inputId)},r("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").class()),o.element("root").modifier("focused").class(this.hasFocus)),o.element("root").modifier("invalid").class(this.invalid)),o.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:function(r){return t.eventsUtil.handleClick(r)}},r("span",{class:Object.assign(Object.assign(Object.assign({},o.element("root").element("content").class()),o.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},r(R,{filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:function(r){return t.valueUtil.removeOption(r)}})),r(V,{name:this.name,inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:function(r){return t.nativeEl=r},onChange:function(r){return t.handleAutoFill(r)},onFocus:function(r){return t.eventsUtil.handleFocus(r)},onBlur:function(r){return t.eventsUtil.handleBlur(r)},onKeyDown:function(r){return t.handleKeyDown(r)}}),r(B,{name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:function(r){return t.selectEl=r}}),r(D,{icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),r(H,{inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:function(r){return t.panelEl=r},refListEl:function(r){return t.listEl=r}},r("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());a([p("bal-dropdown"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],U.prototype,"createLogger",null);a([S(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],U.prototype,"configChanged",null);var Z=0;U.style=G}}}));
@@ -1 +1 @@
1
- import{r as a,h as e,H as t,g as s}from"./p-d7c752c6.js";import{B as r}from"./p-ae86d0a0.js";import{f as i,g as c,h as d,i as o,j as h,k as n,l as b,m as l,n as p}from"./p-b1f86100.js";const f=class{constructor(e){a(this,e),this.getHex=()=>{let a;switch(this.color){case"green":a=p;break;case"green-light":a=l;break;case"red":a=b;break;case"red-light":a=n;break;case"purple":a=h;break;case"purple-light":a=o;break;case"yellow":a=d;break;case"yellow-light":a=c;break;default:a=i}return a},this.variation="1",this.color="green",this.rotation="0"}render(){const a=r.block("shape"),s=[e("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},e("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},e("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),e("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},e("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},e("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),e("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},e("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},e("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return e(t,{class:Object.assign(Object.assign({},a.class()),a.modifier(`is-rotation-${this.rotation}`).class())},e("svg",{version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},s[parseInt(this.variation)-1]))}get el(){return s(this)}};f.style=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";export{f as bal_shape}
1
+ import{r as a,h as e,H as t,g as s}from"./p-d7c752c6.js";import{B as r}from"./p-ae86d0a0.js";import{f as i,g as c,h as d,i as o,j as h,k as n,l as b,m as l,n as p}from"./p-bbfe0ac3.js";const f=class{constructor(e){a(this,e),this.getHex=()=>{let a;switch(this.color){case"green":a=p;break;case"green-light":a=l;break;case"red":a=b;break;case"red-light":a=n;break;case"purple":a=h;break;case"purple-light":a=o;break;case"yellow":a=d;break;case"yellow-light":a=c;break;default:a=i}return a},this.variation="1",this.color="green",this.rotation="0"}render(){const a=r.block("shape"),s=[e("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},e("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},e("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),e("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},e("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},e("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),e("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},e("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},e("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return e(t,{class:Object.assign(Object.assign({},a.class()),a.modifier(`is-rotation-${this.rotation}`).class())},e("svg",{version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},s[parseInt(this.variation)-1]))}get el(){return s(this)}};f.style=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";export{f as bal_shape}
@@ -1 +1 @@
1
- import{h as t,j as s,r as i}from"./p-88f18fbc.js";import{b as e}from"./p-a65354df.js";import{b as h}from"./p-96216bd1.js";import{L as r,S as n}from"./p-acf222fd.js";import{b as o,a as c,c as a,d as u,e as l}from"./p-b1f86100.js";class d{constructor(t={}){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape,this.options={onlyListenToWidthChanges:!1},this.options=Object.assign(Object.assign({},this.options),t)}async hasResized(){if(h.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape)return this.resetPreviousValues(),!0}else if(this.options.onlyListenToWidthChanges){if(!this.sameWidth)return this.resetPreviousValues(),!0}else if(!this.sameWidth||!this.sameHeight)return this.resetPreviousValues(),!0;return!1}get isLandscape(){return e.window.width>e.window.height}get sameWidth(){return this.previousWidth===e.window.width}get sameHeight(){return this.previousHeight===e.window.height}resetPreviousValues(){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape}}class f extends r{constructor(){super(...arguments),this.resizeHandler=new d({onlyListenToWidthChanges:!0}),this.debouncedNotify=t((()=>this.notify()),10),this.notify=async()=>{await this.resizeHandler.hasResized()&&super.notify(void 0)}}connect(){super.connect(),this.el&&s(this.el,"resize",this.debouncedNotify,{passive:!0})}disconnect(){super.disconnect(),this.el&&i(this.el,"resize",this.debouncedNotify)}}const p=t=>parseInt(t.slice(0,-2),10),b=p(l),g=p(o),m=p(c),w=p(a),j=p(u),D=t=>t.innerWidth<b,k=t=>{const s=t.innerWidth;return s>=b&&s<g},v=t=>D(t)||k(t),O={mobile:D,tablet:k,touch:v,desktop:t=>!v(t),highDefinition:t=>{const s=t.innerWidth;return s>=m&&s<w},widescreen:t=>{const s=t.innerWidth;return s>=w&&s<j},fullhd:t=>t.innerWidth>=j};class y{constructor(){this.breakpoints=[],e.hasWindow&&(this.win=window,this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{},this.detect())}get isMobile(){return this.includes("mobile")}get isTablet(){return this.includes("tablet")}get isTouch(){return this.includes("touch")}get isDesktop(){return this.includes("desktop")}get isHighDefinition(){return this.includes("highDefinition")}get isWidescreen(){return this.includes("widescreen")}get isFullHD(){return this.includes("fullhd")}includes(t){var s;return this.detect(),!!(null===(s=this.breakpoints)||void 0===s?void 0:s.includes(t))}detect(){return this.win&&(this.breakpoints=Object.keys(O).filter((t=>O[t](this.win))),this.win.BaloiseDesignSystem.breakpoints=this.breakpoints,this.win.BaloiseDesignSystem.platforms=this.breakpoints),this.breakpoints}toObject(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}}}const L=new y,T={mobile:!1,tablet:!1,touch:!1,desktop:!1,highDefinition:!1,widescreen:!1,fullhd:!1};class W extends n{constructor(){super((t=>t.breakpointListener(this.state))),this.state=T,this.listener=new f,this.debouncedNotify=t((()=>this.notify()),50),this.listener.connect(),this.listener.add((()=>{L.detect();const t=L.toObject();this.isEqual(t)||(this.state=t,this.debouncedNotify())}))}attach(t){super.attach(t),L.detect();const s=L.toObject();this.isEqual(s)||(this.state=s,this.debouncedNotify())}isEqual(t){return JSON.stringify(this.state)===JSON.stringify(t)}}const x=new W;export{f as B,x as a,L as b,W as c,y as d}
1
+ import{h as t,j as s,r as i}from"./p-88f18fbc.js";import{b as e}from"./p-a65354df.js";import{b as h}from"./p-96216bd1.js";import{L as r,S as n}from"./p-acf222fd.js";import{b as o,a as c,c as a,d as u,e as l}from"./p-bbfe0ac3.js";class d{constructor(t={}){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape,this.options={onlyListenToWidthChanges:!1},this.options=Object.assign(Object.assign({},this.options),t)}async hasResized(){if(h.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape)return this.resetPreviousValues(),!0}else if(this.options.onlyListenToWidthChanges){if(!this.sameWidth)return this.resetPreviousValues(),!0}else if(!this.sameWidth||!this.sameHeight)return this.resetPreviousValues(),!0;return!1}get isLandscape(){return e.window.width>e.window.height}get sameWidth(){return this.previousWidth===e.window.width}get sameHeight(){return this.previousHeight===e.window.height}resetPreviousValues(){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape}}class f extends r{constructor(){super(...arguments),this.resizeHandler=new d({onlyListenToWidthChanges:!0}),this.debouncedNotify=t((()=>this.notify()),10),this.notify=async()=>{await this.resizeHandler.hasResized()&&super.notify(void 0)}}connect(){super.connect(),this.el&&s(this.el,"resize",this.debouncedNotify,{passive:!0})}disconnect(){super.disconnect(),this.el&&i(this.el,"resize",this.debouncedNotify)}}const p=t=>parseInt(t.slice(0,-2),10),b=p(l),g=p(o),m=p(c),w=p(a),j=p(u),D=t=>t.innerWidth<b,k=t=>{const s=t.innerWidth;return s>=b&&s<g},v=t=>D(t)||k(t),O={mobile:D,tablet:k,touch:v,desktop:t=>!v(t),highDefinition:t=>{const s=t.innerWidth;return s>=m&&s<w},widescreen:t=>{const s=t.innerWidth;return s>=w&&s<j},fullhd:t=>t.innerWidth>=j};class y{constructor(){this.breakpoints=[],e.hasWindow&&(this.win=window,this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{},this.detect())}get isMobile(){return this.includes("mobile")}get isTablet(){return this.includes("tablet")}get isTouch(){return this.includes("touch")}get isDesktop(){return this.includes("desktop")}get isHighDefinition(){return this.includes("highDefinition")}get isWidescreen(){return this.includes("widescreen")}get isFullHD(){return this.includes("fullhd")}includes(t){var s;return this.detect(),!!(null===(s=this.breakpoints)||void 0===s?void 0:s.includes(t))}detect(){return this.win&&(this.breakpoints=Object.keys(O).filter((t=>O[t](this.win))),this.win.BaloiseDesignSystem.breakpoints=this.breakpoints,this.win.BaloiseDesignSystem.platforms=this.breakpoints),this.breakpoints}toObject(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}}}const L=new y,T={mobile:!1,tablet:!1,touch:!1,desktop:!1,highDefinition:!1,widescreen:!1,fullhd:!1};class W extends n{constructor(){super((t=>t.breakpointListener(this.state))),this.state=T,this.listener=new f,this.debouncedNotify=t((()=>this.notify()),50),this.listener.connect(),this.listener.add((()=>{L.detect();const t=L.toObject();this.isEqual(t)||(this.state=t,this.debouncedNotify())}))}attach(t){super.attach(t),L.detect();const s=L.toObject();this.isEqual(s)||(this.state=s,this.debouncedNotify())}isEqual(t){return JSON.stringify(this.state)===JSON.stringify(t)}}const x=new W;export{f as B,x as a,L as b,W as c,y as d}
@@ -1 +1 @@
1
- var __extends=this&&this.__extends||function(){var t=function(i,n){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var n in i)if(Object.prototype.hasOwnProperty.call(i,n))t[n]=i[n]};return t(i,n)};return function(i,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");t(i,n);function e(){this.constructor=i}i.prototype=n===null?Object.create(n):(e.prototype=n.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{u(e.next(t))}catch(t){o(t)}}function s(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):r(t.value).then(a,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(e=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];r=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8a87b9a8.system.js","./p-db0895e2.system.js","./p-a1f6e944.system.js","./p-d2ee9b0a.system.js","./p-8954495d.system.js","./p-23bdd8dc.system.js","./p-b52ad8d5.system.js","./p-f8c5e9e7.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(t){"use strict";var i,n,e,r,o,a,s,u,h,c,p,f,l,d,v,b,_,w,g,m;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;o=t.g},function(t){a=t._;s=t.a},function(t){u=t.u},function(t){h=t.B},function(t){c=t.b},function(t){p=t.s},function(t){f=t.h},function(t){l=t.L},function(t){d=t.f},function(t){v=t.a;b=t.c;_=t.s;w=t.f;g=t.o;m=t.b},function(){},function(){},function(){},function(){}],execute:function(){var y=function(){function t(){}t.prototype.showContainerElement=function(t){if(t.containerEl){this.showElement(t.containerEl)}};t.prototype.hideContainerElement=function(t){if(t.containerEl){this.hideElement(t.containerEl)}};t.prototype.showArrowElement=function(t,i){if(i===void 0){i=t.arrow}if(i&&t.arrowEl){this.showElement(t.arrowEl)}};t.prototype.hideArrowElement=function(t){if(t.arrowEl){Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}};t.prototype.showBackdropElement=function(t,i){if(i===void 0){i=t.backdrop}if(i&&t.backdropEl){this.showElement(t.backdropEl)}};t.prototype.hideBackdropElement=function(t){if(t.backdropEl){this.hideElement(t.backdropEl)}};t.prototype.showElement=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};t.prototype.hideElement=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};return t}();var x=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.backdrop=false;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger&&t.backdropEl){this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","auto 0px 0px 0px");t.containerEl.style.setProperty("bottom","".concat(this.offset,"px"));t.backdropEl.style.setProperty("bottom","".concat(this.offset,"px"));this.showBackdropElement(t,this.backdrop);this.showContainerElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.backdropEl){t.balWillAnimate.emit();this.hideBackdropElement(t);this.hideContainerElement(t);t.containerEl.style.removeProperty("inset");t.containerEl.style.removeProperty("bottom");t.backdropEl.style.removeProperty("bottom");return[2,true]}return[2,false]}))}))};return i}(y);var k=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger){this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","".concat(this.offset,"px auto auto 0px"));if(this.offset>0){t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)")}this.showBackdropElement(t);this.showContainerElement(t);this.showArrowElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl){this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);t.containerEl.style.removeProperty("box-shadow");t.containerEl.style.removeProperty("inset");return[2,true]}return[2,false]}))}))};return i}(y);var j=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.placement="bottom";i.offset=0;i.arrow=false;i.backdrop=false;i.reference=undefined;i.triggerEl=null;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e;var r=this;return __generator(this,(function(o){if(!t.trigger&&c.hasDocument){i=Array.from(document.querySelectorAll('[bal-popup="'.concat(t.el.id,'"]')))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement);this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow);this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference);this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset);this.triggerEl=t.trigger;if(this.reference&&c.hasDocument){n=document.getElementById(this.reference);this.triggerEl=n?n:t.trigger}if(this.triggerEl){this.showContainerElement(t);this.showBackdropElement(t,this.backdrop);this.showArrowElement(t,this.arrow);this.triggerEl.classList.add("bal-popup-variant-popover-trigger");e=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;if(e){t.setMinWidth(this.triggerEl.clientWidth)}this.cleanup=v(this.triggerEl,t.containerEl,(function(){r.update(t)}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});return[2,true]}}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e,r,o,a;return __generator(this,(function(s){if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){e=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;r=(i=this.triggerEl)===null||i===void 0?void 0:i.getBoundingClientRect();o=(n=t.trigger)===null||n===void 0?void 0:n.getBoundingClientRect();a=false;if(c.hasWindow){a=!!window.frameElement}b(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[a?undefined:_(),w(),g(this.arrow?16:this.offset),m({element:t.arrowEl,padding:4})]}).then((function(i){var n,a;var s=i.x,u=i.y,h=i.middlewareData,c=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(s,"px"),top:"".concat(u,"px")});var p=c.split("-")[0];var f={top:"bottom",right:"left",bottom:"top",left:"right"}[p];if(h.arrow&&t.arrowEl){var l=h.arrow;if(e){var d=r.right-o.right-4;Object.assign(t.arrowEl.style,(n={right:"".concat(d+o.width/2,"px"),left:"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",bottom:""},n[f]="".concat(-4,"px"),n))}else{Object.assign(t.arrowEl.style,(a={left:s!=null&&l.x!=null?"".concat(l.x,"px"):"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",right:"",bottom:""},a[f]="".concat(-4,"px"),a))}}}}));return[2,true]}return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.arrowEl&&this.triggerEl){if(this.cleanup){this.cleanup()}this.triggerEl.classList.remove("bal-popup-variant-popover-trigger");this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};return i}(y);var O=function(){function t(t){this.renderer=t}t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.present(t)];case 1:i=n.sent();if(i){t.presented=true;t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.update(t)];case 1:i=n.sent();if(i){t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.dismiss(t)];case 1:i=n.sent();if(i){t.presented=false;t.balDidAnimate.emit()}return[2,i]}}))}))};return t}();var z=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var C=z;var S=t("bal_popup",function(){function t(t){var e=this;i(this,t);this.balChange=n(this,"balChange",7);this.balWillAnimate=n(this,"balWillAnimate",7);this.balDidAnimate=n(this,"balDidAnimate",7);this.popupId="bal-pu-".concat(A++);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.popoverVariantRenderer=new O(new j);this.fullscreenVariantRenderer=new O(new k);this.drawerVariantRenderer=new O(new x);this.lastVariant="popover";this.initialActive=this.active;this.debouncedGlobalClick=f((function(t){return e.notifyGlobalClick(t)}),10);this.onBackdropClick=function(t){if(e.activeBackdropDismiss&&e.presented&&t&&t.target){var i=t.target;return i.classList.contains("bal-popup__backdrop")}return false};this.onCloseClick=function(){if(e.activeClosable){e.dismiss()}};this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.trigger=undefined;this.lastTrigger=undefined;this.minContainerWidth=0;this.label="";this.reference=undefined;this.variant="popover";this.placement="bottom";this.arrow=false;this.backdrop=false;this.offset=0;this.closable=false;this.backdropDismiss=false;this.active=false;this.presented=false;this.contentWidth=undefined;this.demo=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.variantChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:if(!(t!==i))return[3,5];return[4,this.getVariantRenderer(i).dismiss(this)];case 1:n.sent();if(!(this.activeVariant!==t))return[3,3];this.lastVariant=this.activeVariant;this.activeVariant=t;return[4,this.getVariantRenderer(this.lastVariant).dismiss(this)];case 2:n.sent();n.label=3;case 3:if(!this.presented)return[3,5];return[4,this.getVariantRenderer(t).present(this)];case 4:n.sent();n.label=5;case 5:return[2]}}))}))};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(t!==i&&t!==this.presented){if(t){this.present()}else{this.dismiss()}}return[2]}))}))};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-popup-variant-popover-max-width")}else{this.el.style.setProperty("--bal-popup-variant-popover-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){this.contentWidthChanged(this.contentWidth,0);if(this.initialActive===true&&this.presented!==true){this.present()}if(this.demo){this.present()}};t.prototype.listenOnGlobalClick=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e,r;return __generator(this,(function(o){n=t.target;e=n.closest("[bal-popup]");if(e&&c.hasWindow){r=((i=e.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===r){this.debouncedGlobalClick(e)}}return[2]}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.activeClosable&&this.presented&&u(t)){p(t);this.dismiss()}return[2]}))}))};t.prototype.listenOnMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnComponentClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,2];return[4,this.dismiss()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._present()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._dismiss()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.presented){return[2,this.dismiss()]}else{return[2,this.present()]}return[2]}))}))};t.prototype.setMinWidth=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.containerEl){this.containerEl.style.minWidth="".concat(t,"px");this.minContainerWidth=t}return[2]}))}))};t.prototype._emitChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.balChange.emit(this.presented);return[2]}))}))};t.prototype._present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(c.hasDocument){this.lastFocus=document.activeElement||undefined}if(!this.lastVariantRenderer)return[3,2];return[4,this.lastVariantRenderer.dismiss(this)];case 1:i.sent();this.presented=true;i.label=2;case 2:this.lastVariantRenderer=this.getVariantRenderer();return[4,this.lastVariantRenderer.present(this)];case 3:t=i.sent();this.focusFirstDescendant();return[2,t]}}))}))};t.prototype._dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:return[4,this.getVariantRenderer().dismiss(this)];case 1:i=n.sent();this.lastVariantRenderer=undefined;if(this.lastFocus&&this.lastFocus.focus){(t=this.lastFocus)===null||t===void 0?void 0:t.focus()}return[2,i]}}))}))};t.prototype.getVariantRenderer=function(t){if(t===void 0){t=this.activeVariant}switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}};t.prototype.getValue=function(t,i,n){var e=t.attributes.getNamedItem(i);return e?e.value:n};t.prototype.getNumberValue=function(t,i,n){var e=t.attributes.getNamedItem(i);if(e){return parseInt(e.value,10)||n}return n};t.prototype.getBooleanValue=function(t,i,n){var e=t.attributes.getNamedItem(i);if(e){var r=e.value===""||e.value==="true"?true:false;return e?r:n}return n};t.prototype.notifyGlobalClick=function(t){this.trigger=t;this.lastTrigger=this.lastTrigger===undefined?this.trigger:this.lastTrigger;this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant);this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable);this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss);if(this.presented&&this.lastTrigger!==this.trigger){this._present();this.lastTrigger=this.trigger}else{this.toggle()}};t.prototype.resetAllVariants=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.dismissAllOtherPopups()];case 1:i.sent();if(!(this.lastVariant!==this.activeVariant))return[3,3];t=this.getVariantRenderer(this.lastVariant);return[4,t.dismiss(this)];case 2:i.sent();i.label=3;case 3:this.lastVariant=this.activeVariant;return[2]}}))}))};t.prototype.dismissAllOtherPopups=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;var e=this;return __generator(this,(function(r){switch(r.label){case 0:if(!c.hasDocument)return[3,5];t=Array.from(document.getElementsByTagName("bal-popup")).filter((function(t){return t.id!==e.el.id&&t.ariaHidden!=="true"}));i=0;r.label=1;case 1:if(!(i<t.length))return[3,5];n=t[i];return[4,n._dismiss()];case 2:r.sent();return[4,n._emitChange()];case 3:r.sent();r.label=4;case 4:i++;return[3,1];case 5:return[2]}}))}))};t.prototype.focusFirstDescendant=function(){var t=this.el;var i=t.querySelector(d);if(i){i.focus()}else{t.focus()}};t.prototype.render=function(){var t=this;var i=h.block("popup");var n=i.element("container");var o=i.element("arrow");var a=i.element("backdrop");var s=i.element("inner");var u=s.element("head");var c=s.element("content");return e(r,{class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true),"aria-labelledby":"".concat(this.popupId,"-heading")},e("div",{class:Object.assign({},a.class()),ref:function(i){return t.backdropEl=i}}),e("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:"".concat(this.minContainerWidth,"px")}},e("div",{class:Object.assign({},o.class()),ref:function(i){return t.arrowEl=i}}),e("bal-stack",{layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},s.class())},this.label?e("bal-stack",{space:"auto",class:Object.assign({},u.class())},e("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?e("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",e("div",{class:Object.assign({},c.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-popup-content"},e("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}());a([l("bal-popup"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],S.prototype,"createLogger",null);var A=0;S.style=C}}}));
1
+ var __extends=this&&this.__extends||function(){var t=function(i,n){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var n in i)if(Object.prototype.hasOwnProperty.call(i,n))t[n]=i[n]};return t(i,n)};return function(i,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");t(i,n);function e(){this.constructor=i}i.prototype=n===null?Object.create(n):(e.prototype=n.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{u(e.next(t))}catch(t){o(t)}}function s(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):r(t.value).then(a,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(e=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];r=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8a87b9a8.system.js","./p-db0895e2.system.js","./p-a1f6e944.system.js","./p-d2ee9b0a.system.js","./p-8954495d.system.js","./p-23bdd8dc.system.js","./p-b52ad8d5.system.js","./p-f8c5e9e7.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(t){"use strict";var i,n,e,r,o,a,s,u,h,c,p,f,l,d,v,b,_,w,g,m;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;o=t.g},function(t){a=t._;s=t.a},function(t){u=t.u},function(t){h=t.B},function(t){c=t.b},function(t){p=t.s},function(t){f=t.h},function(t){l=t.L},function(t){d=t.f},function(t){v=t.a;b=t.c;_=t.s;w=t.f;g=t.o;m=t.b},function(){},function(){},function(){},function(){}],execute:function(){var y=function(){function t(){}t.prototype.showContainerElement=function(t){if(t.containerEl){this.showElement(t.containerEl)}};t.prototype.hideContainerElement=function(t){if(t.containerEl){this.hideElement(t.containerEl)}};t.prototype.showArrowElement=function(t,i){if(i===void 0){i=t.arrow}if(i&&t.arrowEl){this.showElement(t.arrowEl)}};t.prototype.hideArrowElement=function(t){if(t.arrowEl){Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}};t.prototype.showBackdropElement=function(t,i){if(i===void 0){i=t.backdrop}if(i&&t.backdropEl){this.showElement(t.backdropEl)}};t.prototype.hideBackdropElement=function(t){if(t.backdropEl){this.hideElement(t.backdropEl)}};t.prototype.showElement=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};t.prototype.hideElement=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};return t}();var x=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.backdrop=false;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger&&t.backdropEl){this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","auto 0px 0px 0px");t.containerEl.style.setProperty("bottom","".concat(this.offset,"px"));t.backdropEl.style.setProperty("bottom","".concat(this.offset,"px"));this.showBackdropElement(t,this.backdrop);this.showContainerElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.backdropEl){t.balWillAnimate.emit();this.hideBackdropElement(t);this.hideContainerElement(t);t.containerEl.style.removeProperty("inset");t.containerEl.style.removeProperty("bottom");t.backdropEl.style.removeProperty("bottom");return[2,true]}return[2,false]}))}))};return i}(y);var k=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger){this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","".concat(this.offset,"px auto auto 0px"));if(this.offset>0){t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)")}this.showBackdropElement(t);this.showContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl){this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);t.containerEl.style.removeProperty("box-shadow");t.containerEl.style.removeProperty("inset");return[2,true]}return[2,false]}))}))};return i}(y);var j=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.placement="bottom";i.offset=0;i.arrow=false;i.backdrop=false;i.reference=undefined;i.triggerEl=null;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e;var r=this;return __generator(this,(function(o){if(!t.trigger&&c.hasDocument){i=Array.from(document.querySelectorAll('[bal-popup="'.concat(t.el.id,'"]')))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement);this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow);this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference);this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset);this.triggerEl=t.trigger;if(this.reference&&c.hasDocument){n=document.getElementById(this.reference);this.triggerEl=n?n:t.trigger}if(this.triggerEl){this.showContainerElement(t);this.showBackdropElement(t,this.backdrop);this.showArrowElement(t,this.arrow);this.triggerEl.classList.add("bal-popup-variant-popover-trigger");e=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;if(e){t.setMinWidth(this.triggerEl.clientWidth)}this.cleanup=v(this.triggerEl,t.containerEl,(function(){r.update(t)}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});return[2,true]}}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e,r,o,a;return __generator(this,(function(s){if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){e=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;r=(i=this.triggerEl)===null||i===void 0?void 0:i.getBoundingClientRect();o=(n=t.trigger)===null||n===void 0?void 0:n.getBoundingClientRect();a=false;if(c.hasWindow){a=!!window.frameElement}b(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[a?undefined:_(),w(),g(this.arrow?16:this.offset),m({element:t.arrowEl,padding:4})]}).then((function(i){var n,a;var s=i.x,u=i.y,h=i.middlewareData,c=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(s,"px"),top:"".concat(u,"px")});var p=c.split("-")[0];var f={top:"bottom",right:"left",bottom:"top",left:"right"}[p];if(h.arrow&&t.arrowEl){var l=h.arrow;if(e){var d=r.right-o.right-4;Object.assign(t.arrowEl.style,(n={right:"".concat(d+o.width/2,"px"),left:"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",bottom:""},n[f]="".concat(-4,"px"),n))}else{Object.assign(t.arrowEl.style,(a={left:s!=null&&l.x!=null?"".concat(l.x,"px"):"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",right:"",bottom:""},a[f]="".concat(-4,"px"),a))}}}}));return[2,true]}return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.arrowEl&&this.triggerEl){if(this.cleanup){this.cleanup()}this.triggerEl.classList.remove("bal-popup-variant-popover-trigger");this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};return i}(y);var O=function(){function t(t){this.renderer=t}t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.present(t)];case 1:i=n.sent();if(i){t.presented=true;t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.update(t)];case 1:i=n.sent();if(i){t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.dismiss(t)];case 1:i=n.sent();if(i){t.presented=false;t.balDidAnimate.emit()}return[2,i]}}))}))};return t}();var z=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var C=z;var S=t("bal_popup",function(){function t(t){var e=this;i(this,t);this.balChange=n(this,"balChange",7);this.balWillAnimate=n(this,"balWillAnimate",7);this.balDidAnimate=n(this,"balDidAnimate",7);this.popupId="bal-pu-".concat(A++);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.popoverVariantRenderer=new O(new j);this.fullscreenVariantRenderer=new O(new k);this.drawerVariantRenderer=new O(new x);this.lastVariant="popover";this.initialActive=this.active;this.debouncedGlobalClick=f((function(t){return e.notifyGlobalClick(t)}),10);this.onBackdropClick=function(t){if(e.activeBackdropDismiss&&e.presented&&t&&t.target){var i=t.target;return i.classList.contains("bal-popup__backdrop")}return false};this.onCloseClick=function(){if(e.activeClosable){e.dismiss()}};this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.trigger=undefined;this.lastTrigger=undefined;this.minContainerWidth=0;this.label="";this.reference=undefined;this.variant="popover";this.placement="bottom";this.arrow=false;this.backdrop=false;this.offset=0;this.closable=false;this.backdropDismiss=false;this.active=false;this.presented=false;this.contentWidth=undefined;this.demo=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.variantChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:if(!(t!==i))return[3,5];return[4,this.getVariantRenderer(i).dismiss(this)];case 1:n.sent();if(!(this.activeVariant!==t))return[3,3];this.lastVariant=this.activeVariant;this.activeVariant=t;return[4,this.getVariantRenderer(this.lastVariant).dismiss(this)];case 2:n.sent();n.label=3;case 3:if(!this.presented)return[3,5];return[4,this.getVariantRenderer(t).present(this)];case 4:n.sent();n.label=5;case 5:return[2]}}))}))};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(t!==i&&t!==this.presented){if(t){this.present()}else{this.dismiss()}}return[2]}))}))};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-popup-variant-popover-max-width")}else{this.el.style.setProperty("--bal-popup-variant-popover-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){this.contentWidthChanged(this.contentWidth,0);if(this.initialActive===true&&this.presented!==true){this.present()}if(this.demo){this.present()}};t.prototype.listenOnGlobalClick=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n,e,r;return __generator(this,(function(o){n=t.target;e=n.closest("[bal-popup]");if(e&&c.hasWindow){r=((i=e.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===r){this.debouncedGlobalClick(e)}}return[2]}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.activeClosable&&this.presented&&u(t)){p(t);this.dismiss()}return[2]}))}))};t.prototype.listenOnMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnComponentClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,2];return[4,this.dismiss()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._present()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._dismiss()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.presented){return[2,this.dismiss()]}else{return[2,this.present()]}return[2]}))}))};t.prototype.setMinWidth=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.containerEl){this.containerEl.style.minWidth="".concat(t,"px");this.minContainerWidth=t}return[2]}))}))};t.prototype._emitChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.balChange.emit(this.presented);return[2]}))}))};t.prototype._present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(c.hasDocument){this.lastFocus=document.activeElement||undefined}if(!this.lastVariantRenderer)return[3,2];return[4,this.lastVariantRenderer.dismiss(this)];case 1:i.sent();this.presented=true;i.label=2;case 2:this.lastVariantRenderer=this.getVariantRenderer();return[4,this.lastVariantRenderer.present(this)];case 3:t=i.sent();this.focusFirstDescendant();return[2,t]}}))}))};t.prototype._dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:return[4,this.getVariantRenderer().dismiss(this)];case 1:i=n.sent();this.lastVariantRenderer=undefined;if(this.lastFocus&&this.lastFocus.focus){(t=this.lastFocus)===null||t===void 0?void 0:t.focus()}return[2,i]}}))}))};t.prototype.getVariantRenderer=function(t){if(t===void 0){t=this.activeVariant}switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}};t.prototype.getValue=function(t,i,n){var e=t.attributes.getNamedItem(i);return e?e.value:n};t.prototype.getNumberValue=function(t,i,n){var e=t.attributes.getNamedItem(i);if(e){return parseInt(e.value,10)||n}return n};t.prototype.getBooleanValue=function(t,i,n){var e=t.attributes.getNamedItem(i);if(e){var r=e.value===""||e.value==="true"?true:false;return e?r:n}return n};t.prototype.notifyGlobalClick=function(t){this.trigger=t;this.lastTrigger=this.lastTrigger===undefined?this.trigger:this.lastTrigger;this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant);this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable);this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss);if(this.presented&&this.lastTrigger!==this.trigger){this._present();this.lastTrigger=this.trigger}else{this.toggle()}};t.prototype.resetAllVariants=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.dismissAllOtherPopups()];case 1:i.sent();if(!(this.lastVariant!==this.activeVariant))return[3,3];t=this.getVariantRenderer(this.lastVariant);return[4,t.dismiss(this)];case 2:i.sent();i.label=3;case 3:this.lastVariant=this.activeVariant;return[2]}}))}))};t.prototype.dismissAllOtherPopups=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;var e=this;return __generator(this,(function(r){switch(r.label){case 0:if(!c.hasDocument)return[3,5];t=Array.from(document.getElementsByTagName("bal-popup")).filter((function(t){return t.id!==e.el.id&&t.ariaHidden!=="true"}));i=0;r.label=1;case 1:if(!(i<t.length))return[3,5];n=t[i];return[4,n._dismiss()];case 2:r.sent();return[4,n._emitChange()];case 3:r.sent();r.label=4;case 4:i++;return[3,1];case 5:return[2]}}))}))};t.prototype.focusFirstDescendant=function(){var t=this.el;var i=t.querySelector(d);if(i){i.focus()}else{t.focus()}};t.prototype.render=function(){var t=this;var i=h.block("popup");var n=i.element("container");var o=i.element("arrow");var a=i.element("backdrop");var s=i.element("inner");var u=s.element("head");var c=s.element("content");return e(r,{class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true),"aria-labelledby":"".concat(this.popupId,"-heading")},e("div",{class:Object.assign({},a.class()),ref:function(i){return t.backdropEl=i}}),e("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:"".concat(this.minContainerWidth,"px")}},e("div",{class:Object.assign({},o.class()),ref:function(i){return t.arrowEl=i}}),e("bal-stack",{layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},s.class())},this.label?e("bal-stack",{space:"auto",class:Object.assign({},u.class())},e("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?e("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",e("div",{class:Object.assign({},c.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-popup-content"},e("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}());a([l("bal-popup"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],S.prototype,"createLogger",null);var A=0;S.style=C}}}));
@@ -1 +1 @@
1
- var __extends=this&&this.__extends||function(){var n=function(t,e){n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,t){n.__proto__=t}||function(n,t){for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e))n[e]=t[e]};return n(t,e)};return function(t,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");n(t,e);function i(){this.constructor=t}t.prototype=e===null?Object.create(e):(i.prototype=e.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(n,t,e,i){function o(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,r){function a(n){try{u(i.next(n))}catch(n){r(n)}}function s(n){try{u(i["throw"](n))}catch(n){r(n)}}function u(n){n.done?e(n.value):o(n.value).then(a,s)}u((i=i.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(n){return function(t){return u([n,t])}}function u(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(e=0)),e)try{if(i=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;o=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){e.label=s[1];break}if(s[0]===6&&e.label<r[1]){e.label=r[1];r=s;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(s);break}if(r[2])e.ops.pop();e.trys.pop();continue}s=t.call(n,e)}catch(n){s=[6,n];o=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-99cfab9c.system.js","./p-55faac1d.system.js","./p-6b45db53.system.js","./p-a7fc2da7.system.js","./p-14d0c5f3.system.js","./p-4c0bad70.system.js","./p-fe76780d.system.js","./p-1509eaa7.system.js","./p-3bad0907.system.js","./p-8a2bab70.system.js","./p-3ecc7d9a.system.js","./p-8954495d.system.js","./p-6e5745c8.system.js","./p-1d351673.system.js","./p-a1f6e944.system.js","./p-ec9a7cf5.system.js","./p-5f26e92f.system.js","./p-ae9b85f1.system.js","./p-296a638e.system.js","./p-145d5c4e.system.js","./p-bb6304d0.system.js","./p-eecefb0a.system.js","./p-333ef156.system.js","./p-8a87b9a8.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-456fc561.system.js","./p-b3f2c626.system.js","./p-efb46317.system.js","./p-23bdd8dc.system.js"],(function(n){"use strict";var t,e,i,o,r,a,s,u,f;return{setters:[function(t){n("FileUploadRejectionReason",t.F)},function(t){var e={};e.BalDate=t.B;e.i18nBalDate=t.i;n(e)},function(t){n("i18nBalClose",t.i)},function(t){n("i18nBalDatepicker",t.i)},function(t){n("i18nBalTimeInput",t.i)},function(t){n("i18nBalInputStepper",t.i)},function(t){n("i18nBalLabel",t.i)},function(t){var e={};e.BalSnackbarController=t.a;e.BalToastController=t.B;e.balSnackbarController=t.c;e.balToastController=t.b;e.initialize=t.i;e.initializeBaloiseDesignSystem=t.i;e.setupConfig=t.s;n(e)},function(t){n("newBalOption",t.n)},function(t){n("newBalStepOption",t.n)},function(t){n("newBalTabOption",t.n)},function(i){t=i.g;e=i.c;var o={};o.componentOnReady=i.c;o.deepReady=i.e;o.getAppRoot=i.g;o.isDescendant=i.i;o.shallowReady=i.s;o.wait=i.f;o.waitAfterFramePaint=i.b;o.waitAfterIdleCallback=i.d;o.waitForComponent=i.w;o.waitForDesignSystem=i.a;n(o)},function(t){n("scrollToFirstInvalidField",t.s)},function(t){n("BalScrollHandler",t.B)},function(t){i=t.b;n("balBrowser",t.b)},function(t){o=t.b;var e={};e.BalDevice=t.B;e.balDevice=t.b;n(e)},function(t){n("INVALID_VALUE",t.I)},function(n){r=n.g;a=n.a},function(t){s=t.B;u=t.b;var e={};e.BalBreakpointSubject=t.c;e.BalBreakpointsUtil=t.d;e.balBreakpointSubject=t.a;e.balBreakpoints=t.b;n(e)},function(t){var e={};e.attachToConfig=t.a;e.detachFromConfig=t.d;e.onBalConfigChange=t.o;e.updateBalAllowedLanguages=t.u;e.updateBalAnimated=t.b;e.updateBalIcons=t.c;e.updateBalLanguage=t.e;e.updateBalRegion=t.f;e.useBalConfig=t.g;n(e)},function(t){n("defaultConfig",t.d)},function(n){f=n.S},function(t){n("BalSwipeSubject",t.B)},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var c=n("i18nBalFieldLabel",{de:{optional:" (optional)"},en:{optional:" (optional)"},fr:{optional:" (optionnel)"},it:{optional:" (opzionale)"},nl:{optional:" (optioneel)"},es:{optional:" (opcional)"},pl:{optional:" (opcjonalnie)"},pt:{optional:" (opcional)"},sv:{optional:" (frivillig)"},fi:{optional:" (valinnainen)"}});var l=n("newBalCheckboxOption",(function(n){return Object.assign(Object.assign({interface:"checkbox",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invalid:false,checked:false},n),{label:"",html:n.label})}));var p=n("newBalRadioOption",(function(n){return Object.assign(Object.assign({interface:"radio",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invisible:false,invalid:false},n),{label:"",html:n.label})}));var d=n("newBalOptionValue",(function(n,t,e,i){if(e===void 0){e=false}return{value:n,label:t,disabled:e,data:i}}));var m=n("newBalSingleOptionValue",(function(n,t,e){if(t===void 0){t=false}return d(n,n,t,e)}));var b=function(n){__extends(t,n);function t(){var t=n.call(this,(function(n){return n.orientationListener(t.state)}))||this;t.listener=new s;t.state=o.orientation.toObject();t.listener.connect();t.listener.add((function(){var n=o.orientation.toObject();if(!t.isEqual(n)){t.state=n;t.notify(undefined)}}));return t}t.prototype.attach=function(t){n.prototype.attach.call(this,t);t.orientationListener(this.state)};t.prototype.isEqual=function(n){return n.landscape===this.state.landscape&&n.portrait===this.state.portrait};return t}(f);n("BalOrientationSubject",b);var v=n("balOrientationSubject",new b);var y=function(){function n(){this.tag="bal-modal"}n.prototype.create=function(n){var o=this;if(typeof customElements!=="undefined"&&i.hasDocument){return customElements.whenDefined(this.tag).then((function(){var i=document.createElement(o.tag);Object.assign(i,n);t(document).appendChild(i);return new Promise((function(n){return e(i,n)}))}))}return Promise.resolve()};n.prototype.dismissAll=function(n,t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:if(!i.hasDocument)return[3,2];e=r(document,this.tag);return[4,Promise.all(e.map((function(e){return e.dismiss(n,t)})))];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};n.prototype.dismiss=function(n,t,e){if(i.hasDocument){var o=a(document,this.tag,e);if(!o){return Promise.reject("overlay does not exist")}return o.dismiss(n,t)}return Promise.resolve(false)};n.prototype.getTop=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(i.hasDocument){return[2,a(document,this.tag)]}return[2]}))}))};return n}();n("BalModalController",y);var j=n("balModalController",new y);var h=n("hasTouchSupport",(function(){return o.hasTouchScreen}));var w=n("isBrowser",(function(n){if(n==="Safari"){return i.isSafari}return false}));var B=n("getPlatforms",(function(n){return u.detect()}));var _=n("isPlatform",(function(n,t){if(typeof n==="string"){t=n}if(t){return u.detect().includes(t)}return false}));var O=n("NewBalOptionValue",d);var S=n("NewBalSingleOptionValue",m)}}}));
1
+ var __extends=this&&this.__extends||function(){var n=function(t,e){n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,t){n.__proto__=t}||function(n,t){for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e))n[e]=t[e]};return n(t,e)};return function(t,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");n(t,e);function i(){this.constructor=t}t.prototype=e===null?Object.create(e):(i.prototype=e.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(n,t,e,i){function o(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,r){function a(n){try{u(i.next(n))}catch(n){r(n)}}function s(n){try{u(i["throw"](n))}catch(n){r(n)}}function u(n){n.done?e(n.value):o(n.value).then(a,s)}u((i=i.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(n){return function(t){return u([n,t])}}function u(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(e=0)),e)try{if(i=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;o=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){e.label=s[1];break}if(s[0]===6&&e.label<r[1]){e.label=r[1];r=s;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(s);break}if(r[2])e.ops.pop();e.trys.pop();continue}s=t.call(n,e)}catch(n){s=[6,n];o=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-99cfab9c.system.js","./p-55faac1d.system.js","./p-6b45db53.system.js","./p-a7fc2da7.system.js","./p-14d0c5f3.system.js","./p-4c0bad70.system.js","./p-fe76780d.system.js","./p-1509eaa7.system.js","./p-3bad0907.system.js","./p-8a2bab70.system.js","./p-3ecc7d9a.system.js","./p-8954495d.system.js","./p-6e5745c8.system.js","./p-f19ea306.system.js","./p-a1f6e944.system.js","./p-ec9a7cf5.system.js","./p-5f26e92f.system.js","./p-ae9b85f1.system.js","./p-2701880d.system.js","./p-145d5c4e.system.js","./p-bb6304d0.system.js","./p-eecefb0a.system.js","./p-333ef156.system.js","./p-8a87b9a8.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-456fc561.system.js","./p-b3f2c626.system.js","./p-5c0e12bf.system.js","./p-23bdd8dc.system.js"],(function(n){"use strict";var t,e,i,o,r,a,s,u,f;return{setters:[function(t){n("FileUploadRejectionReason",t.F)},function(t){var e={};e.BalDate=t.B;e.i18nBalDate=t.i;n(e)},function(t){n("i18nBalClose",t.i)},function(t){n("i18nBalDatepicker",t.i)},function(t){n("i18nBalTimeInput",t.i)},function(t){n("i18nBalInputStepper",t.i)},function(t){n("i18nBalLabel",t.i)},function(t){var e={};e.BalSnackbarController=t.a;e.BalToastController=t.B;e.balSnackbarController=t.c;e.balToastController=t.b;e.initialize=t.i;e.initializeBaloiseDesignSystem=t.i;e.setupConfig=t.s;n(e)},function(t){n("newBalOption",t.n)},function(t){n("newBalStepOption",t.n)},function(t){n("newBalTabOption",t.n)},function(i){t=i.g;e=i.c;var o={};o.componentOnReady=i.c;o.deepReady=i.e;o.getAppRoot=i.g;o.isDescendant=i.i;o.shallowReady=i.s;o.wait=i.f;o.waitAfterFramePaint=i.b;o.waitAfterIdleCallback=i.d;o.waitForComponent=i.w;o.waitForDesignSystem=i.a;n(o)},function(t){n("scrollToFirstInvalidField",t.s)},function(t){n("BalScrollHandler",t.B)},function(t){i=t.b;n("balBrowser",t.b)},function(t){o=t.b;var e={};e.BalDevice=t.B;e.balDevice=t.b;n(e)},function(t){n("INVALID_VALUE",t.I)},function(n){r=n.g;a=n.a},function(t){s=t.B;u=t.b;var e={};e.BalBreakpointSubject=t.c;e.BalBreakpointsUtil=t.d;e.balBreakpointSubject=t.a;e.balBreakpoints=t.b;n(e)},function(t){var e={};e.attachToConfig=t.a;e.detachFromConfig=t.d;e.onBalConfigChange=t.o;e.updateBalAllowedLanguages=t.u;e.updateBalAnimated=t.b;e.updateBalIcons=t.c;e.updateBalLanguage=t.e;e.updateBalRegion=t.f;e.useBalConfig=t.g;n(e)},function(t){n("defaultConfig",t.d)},function(n){f=n.S},function(t){n("BalSwipeSubject",t.B)},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var c=n("i18nBalFieldLabel",{de:{optional:" (optional)"},en:{optional:" (optional)"},fr:{optional:" (optionnel)"},it:{optional:" (opzionale)"},nl:{optional:" (optioneel)"},es:{optional:" (opcional)"},pl:{optional:" (opcjonalnie)"},pt:{optional:" (opcional)"},sv:{optional:" (frivillig)"},fi:{optional:" (valinnainen)"}});var l=n("newBalCheckboxOption",(function(n){return Object.assign(Object.assign({interface:"checkbox",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invalid:false,checked:false},n),{label:"",html:n.label})}));var p=n("newBalRadioOption",(function(n){return Object.assign(Object.assign({interface:"radio",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invisible:false,invalid:false},n),{label:"",html:n.label})}));var d=n("newBalOptionValue",(function(n,t,e,i){if(e===void 0){e=false}return{value:n,label:t,disabled:e,data:i}}));var m=n("newBalSingleOptionValue",(function(n,t,e){if(t===void 0){t=false}return d(n,n,t,e)}));var b=function(n){__extends(t,n);function t(){var t=n.call(this,(function(n){return n.orientationListener(t.state)}))||this;t.listener=new s;t.state=o.orientation.toObject();t.listener.connect();t.listener.add((function(){var n=o.orientation.toObject();if(!t.isEqual(n)){t.state=n;t.notify(undefined)}}));return t}t.prototype.attach=function(t){n.prototype.attach.call(this,t);t.orientationListener(this.state)};t.prototype.isEqual=function(n){return n.landscape===this.state.landscape&&n.portrait===this.state.portrait};return t}(f);n("BalOrientationSubject",b);var v=n("balOrientationSubject",new b);var y=function(){function n(){this.tag="bal-modal"}n.prototype.create=function(n){var o=this;if(typeof customElements!=="undefined"&&i.hasDocument){return customElements.whenDefined(this.tag).then((function(){var i=document.createElement(o.tag);Object.assign(i,n);t(document).appendChild(i);return new Promise((function(n){return e(i,n)}))}))}return Promise.resolve()};n.prototype.dismissAll=function(n,t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:if(!i.hasDocument)return[3,2];e=r(document,this.tag);return[4,Promise.all(e.map((function(e){return e.dismiss(n,t)})))];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};n.prototype.dismiss=function(n,t,e){if(i.hasDocument){var o=a(document,this.tag,e);if(!o){return Promise.reject("overlay does not exist")}return o.dismiss(n,t)}return Promise.resolve(false)};n.prototype.getTop=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(i.hasDocument){return[2,a(document,this.tag)]}return[2]}))}))};return n}();n("BalModalController",y);var j=n("balModalController",new y);var h=n("hasTouchSupport",(function(){return o.hasTouchScreen}));var w=n("isBrowser",(function(n){if(n==="Safari"){return i.isSafari}return false}));var B=n("getPlatforms",(function(n){return u.detect()}));var _=n("isPlatform",(function(n,t){if(typeof n==="string"){t=n}if(t){return u.detect().includes(t)}return false}));var O=n("NewBalOptionValue",d);var S=n("NewBalSingleOptionValue",m)}}}));
@@ -1 +1 @@
1
- import{a as n}from"./p-ffbe2886.js";function t(){return function(t){const{connectedCallback:c,disconnectedCallback:i}=t;t.connectedCallback=function(){return n.attach(this),c&&c.call(this)},t.disconnectedCallback=function(){return n.detach(this),i&&i.call(this)}}}export{t as L}
1
+ import{a as n}from"./p-96525499.js";function t(){return function(t){const{connectedCallback:c,disconnectedCallback:i}=t;t.connectedCallback=function(){return n.attach(this),c&&c.call(this)},t.disconnectedCallback=function(){return n.detach(this),i&&i.call(this)}}}export{t as L}
@@ -1 +1 @@
1
- import{r as t,c as a,h as e,H as i,g as s}from"./p-d7c752c6.js";import{a as n}from"./p-dd5e13d1.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{o as l}from"./p-94efe2aa.js";import{l as r,e as _,t as h,m as c,n as d,o as v,i as m}from"./p-88f18fbc.js";import{B as p}from"./p-ae86d0a0.js";import{L as u}from"./p-b77e3348.js";import{n as f}from"./p-f3f5ce4f.js";import{s as g}from"./p-ad9a7657.js";import{b as x}from"./p-a65354df.js";import{a as w}from"./p-0e361394.js";import{b as j}from"./p-ffbe2886.js";import{L as O}from"./p-3231863d.js";import{L as y}from"./p-192bade4.js";import{L as k}from"./p-2692caf4.js";import{L as $}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-b1f86100.js";const z=class{constructor(e){t(this,e),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+A++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}}render(){return e(i,{id:this.tabPanelID,role:"tabpanel","aria-label":this.label,"aria-hidden":this.isActive?"false":"true",tabindex:this.isActive?"0":"-1",class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive}},e("slot",null))}get el(){return s(this)}};let A=0;const C=({items:t,value:a,onSelectTab:i})=>{const s=p.block("tabs").element("select");return e("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const e=t.filter((t=>t.value===a.detail));if(e.length>0){const t=e[0];""!==t.href&&void 0!==t.href&&x.hasWindow&&window.open(t.href,t.target),i(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>e("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},L=({item:t,inverted:a,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:b})=>{const o=p.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),e("span",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(t.active)),o.modifier("disabled").class(t.disabled))},e("bal-icon",{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:l,turn:i&&!0===s&&t.active}),b?e("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},t.bubble):"")},F=({item:t,inverted:a,hasBubble:i,isVertical:s,context:n})=>{const b=p.block("tabs").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("inverted").class(a)),b.modifier("active").class(t.active)),b.modifier("disabled").class(t.disabled)),b.modifier("vertical").class(s)),b.modifier(`context-${n}`).class(void 0!==n)),"data-testid":"bal-tabs-item-label"},t.label,i?e("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},t.bubble):"")},T=({item:t,tabsId:a,isFirst:i,isLast:s,isMobile:n,isVertical:b,accordion:o,isAccordionOpen:l,inverted:r,expanded:_,spaceless:h,clickable:c,iconPosition:d,context:v,onSelectTab:m})=>{const u=p.block("tabs").element("nav").element("item");if(t.invisible)return;const f=!1!==t.bubble,g=void 0!==t.icon,x=g&&f&&"horizontal"!==d&&!o||n&&g&&f&&!b&&!o,w=o&&f||o&&n&&g&&f&&!b,j=!g&&f&&!o||f&&!n&&"horizontal"===d&&!o||f&&b&&!o,O=void 0===t.href||""===t.href?"button":"a",y="button"===O?{type:"button"}:{href:t.href,target:t.target};return e(O,Object.assign({id:`${a}-button-${B++}`,role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("active").class(t.active)),u.modifier("disabled").class(t.disabled)),u.modifier("clickable").class(c)),u.modifier("accordion").class(o)),u.modifier("inverted").class(r)),u.modifier("expanded").class(_)),u.modifier("spaceless").class(h)),u.modifier("first").class(i)),u.modifier("last").class(s)),u.modifier("passed").class(t.passed)),u.modifier("vertical").class(b)),u.modifier(`context-${v}`).class(void 0!==v)),u.modifier(`icon-position-${d}`).class("horizontal"!==d)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":t.active?"true":"false","aria-disabled":`${t.disabled}`,"aria-label":t.label,"aria-controls":t.tabPanelID},y,{onClick:a=>m(a,t)}),t.icon?e(L,{accordion:!1,item:t,isMobile:n,hasBubble:x,inverted:r}):"",e(F,{item:t,isMobile:n,isVertical:b,hasBubble:j,inverted:r,context:v}),o&&!t.href?e(L,{accordion:o,isAccordionOpen:l,item:t,isMobile:n,hasBubble:w,inverted:r}):"")};let B=0;const V=({items:t,tabsId:a,hasCarousel:i,isVertical:s,inNavbar:n,isMobile:b,isTouch:o,lineActive:l,border:r,accordion:_,isAccordionOpen:h,inverted:c,clickable:d,animated:v,spaceless:m,expanded:u,verticalColSize:f,iconPosition:x,context:w,onSelectTab:j})=>{const O=p.block("tabs").element("nav"),y=t.filter((t=>!t.invisible)),k=n&&!o,$=({item:t,index:i})=>e(T,{item:t,tabsId:a,isFirst:0===i,isLast:i===y.length-1,isMobile:b,isVertical:s,iconPosition:x,spaceless:m,inverted:c,accordion:_,isAccordionOpen:h,context:w,expanded:u,clickable:d&&!t.disabled,onSelectTab:j});return e("div",{role:"tablist",id:`${a}-nav`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.class()),O.modifier("full-height").class(k)),O.modifier("border").class(r)),O.modifier("animated").class(v)),O.modifier("vertical").class(s)),O.modifier("expanded").class(u&&!s)),O.modifier(`vertical-col-${f}`).class(s))},i?e("bal-carousel",{id:`${a}-carousel`,class:Object.assign({},O.element("carousel").class()),fullHeight:k,border:r,inverted:c,controls:"small","items-per-view":"auto",steps:3,onBalChange:g},y.map(((t,a)=>e("bal-carousel-item",{key:t.value,class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(u))},e($,{item:t,index:a})))),e("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(c)),O.element("line").modifier("animated").class(v)),O.element("line").modifier("vertical").class(s))})):y.map(((t,a)=>e($,{item:t,index:a}))),i?"":e("div",{id:`${a}-border`,class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(c)),O.element("border").modifier("vertical").class(s))}),i?"":e("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(c)),O.element("line").modifier("animated").class(v)),O.element("line").modifier("vertical").class(s))}))},M=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+S++,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(f)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const e=t.clientWidth;return this.expanded?e:e-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const e=t.closest("bal-carousel-item");if(e)return this.expanded?e.offsetLeft:e.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),r((async()=>{await _(this.el,!0),this.currentRaf=r((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=w(t),e=this.getLineSize(t,a),i=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=h(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${e}px`),s.style.setProperty("height",`${e}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${e}px`),s.style.setProperty("width",`${e}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();t&&n&&t.style.setProperty("width",`${n.clientWidth}px`),await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=(t=!1)=>{this.isAccordionOpen=!0;const{contentEl:a,contentElWrapper:e}=this;t||void 0===a||void 0===e?this.accordionState=4:4!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.accordionState=8,this.currentRaf=r((async()=>{const t=e.offsetHeight,i=h(a,300);a.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.value),await i,this.accordionState=4,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.collapseAccordion=(t=!1)=>{this.isAccordionOpen=!1;const{contentEl:a}=this;t||void 0===a?this.accordionState=1:1!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{a.style.setProperty("max-height",`${a.offsetHeight}px`),r((async()=>{const t=h(a,300);this.accordionState=2,this.balWillAnimate.emit(this.value),await t,this.accordionState=1,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&g(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.isMobile=j.isMobile,this.isTablet=j.isTablet,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.inNavbar=d("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(d("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.animateLine()}resizeListener(){this.animateLine()}listenToWillAnimate(t){v(t,this.el,(()=>this.animateLine()))}listenToDidAnimate(t){v(t,this.el,(()=>this.animateLine())),this.isUsedInNavbar(t)}isUsedInNavbar(t){const a=t.target.closest("bal-navbar"),e=t.target;a&&m(a,this.el)&&(this.isNavbarOpen=e)}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}isActive(t){return t.value===this.value}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.tabsId}-carousel`)}render(){const t=p.block("tabs"),a=this.isMobile,s=a||this.isTablet,n=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted,b=this.isVertical(),o=!b&&this.overflow&&!this.expanded,l=a&&this.selectOnMobile,r=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),_=4===this.accordionState||8===this.accordionState?"content expanded":"content";return e(i,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(b)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":this.store.filter((t=>this.isActive(t))).map((t=>t.value)).join(","),"data-label":this.store.filter((t=>this.isActive(t))).map((t=>t.label)).join(",")},l?e(C,{value:this.value,items:r,onSelectTab:this.onSelectTab}):e(V,{items:r,tabsId:this.tabsId,onSelectTab:this.onSelectTab,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:void 0!==this.value,inverted:n,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize}),e("div",{part:_,ref:t=>this.contentEl=t,class:Object.assign({},t.element("tabs").element("content").class())},e("div",{id:this.tabsId,class:Object.assign({},t.element("tabs").element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},e("slot",null))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};b([u("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],M.prototype,"createLogger",null),b([O({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],M.prototype,"mutationListener",null),b([y(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],M.prototype,"breakpointListener",null),b([k(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],M.prototype,"resizeListener",null),b([$(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],M.prototype,"configChanged",null);let S=0;M.style="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";export{z as bal_tab_item,M as bal_tabs}
1
+ import{r as t,c as a,h as e,H as i,g as s}from"./p-d7c752c6.js";import{a as n}from"./p-dd5e13d1.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{o as l}from"./p-94efe2aa.js";import{l as r,e as _,t as h,m as c,n as d,o as v,i as m}from"./p-88f18fbc.js";import{B as p}from"./p-ae86d0a0.js";import{L as u}from"./p-b77e3348.js";import{n as f}from"./p-f3f5ce4f.js";import{s as g}from"./p-ad9a7657.js";import{b as x}from"./p-a65354df.js";import{a as w}from"./p-0e361394.js";import{b as j}from"./p-96525499.js";import{L as O}from"./p-3231863d.js";import{L as y}from"./p-a2bb4c55.js";import{L as k}from"./p-2692caf4.js";import{L as $}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-bbfe0ac3.js";const z=class{constructor(e){t(this,e),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+A++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}}render(){return e(i,{id:this.tabPanelID,role:"tabpanel","aria-label":this.label,"aria-hidden":this.isActive?"false":"true",tabindex:this.isActive?"0":"-1",class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive}},e("slot",null))}get el(){return s(this)}};let A=0;const C=({items:t,value:a,onSelectTab:i})=>{const s=p.block("tabs").element("select");return e("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const e=t.filter((t=>t.value===a.detail));if(e.length>0){const t=e[0];""!==t.href&&void 0!==t.href&&x.hasWindow&&window.open(t.href,t.target),i(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>e("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},L=({item:t,inverted:a,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:b})=>{const o=p.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),e("span",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(t.active)),o.modifier("disabled").class(t.disabled))},e("bal-icon",{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:l,turn:i&&!0===s&&t.active}),b?e("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},t.bubble):"")},F=({item:t,inverted:a,hasBubble:i,isVertical:s,context:n})=>{const b=p.block("tabs").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("inverted").class(a)),b.modifier("active").class(t.active)),b.modifier("disabled").class(t.disabled)),b.modifier("vertical").class(s)),b.modifier(`context-${n}`).class(void 0!==n)),"data-testid":"bal-tabs-item-label"},t.label,i?e("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},t.bubble):"")},T=({item:t,tabsId:a,isFirst:i,isLast:s,isMobile:n,isVertical:b,accordion:o,isAccordionOpen:l,inverted:r,expanded:_,spaceless:h,clickable:c,iconPosition:d,context:v,onSelectTab:m})=>{const u=p.block("tabs").element("nav").element("item");if(t.invisible)return;const f=!1!==t.bubble,g=void 0!==t.icon,x=g&&f&&"horizontal"!==d&&!o||n&&g&&f&&!b&&!o,w=o&&f||o&&n&&g&&f&&!b,j=!g&&f&&!o||f&&!n&&"horizontal"===d&&!o||f&&b&&!o,O=void 0===t.href||""===t.href?"button":"a",y="button"===O?{type:"button"}:{href:t.href,target:t.target};return e(O,Object.assign({id:`${a}-button-${B++}`,role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("active").class(t.active)),u.modifier("disabled").class(t.disabled)),u.modifier("clickable").class(c)),u.modifier("accordion").class(o)),u.modifier("inverted").class(r)),u.modifier("expanded").class(_)),u.modifier("spaceless").class(h)),u.modifier("first").class(i)),u.modifier("last").class(s)),u.modifier("passed").class(t.passed)),u.modifier("vertical").class(b)),u.modifier(`context-${v}`).class(void 0!==v)),u.modifier(`icon-position-${d}`).class("horizontal"!==d)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":t.active?"true":"false","aria-disabled":`${t.disabled}`,"aria-label":t.label,"aria-controls":t.tabPanelID},y,{onClick:a=>m(a,t)}),t.icon?e(L,{accordion:!1,item:t,isMobile:n,hasBubble:x,inverted:r}):"",e(F,{item:t,isMobile:n,isVertical:b,hasBubble:j,inverted:r,context:v}),o&&!t.href?e(L,{accordion:o,isAccordionOpen:l,item:t,isMobile:n,hasBubble:w,inverted:r}):"")};let B=0;const V=({items:t,tabsId:a,hasCarousel:i,isVertical:s,inNavbar:n,isMobile:b,isTouch:o,lineActive:l,border:r,accordion:_,isAccordionOpen:h,inverted:c,clickable:d,animated:v,spaceless:m,expanded:u,verticalColSize:f,iconPosition:x,context:w,onSelectTab:j})=>{const O=p.block("tabs").element("nav"),y=t.filter((t=>!t.invisible)),k=n&&!o,$=({item:t,index:i})=>e(T,{item:t,tabsId:a,isFirst:0===i,isLast:i===y.length-1,isMobile:b,isVertical:s,iconPosition:x,spaceless:m,inverted:c,accordion:_,isAccordionOpen:h,context:w,expanded:u,clickable:d&&!t.disabled,onSelectTab:j});return e("div",{role:"tablist",id:`${a}-nav`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.class()),O.modifier("full-height").class(k)),O.modifier("border").class(r)),O.modifier("animated").class(v)),O.modifier("vertical").class(s)),O.modifier("expanded").class(u&&!s)),O.modifier(`vertical-col-${f}`).class(s))},i?e("bal-carousel",{id:`${a}-carousel`,class:Object.assign({},O.element("carousel").class()),fullHeight:k,border:r,inverted:c,controls:"small","items-per-view":"auto",steps:3,onBalChange:g},y.map(((t,a)=>e("bal-carousel-item",{key:t.value,class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(u))},e($,{item:t,index:a})))),e("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(c)),O.element("line").modifier("animated").class(v)),O.element("line").modifier("vertical").class(s))})):y.map(((t,a)=>e($,{item:t,index:a}))),i?"":e("div",{id:`${a}-border`,class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(c)),O.element("border").modifier("vertical").class(s))}),i?"":e("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(c)),O.element("line").modifier("animated").class(v)),O.element("line").modifier("vertical").class(s))}))},M=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+S++,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(f)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const e=t.clientWidth;return this.expanded?e:e-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const e=t.closest("bal-carousel-item");if(e)return this.expanded?e.offsetLeft:e.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),r((async()=>{await _(this.el,!0),this.currentRaf=r((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=w(t),e=this.getLineSize(t,a),i=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=h(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${e}px`),s.style.setProperty("height",`${e}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${e}px`),s.style.setProperty("width",`${e}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();t&&n&&t.style.setProperty("width",`${n.clientWidth}px`),await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=(t=!1)=>{this.isAccordionOpen=!0;const{contentEl:a,contentElWrapper:e}=this;t||void 0===a||void 0===e?this.accordionState=4:4!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.accordionState=8,this.currentRaf=r((async()=>{const t=e.offsetHeight,i=h(a,300);a.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.value),await i,this.accordionState=4,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.collapseAccordion=(t=!1)=>{this.isAccordionOpen=!1;const{contentEl:a}=this;t||void 0===a?this.accordionState=1:1!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{a.style.setProperty("max-height",`${a.offsetHeight}px`),r((async()=>{const t=h(a,300);this.accordionState=2,this.balWillAnimate.emit(this.value),await t,this.accordionState=1,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&g(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.isMobile=j.isMobile,this.isTablet=j.isTablet,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.inNavbar=d("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(d("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.animateLine()}resizeListener(){this.animateLine()}listenToWillAnimate(t){v(t,this.el,(()=>this.animateLine()))}listenToDidAnimate(t){v(t,this.el,(()=>this.animateLine())),this.isUsedInNavbar(t)}isUsedInNavbar(t){const a=t.target.closest("bal-navbar"),e=t.target;a&&m(a,this.el)&&(this.isNavbarOpen=e)}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}isActive(t){return t.value===this.value}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.tabsId}-carousel`)}render(){const t=p.block("tabs"),a=this.isMobile,s=a||this.isTablet,n=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted,b=this.isVertical(),o=!b&&this.overflow&&!this.expanded,l=a&&this.selectOnMobile,r=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),_=4===this.accordionState||8===this.accordionState?"content expanded":"content";return e(i,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(b)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":this.store.filter((t=>this.isActive(t))).map((t=>t.value)).join(","),"data-label":this.store.filter((t=>this.isActive(t))).map((t=>t.label)).join(",")},l?e(C,{value:this.value,items:r,onSelectTab:this.onSelectTab}):e(V,{items:r,tabsId:this.tabsId,onSelectTab:this.onSelectTab,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:void 0!==this.value,inverted:n,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize}),e("div",{part:_,ref:t=>this.contentEl=t,class:Object.assign({},t.element("tabs").element("content").class())},e("div",{id:this.tabsId,class:Object.assign({},t.element("tabs").element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},e("slot",null))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};b([u("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],M.prototype,"createLogger",null),b([O({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],M.prototype,"mutationListener",null),b([y(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],M.prototype,"breakpointListener",null),b([k(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],M.prototype,"resizeListener",null),b([$(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],M.prototype,"configChanged",null);let S=0;M.style="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";export{z as bal_tab_item,M as bal_tabs}