@baloise/ds-core 17.1.0 → 17.2.0

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 (141) hide show
  1. package/components/bal-accordion-details.js +1 -1
  2. package/components/bal-accordion.js +5 -2
  3. package/components/bal-app.js +5 -3
  4. package/components/bal-list2.js +1 -1
  5. package/components/index.js +17 -2
  6. package/components/tokens.esm.js +1 -1
  7. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  8. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  9. package/dist/baloise-design-system/index.esm.js +1 -1
  10. package/dist/baloise-design-system/p-0fd1b4ed34.entry.js +1 -0
  11. package/dist/baloise-design-system/{p-b666673380.entry.js → p-12a557557c.entry.js} +1 -1
  12. package/dist/baloise-design-system/{p-1ecf7315b9.entry.js → p-13e7a8817c.entry.js} +1 -1
  13. package/dist/baloise-design-system/{p-4de229fddc.system.entry.js → p-246e9e2585.system.entry.js} +1 -1
  14. package/dist/baloise-design-system/{p-4d9e77f3e2.entry.js → p-34b1a9a33b.entry.js} +1 -1
  15. package/dist/baloise-design-system/{p-bbdc9f6e.js → p-38eaad35.js} +1 -1
  16. package/dist/baloise-design-system/{p-4ef4b1be9d.system.entry.js → p-3c4bbee680.system.entry.js} +1 -1
  17. package/dist/baloise-design-system/{p-743b475584.entry.js → p-4023b8977a.entry.js} +1 -1
  18. package/dist/baloise-design-system/{p-4ff5f10802.system.entry.js → p-4c8470249b.system.entry.js} +1 -1
  19. package/dist/baloise-design-system/{p-f23ce678.js → p-512a273a.js} +1 -1
  20. package/dist/baloise-design-system/{p-b57c473d.system.js → p-51380295.system.js} +1 -1
  21. package/dist/baloise-design-system/{p-0f995439fa.system.entry.js → p-5361e8255f.system.entry.js} +1 -1
  22. package/dist/baloise-design-system/p-55d6475b.js +1 -0
  23. package/dist/baloise-design-system/{p-852288a3.system.js → p-56f5e6d1.system.js} +1 -1
  24. package/dist/baloise-design-system/{p-d2f9ed2b.system.js → p-65b542bd.system.js} +1 -1
  25. package/dist/baloise-design-system/{p-9575320fc7.entry.js → p-737eb79c75.entry.js} +1 -1
  26. package/dist/baloise-design-system/{p-5434009bc0.system.entry.js → p-73efab2c3a.system.entry.js} +1 -1
  27. package/dist/baloise-design-system/{p-a4adde8f06.entry.js → p-749056f366.entry.js} +1 -1
  28. package/dist/baloise-design-system/{p-4f6a69cd.system.js → p-749fe3de.system.js} +1 -1
  29. package/dist/baloise-design-system/{p-dc70466385.entry.js → p-8b8019c57c.entry.js} +1 -1
  30. package/dist/baloise-design-system/{p-e66e2555f7.entry.js → p-8e244ba61a.entry.js} +1 -1
  31. package/dist/baloise-design-system/p-9d3f7645.system.js +1 -0
  32. package/dist/baloise-design-system/p-9eb4e04e90.system.entry.js +1 -0
  33. package/dist/baloise-design-system/{p-461076e3ee.system.entry.js → p-a68d21a21e.system.entry.js} +1 -1
  34. package/dist/baloise-design-system/{p-de93a466cd.entry.js → p-a7cf23072c.entry.js} +1 -1
  35. package/dist/baloise-design-system/{p-79cd15b8.system.js → p-b5152365.system.js} +1 -1
  36. package/dist/baloise-design-system/{p-6f87a55001.entry.js → p-ba38ccde00.entry.js} +1 -1
  37. package/dist/baloise-design-system/{p-a9f81bd538.system.entry.js → p-c412a7d9f5.system.entry.js} +1 -1
  38. package/dist/baloise-design-system/p-c472c7cf16.system.entry.js +1 -0
  39. package/dist/baloise-design-system/{p-2a81e1e84d.system.entry.js → p-c72669019f.system.entry.js} +1 -1
  40. package/dist/baloise-design-system/p-ca0e100fe8.entry.js +1 -0
  41. package/dist/baloise-design-system/{p-2cc4cfdddd.system.entry.js → p-ccee08eae1.system.entry.js} +1 -1
  42. package/dist/baloise-design-system/{p-43ab08c69d.entry.js → p-d1c71ad702.entry.js} +1 -1
  43. package/dist/baloise-design-system/{p-dc40f667ce.system.entry.js → p-d8fb982e61.system.entry.js} +1 -1
  44. package/dist/baloise-design-system/{p-8d2e3bc3.system.js → p-de13d5c0.system.js} +1 -1
  45. package/dist/baloise-design-system/{p-50b2a9c6.js → p-e3167218.js} +1 -1
  46. package/dist/baloise-design-system/p-e563e447.js +1 -0
  47. package/dist/baloise-design-system/{p-faa07e101c.entry.js → p-eee34b1983.entry.js} +1 -1
  48. package/dist/baloise-design-system/{p-d3e9be6607.system.entry.js → p-fb2a9f7542.system.entry.js} +1 -1
  49. package/dist/baloise-design-system/{p-95b538ca71.system.entry.js → p-fd88b00c71.system.entry.js} +1 -1
  50. package/dist/cjs/{app-globals-f5a609c1.js → app-globals-661b320a.js} +1 -1
  51. package/dist/cjs/bal-accordion_4.cjs.entry.js +6 -3
  52. package/dist/cjs/bal-app.cjs.entry.js +5 -3
  53. package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
  54. package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
  55. package/dist/cjs/bal-list_8.cjs.entry.js +4 -4
  56. package/dist/cjs/bal-logo.cjs.entry.js +3 -3
  57. package/dist/cjs/bal-nav_8.cjs.entry.js +3 -3
  58. package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
  59. package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
  60. package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
  61. package/dist/cjs/bal-segment_2.cjs.entry.js +4 -4
  62. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  63. package/dist/cjs/bal-steps.cjs.entry.js +3 -3
  64. package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
  65. package/dist/cjs/baloise-design-system.cjs.js +2 -2
  66. package/dist/cjs/{breakpoints.decorator-cc7b6527.js → breakpoints.decorator-8bde2bcf.js} +1 -1
  67. package/dist/cjs/{breakpoints.subject-cfe518b3.js → breakpoints.subject-15687772.js} +1 -1
  68. package/dist/cjs/index.cjs.js +3 -3
  69. package/dist/cjs/{initialize-e7570bc6.js → initialize-6421e1c1.js} +17 -2
  70. package/dist/cjs/loader.cjs.js +2 -2
  71. package/dist/cjs/{tokens.esm-c5484151.js → tokens.esm-bdae5d02.js} +1 -1
  72. package/dist/cjs/{window-resize.decorator-137a02c4.js → window-resize.decorator-e1fbbe1f.js} +1 -1
  73. package/dist/collection/components/bal-accordion/bal-accordion-details/bal-accordion-details.css +1 -1
  74. package/dist/collection/components/bal-accordion/bal-accordion.css +1 -1
  75. package/dist/collection/components/bal-accordion/bal-accordion.js +4 -1
  76. package/dist/collection/components/bal-app/bal-app.js +5 -3
  77. package/dist/collection/components/bal-list/bal-list.css +1 -1
  78. package/dist/collection/utils/config/config.const.js +1 -0
  79. package/dist/collection/utils/config/config.js +15 -1
  80. package/dist/collection/utils/config/initialize.js +2 -2
  81. package/dist/collection/utils/constants/version.constant.js +1 -1
  82. package/dist/esm/{app-globals-4d0448ee.js → app-globals-665b5c71.js} +1 -1
  83. package/dist/esm/bal-accordion_4.entry.js +6 -3
  84. package/dist/esm/bal-app.entry.js +5 -3
  85. package/dist/esm/bal-carousel_2.entry.js +3 -3
  86. package/dist/esm/bal-hint_5.entry.js +3 -3
  87. package/dist/esm/bal-list_8.entry.js +4 -4
  88. package/dist/esm/bal-logo.entry.js +3 -3
  89. package/dist/esm/bal-nav_8.entry.js +3 -3
  90. package/dist/esm/bal-navbar_5.entry.js +3 -3
  91. package/dist/esm/bal-pagination.entry.js +3 -3
  92. package/dist/esm/bal-progress-bar.entry.js +4 -4
  93. package/dist/esm/bal-segment_2.entry.js +4 -4
  94. package/dist/esm/bal-shape.entry.js +1 -1
  95. package/dist/esm/bal-steps.entry.js +3 -3
  96. package/dist/esm/bal-tab-item_2.entry.js +3 -3
  97. package/dist/esm/baloise-design-system.js +2 -2
  98. package/dist/esm/{breakpoints.decorator-2e4214b2.js → breakpoints.decorator-7623ded8.js} +1 -1
  99. package/dist/esm/{breakpoints.subject-0499ff54.js → breakpoints.subject-ac2d9287.js} +1 -1
  100. package/dist/esm/index.js +4 -4
  101. package/dist/esm/{initialize-f93872c4.js → initialize-b9912138.js} +17 -2
  102. package/dist/esm/loader.js +2 -2
  103. package/dist/esm/{tokens.esm-e90e564a.js → tokens.esm-44ff650d.js} +1 -1
  104. package/dist/esm/{window-resize.decorator-be46c01c.js → window-resize.decorator-ab11c379.js} +1 -1
  105. package/dist/esm-es5/app-globals-665b5c71.js +1 -0
  106. package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
  107. package/dist/esm-es5/bal-app.entry.js +1 -1
  108. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  109. package/dist/esm-es5/bal-hint_5.entry.js +1 -1
  110. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  111. package/dist/esm-es5/bal-logo.entry.js +1 -1
  112. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  113. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  114. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  115. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  116. package/dist/esm-es5/bal-segment_2.entry.js +1 -1
  117. package/dist/esm-es5/bal-shape.entry.js +1 -1
  118. package/dist/esm-es5/bal-steps.entry.js +1 -1
  119. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  120. package/dist/esm-es5/baloise-design-system.js +1 -1
  121. package/dist/esm-es5/{breakpoints.decorator-2e4214b2.js → breakpoints.decorator-7623ded8.js} +1 -1
  122. package/dist/esm-es5/{breakpoints.subject-0499ff54.js → breakpoints.subject-ac2d9287.js} +1 -1
  123. package/dist/esm-es5/index.js +1 -1
  124. package/dist/esm-es5/initialize-b9912138.js +1 -0
  125. package/dist/esm-es5/loader.js +1 -1
  126. package/dist/esm-es5/{window-resize.decorator-be46c01c.js → window-resize.decorator-ab11c379.js} +1 -1
  127. package/dist/types/utils/config/config.const.d.ts +1 -0
  128. package/dist/types/utils/config/config.d.ts +1 -0
  129. package/package.json +7 -7
  130. package/dist/baloise-design-system/p-0dc26bfe1f.entry.js +0 -1
  131. package/dist/baloise-design-system/p-4e4fe533.js +0 -1
  132. package/dist/baloise-design-system/p-73bd9055.system.js +0 -1
  133. package/dist/baloise-design-system/p-aa0bfdce7b.system.entry.js +0 -1
  134. package/dist/baloise-design-system/p-cfd4370f6b.system.entry.js +0 -1
  135. package/dist/baloise-design-system/p-fb82a1e7.js +0 -1
  136. package/dist/baloise-design-system/p-ff89ba221b.entry.js +0 -1
  137. package/dist/esm-es5/app-globals-4d0448ee.js +0 -1
  138. package/dist/esm-es5/initialize-f93872c4.js +0 -1
  139. /package/dist/baloise-design-system/{p-5d4c2ac9.js → p-18a74018.js} +0 -0
  140. /package/dist/baloise-design-system/{p-7c9bf66f.system.js → p-69313d59.system.js} +0 -0
  141. /package/dist/esm-es5/{tokens.esm-e90e564a.js → tokens.esm-44ff650d.js} +0 -0
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(a,e,t,n){function i(a){return a instanceof t?a:new t((function(e){e(a)}))}return new(t||(t=Promise))((function(t,r){function b(a){try{s(n.next(a))}catch(a){r(a)}}function l(a){try{s(n["throw"](a))}catch(a){r(a)}}function s(a){a.done?t(a.value):i(a.value).then(b,l)}s((n=n.apply(a,e||[])).next())}))};var __generator=this&&this.__generator||function(a,e){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,b;return b={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(b[Symbol.iterator]=function(){return this}),b;function l(a){return function(e){return s([a,e])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(b&&(b=0,l[0]&&(t=0)),t)try{if(n=1,i&&(r=l[0]&2?i["return"]:l[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,l[1])).done)return r;if(i=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;i=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){t.label=l[1];break}if(l[0]===6&&t.label<r[1]){t.label=r[1];r=l;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(l);break}if(r[2])t.ops.pop();t.trys.pop();continue}l=e.call(a,t)}catch(a){l=[6,a];i=0}finally{n=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-d67f7321.system.js","./p-db0895e2.system.js","./p-f19ea306.system.js","./p-a1f6e944.system.js","./p-6dbef894.system.js","./p-4d807f18.system.js","./p-79cd15b8.system.js","./p-8d2e3bc3.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-7c9bf66f.system.js"],(function(a){"use strict";var e,t,n,i,r,b,l,s,o,c,f,u,d;return{setters:[function(a){e=a.r;t=a.h;n=a.H;i=a.g;r=a.c},function(a){b=a.B},function(a){l=a.B},function(a){s=a.b},function(a){o=a._;c=a.a},function(a){f=a.f},function(a){u=a.b},function(a){d=a.L},function(){},function(){},function(){},function(){},function(){}],execute:function(){var h=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";var v=h;var m=a("bal_navbar",function(){function a(a){e(this,a);this.light=false;this.interface="app";this.container=""}a.prototype.interfaceHandler=function(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")};a.prototype.componentWillLoad=function(){this.interfaceHandler()};a.prototype.updateProps=function(a,e){var t=this[e];if(t!==undefined){this.notifyComponents(a,(function(a){return a[e]=t}))}};a.prototype.notifyComponents=function(a,e){var t=this.element.querySelectorAll(a.join(", "));t.forEach((function(a){return e(a)}))};a.prototype.render=function(){var a;var e=b.block("navbar");return t(n,{key:"dddbbeaef348b9ff101743f71451f6d84ac72951",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class()),e.modifier("is-light").class(this.light))},t("nav",{key:"ba4bb4f5ea156b0a2b4ba5f54f8d80b41477ee6b",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},e.element("nav").class()),(a={container:true},a["is-".concat(this.container)]=this.container!=="",a))},t("slot",{key:"647ff400273d4cd92574d5f46aff07aad2b2c810"})))};Object.defineProperty(a.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{interface:["interfaceHandler"]}},enumerable:false,configurable:true});return a}());m.style=v;var _=a("bal_navbar_brand",function(){function a(a){e(this,a);this.balNavigate=r(this,"balNavigate",7);this.balWillAnimate=r(this,"balWillAnimate",7);this.balDidAnimate=r(this,"balDidAnimate",7);this.bodyScrollHandler=new l;this.isMenuActive=false;this.href="";this.target="_self";this.simple=false;this.logo=undefined;this.logoSize="";this.animated=true;this.interface="app"}a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){if(s.hasWindow&&window.matchMedia){window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.resetIsMenuActive=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(a.matches&&!this.simple){this.toggle(false)}return[2]}))}))};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(n){switch(n.label){case 0:this.isMenuActive=a;this.balWillAnimate.emit(this.isMenuActive);if(s.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(this.isMenuActive){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}e=this.el.closest("bal-navbar");if(!e)return[3,2];t=e.querySelector("bal-navbar-menu");if(!(t&&!this.simple))return[3,2];return[4,t.toggle(this.isMenuActive)];case 1:n.sent();n.label=2;case 2:this.balDidAnimate.emit(this.isMenuActive);return[2]}}))}))};a.prototype.onClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.toggle(!this.isMenuActive);return[2]}))}))};a.prototype.render=function(){var a=this;var e=b.block("navbar").element("brand");var i=this.logo?t("img",{class:Object.assign({},e.element("logo").class()),src:this.logo,alt:""}):t("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});return t(n,{key:"bd905e5548b3eba587403d1de9e19578caf654fe",class:Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class())},this.href?t("a",{href:this.href,target:this.target,onClick:function(e){return a.balNavigate.emit(e)}},i):i,t("span",{key:"e94ee28b3f46017080ebb7dfe03ffe62bfa721da",class:Object.assign({},e.element("title").class())},t("slot",{key:"faa690ef810fbb6444d577bc2aaad0412bbd1f92"})),t("bal-button",{key:"7ec55643796d5c32ea3cbbc70359100b5798ff66",class:Object.assign(Object.assign({},e.element("burger").class()),e.element("burger").modifier("hidden").class(this.interface==="simple")),color:"light",inverted:true,square:true,icon:this.isMenuActive?"close":"menu-bars",onClick:function(){return a.onClick()}}))};Object.defineProperty(a.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return a}());var p=a("bal_navbar_menu",function(){function a(a){e(this,a);this.isMenuActive=false;this.isTouch=u.isTouch;this.interface="app"}a.prototype.breakpointListener=function(a){this.isTouch=a.touch};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.isMenuActive=a;e=this.element.querySelector("bal-tabs");if(!e)return[3,2];return[4,f(e)];case 1:t.sent();e.renderLine();t.label=2;case 2:return[2]}}))}))};a.prototype.render=function(){var a;var e=b.block("navbar").element("menu");var i="";if(this.isTouch){var r=this.element.closest("bal-navbar");if(r){i=r.container}}return t(n,{key:"6b0a857bff0929177b51e75b2e5e26ad51d9dc6a",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(this.isMenuActive)),e.modifier("context-".concat(this.interface)).class()),(a={container:true},a["is-".concat(i)]=i!=="",a))},t("slot",{key:"e7919137bb34c15bc676a1617a79aac4111460fc"}))};Object.defineProperty(a.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return a}());o([d(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],p.prototype,"breakpointListener",null);var g=a("bal_navbar_menu_end",function(){function a(a){e(this,a);this.interface="app"}a.prototype.render=function(){var a=b.block("navbar").element("menu").element("end");return t(n,{key:"10aa16f437f428adf6cb21c276aa16230aaad041",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},t("slot",{key:"adadfb0d9bda6bb49613541c67bf9dced7a0ad4b"}))};return a}());var x=a("bal_navbar_menu_start",function(){function a(a){e(this,a);this.interface="app"}a.prototype.render=function(){var a=b.block("navbar").element("menu").element("start");return t(n,{key:"1d35806afa3206d429b351b9442375cd4a41133f",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},t("slot",{key:"35baeb64effd472c64a148fb77fa91a604078f36"}))};return a}())}}}));
1
+ var __awaiter=this&&this.__awaiter||function(a,e,t,n){function i(a){return a instanceof t?a:new t((function(e){e(a)}))}return new(t||(t=Promise))((function(t,r){function b(a){try{s(n.next(a))}catch(a){r(a)}}function l(a){try{s(n["throw"](a))}catch(a){r(a)}}function s(a){a.done?t(a.value):i(a.value).then(b,l)}s((n=n.apply(a,e||[])).next())}))};var __generator=this&&this.__generator||function(a,e){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,b;return b={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(b[Symbol.iterator]=function(){return this}),b;function l(a){return function(e){return s([a,e])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(b&&(b=0,l[0]&&(t=0)),t)try{if(n=1,i&&(r=l[0]&2?i["return"]:l[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,l[1])).done)return r;if(i=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;i=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){t.label=l[1];break}if(l[0]===6&&t.label<r[1]){t.label=r[1];r=l;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(l);break}if(r[2])t.ops.pop();t.trys.pop();continue}l=e.call(a,t)}catch(a){l=[6,a];i=0}finally{n=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-d67f7321.system.js","./p-db0895e2.system.js","./p-f19ea306.system.js","./p-a1f6e944.system.js","./p-6dbef894.system.js","./p-4d807f18.system.js","./p-b5152365.system.js","./p-de13d5c0.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-69313d59.system.js"],(function(a){"use strict";var e,t,n,i,r,b,l,s,o,c,f,u,d;return{setters:[function(a){e=a.r;t=a.h;n=a.H;i=a.g;r=a.c},function(a){b=a.B},function(a){l=a.B},function(a){s=a.b},function(a){o=a._;c=a.a},function(a){f=a.f},function(a){u=a.b},function(a){d=a.L},function(){},function(){},function(){},function(){},function(){}],execute:function(){var h=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";var v=h;var m=a("bal_navbar",function(){function a(a){e(this,a);this.light=false;this.interface="app";this.container=""}a.prototype.interfaceHandler=function(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")};a.prototype.componentWillLoad=function(){this.interfaceHandler()};a.prototype.updateProps=function(a,e){var t=this[e];if(t!==undefined){this.notifyComponents(a,(function(a){return a[e]=t}))}};a.prototype.notifyComponents=function(a,e){var t=this.element.querySelectorAll(a.join(", "));t.forEach((function(a){return e(a)}))};a.prototype.render=function(){var a;var e=b.block("navbar");return t(n,{key:"dddbbeaef348b9ff101743f71451f6d84ac72951",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class()),e.modifier("is-light").class(this.light))},t("nav",{key:"ba4bb4f5ea156b0a2b4ba5f54f8d80b41477ee6b",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},e.element("nav").class()),(a={container:true},a["is-".concat(this.container)]=this.container!=="",a))},t("slot",{key:"647ff400273d4cd92574d5f46aff07aad2b2c810"})))};Object.defineProperty(a.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{interface:["interfaceHandler"]}},enumerable:false,configurable:true});return a}());m.style=v;var _=a("bal_navbar_brand",function(){function a(a){e(this,a);this.balNavigate=r(this,"balNavigate",7);this.balWillAnimate=r(this,"balWillAnimate",7);this.balDidAnimate=r(this,"balDidAnimate",7);this.bodyScrollHandler=new l;this.isMenuActive=false;this.href="";this.target="_self";this.simple=false;this.logo=undefined;this.logoSize="";this.animated=true;this.interface="app"}a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){if(s.hasWindow&&window.matchMedia){window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.resetIsMenuActive=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(a.matches&&!this.simple){this.toggle(false)}return[2]}))}))};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(n){switch(n.label){case 0:this.isMenuActive=a;this.balWillAnimate.emit(this.isMenuActive);if(s.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(this.isMenuActive){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}e=this.el.closest("bal-navbar");if(!e)return[3,2];t=e.querySelector("bal-navbar-menu");if(!(t&&!this.simple))return[3,2];return[4,t.toggle(this.isMenuActive)];case 1:n.sent();n.label=2;case 2:this.balDidAnimate.emit(this.isMenuActive);return[2]}}))}))};a.prototype.onClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.toggle(!this.isMenuActive);return[2]}))}))};a.prototype.render=function(){var a=this;var e=b.block("navbar").element("brand");var i=this.logo?t("img",{class:Object.assign({},e.element("logo").class()),src:this.logo,alt:""}):t("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});return t(n,{key:"bd905e5548b3eba587403d1de9e19578caf654fe",class:Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class())},this.href?t("a",{href:this.href,target:this.target,onClick:function(e){return a.balNavigate.emit(e)}},i):i,t("span",{key:"e94ee28b3f46017080ebb7dfe03ffe62bfa721da",class:Object.assign({},e.element("title").class())},t("slot",{key:"faa690ef810fbb6444d577bc2aaad0412bbd1f92"})),t("bal-button",{key:"7ec55643796d5c32ea3cbbc70359100b5798ff66",class:Object.assign(Object.assign({},e.element("burger").class()),e.element("burger").modifier("hidden").class(this.interface==="simple")),color:"light",inverted:true,square:true,icon:this.isMenuActive?"close":"menu-bars",onClick:function(){return a.onClick()}}))};Object.defineProperty(a.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return a}());var p=a("bal_navbar_menu",function(){function a(a){e(this,a);this.isMenuActive=false;this.isTouch=u.isTouch;this.interface="app"}a.prototype.breakpointListener=function(a){this.isTouch=a.touch};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.isMenuActive=a;e=this.element.querySelector("bal-tabs");if(!e)return[3,2];return[4,f(e)];case 1:t.sent();e.renderLine();t.label=2;case 2:return[2]}}))}))};a.prototype.render=function(){var a;var e=b.block("navbar").element("menu");var i="";if(this.isTouch){var r=this.element.closest("bal-navbar");if(r){i=r.container}}return t(n,{key:"6b0a857bff0929177b51e75b2e5e26ad51d9dc6a",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(this.isMenuActive)),e.modifier("context-".concat(this.interface)).class()),(a={container:true},a["is-".concat(i)]=i!=="",a))},t("slot",{key:"e7919137bb34c15bc676a1617a79aac4111460fc"}))};Object.defineProperty(a.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return a}());o([d(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],p.prototype,"breakpointListener",null);var g=a("bal_navbar_menu_end",function(){function a(a){e(this,a);this.interface="app"}a.prototype.render=function(){var a=b.block("navbar").element("menu").element("end");return t(n,{key:"10aa16f437f428adf6cb21c276aa16230aaad041",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},t("slot",{key:"adadfb0d9bda6bb49613541c67bf9dced7a0ad4b"}))};return a}());var x=a("bal_navbar_menu_start",function(){function a(a){e(this,a);this.interface="app"}a.prototype.render=function(){var a=b.block("navbar").element("menu").element("start");return t(n,{key:"1d35806afa3206d429b351b9442375cd4a41133f",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},t("slot",{key:"35baeb64effd472c64a148fb77fa91a604078f36"}))};return a}())}}}));
@@ -1 +1 @@
1
- import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-2539ba43.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{L as c}from"./p-b77e3348.js";import{s as m}from"./p-63b52c0f.js";import{F as b}from"./p-ca119357.js";import{i as d,n as h,k as g,r as p}from"./p-33101c54.js";import{d as u}from"./p-f385e205.js";import{L as v}from"./p-af4c6af2.js";import{d as f,b as k,a as x,e as y,i as _,f as w,g as j,h as O}from"./p-50927d70.js";import{L as z}from"./p-1c09c9b0.js";import{L}from"./p-bbdc9f6e.js";import{L as F}from"./p-f23ce678.js";import{i as C}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-fb82a1e7.js";import"./p-96216bd1.js";import"./p-5d4c2ac9.js";const E=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.balChange=t(this,"balChange",7),this.balSelect=t(this,"balSelect",7),this.balVertical=t(this,"balVertical",7),this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())},this.focusedValue=void 0,this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=u,this.invalid=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.value=void 0}createLogger(e){this.log=e}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}listenToDidAnimate(e){if(e&&e.target&&d(e.target,this.el)){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=b.includes(e.key);let t,i=!1;if(f(e)||k(e)?(m(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):x(e)||y(e)?(m(e),t=this.getSegmentItem("previous")):_(e)||w(e)?(m(e),t=this.getSegmentItem("next")):j(e)?(m(e),t=this.getSegmentItem("first")):O(e)&&(m(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){h((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:c}=this,m=l.block("segment");return a(s,{key:"3554d8bc4b44417e273a935a70ae89ff87e26d45",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("invalid").class(e)),m.modifier("vertical").class(t)),m.modifier("scrollable").class(i)),m.modifier("keyboard").class(n)),m.modifier("disabled").class(c)),m.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{key:"9271b42436f9c30077a60bcef7847ac04d093052",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"],value:["valueChanged"]}}};r([c("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],E.prototype,"createLogger",null),r([z(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusInListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusOutListener",null),r([v("balWillAnimate",{target:"window"}),o("design:type",Function),o("design:paramtypes",[UIEvent]),o("design:returntype",void 0)],E.prototype,"listenToDidAnimate",null),r([F(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],E.prototype,"breakpointListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"windowResizeListener",null),r([v("keydown",{target:"document"}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"listenOnKeyDownOutside",null),r([v("keydown"),o("design:type",Function),o("design:paramtypes",[KeyboardEvent]),o("design:returntype",void 0)],E.prototype,"listenOnKeyDown",null),E.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let A=0;const D=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=A++,this.inputId=`bal-si-${this.internalId}`,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;e.length>0&&(this.isFocusable=e[0]===this.el)}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()},this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=u,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},C(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical)),h((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(p(e,"balSelect",this.updateState),p(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:c}=this,m=l.block("segment-item"),b=m.element("button"),d=m.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=c&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"6da240d029f07e7760a962e388998c9c94390d4a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(p)),m.modifier("disabled").class(g)),m.modifier("checked").class(e)),m.modifier("invalid").class(h)),m.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"b388ce322243a5f47831d0ef1a65b332c191045b",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checked").class(e)),b.modifier("invalid").class(h)),b.modifier("disabled").class(g)),b.modifier("focused").class(t)),b.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"d5ba38e05534eb5ea281cc81a4ad5686b1a4f69b",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},b.element("icon").class()),b.element("icon").modifier("animated").class(e)),b.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"4a23ae6b4562a685f77f800ff6aca3e5c5e8226e",space:"x-small",layout:"horizontal"},a("bal-content",{key:"a2fb5cf35391ca37fe328534a29cad6e41a7f8fb",space:"none"},a("bal-label",{key:"b3f633a9fe0ea22a71c05982af9dabc366c72495",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"badf00b587d14525f4cea6ceda85c7f67b1b216e",part:"slot",class:Object.assign({},b.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"375942fc35e764ef3d91d62a03d08c16165c595b",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"b3a0cf381958ad671555306484ca791e93cfe21e",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};D.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{E as bal_segment,D as bal_segment_item}
1
+ import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-2539ba43.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{L as c}from"./p-b77e3348.js";import{s as m}from"./p-63b52c0f.js";import{F as b}from"./p-ca119357.js";import{i as d,n as h,k as g,r as p}from"./p-33101c54.js";import{d as u}from"./p-f385e205.js";import{L as v}from"./p-af4c6af2.js";import{d as f,b as k,a as x,e as y,i as _,f as w,g as j,h as O}from"./p-50927d70.js";import{L as z}from"./p-1c09c9b0.js";import{L}from"./p-38eaad35.js";import{L as F}from"./p-512a273a.js";import{i as C}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-55d6475b.js";import"./p-96216bd1.js";import"./p-18a74018.js";const E=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.balChange=t(this,"balChange",7),this.balSelect=t(this,"balSelect",7),this.balVertical=t(this,"balVertical",7),this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())},this.focusedValue=void 0,this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=u,this.invalid=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.value=void 0}createLogger(e){this.log=e}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}listenToDidAnimate(e){if(e&&e.target&&d(e.target,this.el)){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=b.includes(e.key);let t,i=!1;if(f(e)||k(e)?(m(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):x(e)||y(e)?(m(e),t=this.getSegmentItem("previous")):_(e)||w(e)?(m(e),t=this.getSegmentItem("next")):j(e)?(m(e),t=this.getSegmentItem("first")):O(e)&&(m(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){h((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:c}=this,m=l.block("segment");return a(s,{key:"3554d8bc4b44417e273a935a70ae89ff87e26d45",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("invalid").class(e)),m.modifier("vertical").class(t)),m.modifier("scrollable").class(i)),m.modifier("keyboard").class(n)),m.modifier("disabled").class(c)),m.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{key:"9271b42436f9c30077a60bcef7847ac04d093052",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"],value:["valueChanged"]}}};r([c("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],E.prototype,"createLogger",null),r([z(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusInListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusOutListener",null),r([v("balWillAnimate",{target:"window"}),o("design:type",Function),o("design:paramtypes",[UIEvent]),o("design:returntype",void 0)],E.prototype,"listenToDidAnimate",null),r([F(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],E.prototype,"breakpointListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"windowResizeListener",null),r([v("keydown",{target:"document"}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"listenOnKeyDownOutside",null),r([v("keydown"),o("design:type",Function),o("design:paramtypes",[KeyboardEvent]),o("design:returntype",void 0)],E.prototype,"listenOnKeyDown",null),E.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let A=0;const D=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=A++,this.inputId=`bal-si-${this.internalId}`,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;e.length>0&&(this.isFocusable=e[0]===this.el)}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()},this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=u,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},C(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical)),h((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(p(e,"balSelect",this.updateState),p(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:c}=this,m=l.block("segment-item"),b=m.element("button"),d=m.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=c&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"6da240d029f07e7760a962e388998c9c94390d4a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(p)),m.modifier("disabled").class(g)),m.modifier("checked").class(e)),m.modifier("invalid").class(h)),m.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"b388ce322243a5f47831d0ef1a65b332c191045b",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checked").class(e)),b.modifier("invalid").class(h)),b.modifier("disabled").class(g)),b.modifier("focused").class(t)),b.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"d5ba38e05534eb5ea281cc81a4ad5686b1a4f69b",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},b.element("icon").class()),b.element("icon").modifier("animated").class(e)),b.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"4a23ae6b4562a685f77f800ff6aca3e5c5e8226e",space:"x-small",layout:"horizontal"},a("bal-content",{key:"a2fb5cf35391ca37fe328534a29cad6e41a7f8fb",space:"none"},a("bal-label",{key:"b3f633a9fe0ea22a71c05982af9dabc366c72495",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"badf00b587d14525f4cea6ceda85c7f67b1b216e",part:"slot",class:Object.assign({},b.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"375942fc35e764ef3d91d62a03d08c16165c595b",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"b3a0cf381958ad671555306484ca791e93cfe21e",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};D.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{E as bal_segment,D as bal_segment_item}
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(r,e,a,o){function n(r){return r instanceof a?r:new a((function(e){e(r)}))}return new(a||(a=Promise))((function(a,s){function t(r){try{l(o.next(r))}catch(r){s(r)}}function i(r){try{l(o["throw"](r))}catch(r){s(r)}}function l(r){r.done?a(r.value):n(r.value).then(t,i)}l((o=o.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,t;return t={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function i(r){return function(e){return l([r,e])}}function l(i){if(o)throw new TypeError("Generator is already executing.");while(t&&(t=0,i[0]&&(a=0)),a)try{if(o=1,n&&(s=i[0]&2?n["return"]:i[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,i[1])).done)return s;if(n=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;n=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){a.label=i[1];break}if(i[0]===6&&a.label<s[1]){a.label=s[1];s=i;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(i);break}if(s[2])a.ops.pop();a.trys.pop();continue}i=e.call(r,a)}catch(r){i=[6,r];n=0}finally{o=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-d67f7321.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-4d807f18.system.js","./p-79cd15b8.system.js","./p-8d2e3bc3.system.js","./p-852288a3.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-7c9bf66f.system.js"],(function(r){"use strict";var e,a,o,n,s,t,i,l,b,c,u;return{setters:[function(r){e=r.r;a=r.h;o=r.H;n=r.g},function(r){s=r._;t=r.a},function(r){i=r.B},function(r){l=r.n},function(r){b=r.b},function(r){c=r.L},function(r){u=r.L},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var g=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-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-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";var p=g;var d=r("bal_progress_bar",function(){function r(r){e(this,r);this.animated=true;this.isTouch=b.isTouch;this.value=0;this.background="white";this.color="primary"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.windowResizeListener=function(){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){var r=this;if(this.lineEl){l((function(){var e=r.el.clientWidth;var a=Math.max(0,Math.min(100,r.value));var o=e/100*a;r.lineEl.style.width="".concat(o,"px");if(a===100){r.lineEl.classList.add("bal-progress-bar__line--full")}else{r.lineEl.classList.remove("bal-progress-bar__line--full")}}))}};r.prototype.render=function(){var r=this;var e=i.block("progress-bar");var n=e.element("line");return a(o,{key:"ed3fb78efd402af40f4a56c4e1b0f33634506cb6","aria-hidden":"true",class:Object.assign(Object.assign({},e.class()),e.modifier("background-".concat(this.background,"-of-").concat(this.color)).class())},a("div",{key:"5c18e0082fd842c907d73e96ca84420e50f484b0",class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("color-".concat(this.color)).class()),n.modifier("animated").class(this.animated)),ref:function(e){return r.lineEl=e}}))};Object.defineProperty(r.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return r}());s([c(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",void 0)],d.prototype,"breakpointListener",null);s([u(),t("design:type",Function),t("design:paramtypes",[]),t("design:returntype",void 0)],d.prototype,"windowResizeListener",null);d.style=p}}}));
1
+ var __awaiter=this&&this.__awaiter||function(r,e,a,o){function n(r){return r instanceof a?r:new a((function(e){e(r)}))}return new(a||(a=Promise))((function(a,s){function t(r){try{l(o.next(r))}catch(r){s(r)}}function i(r){try{l(o["throw"](r))}catch(r){s(r)}}function l(r){r.done?a(r.value):n(r.value).then(t,i)}l((o=o.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,t;return t={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function i(r){return function(e){return l([r,e])}}function l(i){if(o)throw new TypeError("Generator is already executing.");while(t&&(t=0,i[0]&&(a=0)),a)try{if(o=1,n&&(s=i[0]&2?n["return"]:i[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,i[1])).done)return s;if(n=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;n=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){a.label=i[1];break}if(i[0]===6&&a.label<s[1]){a.label=s[1];s=i;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(i);break}if(s[2])a.ops.pop();a.trys.pop();continue}i=e.call(r,a)}catch(r){i=[6,r];n=0}finally{o=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-d67f7321.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-4d807f18.system.js","./p-b5152365.system.js","./p-de13d5c0.system.js","./p-56f5e6d1.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-69313d59.system.js"],(function(r){"use strict";var e,a,o,n,s,t,i,l,b,c,u;return{setters:[function(r){e=r.r;a=r.h;o=r.H;n=r.g},function(r){s=r._;t=r.a},function(r){i=r.B},function(r){l=r.n},function(r){b=r.b},function(r){c=r.L},function(r){u=r.L},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var g=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-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-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";var p=g;var d=r("bal_progress_bar",function(){function r(r){e(this,r);this.animated=true;this.isTouch=b.isTouch;this.value=0;this.background="white";this.color="primary"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.windowResizeListener=function(){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){var r=this;if(this.lineEl){l((function(){var e=r.el.clientWidth;var a=Math.max(0,Math.min(100,r.value));var o=e/100*a;r.lineEl.style.width="".concat(o,"px");if(a===100){r.lineEl.classList.add("bal-progress-bar__line--full")}else{r.lineEl.classList.remove("bal-progress-bar__line--full")}}))}};r.prototype.render=function(){var r=this;var e=i.block("progress-bar");var n=e.element("line");return a(o,{key:"ed3fb78efd402af40f4a56c4e1b0f33634506cb6","aria-hidden":"true",class:Object.assign(Object.assign({},e.class()),e.modifier("background-".concat(this.background,"-of-").concat(this.color)).class())},a("div",{key:"5c18e0082fd842c907d73e96ca84420e50f484b0",class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("color-".concat(this.color)).class()),n.modifier("animated").class(this.animated)),ref:function(e){return r.lineEl=e}}))};Object.defineProperty(r.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return r}());s([c(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",void 0)],d.prototype,"breakpointListener",null);s([u(),t("design:type",Function),t("design:paramtypes",[]),t("design:returntype",void 0)],d.prototype,"windowResizeListener",null);d.style=p}}}));
@@ -1 +1 @@
1
- System.register(["./p-79cd15b8.system.js"],(function(t){"use strict";var n;return{setters:[function(t){n=t.a}],execute:function(){t("L",u);function u(){return function(t,u,e){var i=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){n.attach(this);return i&&i.call(this)};t.disconnectedCallback=function(){n.detach(this);return r&&r.call(this)}}}}}}));
1
+ System.register(["./p-b5152365.system.js"],(function(t){"use strict";var n;return{setters:[function(t){n=t.a}],execute:function(){t("L",u);function u(){return function(t,u,e){var i=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){n.attach(this);return i&&i.call(this)};t.disconnectedCallback=function(){n.detach(this);return r&&r.call(this)}}}}}}));
@@ -1 +1 @@
1
- import{a as t}from"./p-2539ba43.js";import{b as s}from"./p-a65354df.js";import{d as e}from"./p-a19d1e1d.js";class i{constructor(t){this.options=t,this.container=null,this.queue=[],this.preQueue=[],this.queueLimit=5}create(t){if(s.hasDocument){this.setupContainer();const s=this.findClone(t);if(void 0===s){const s=document.createElement(this.options.tag);return Object.assign(s,t),s.addEventListener("balClose",(t=>{this.removeFromQueue(t.detail)})),this.preQueue.push(s),this.updateQueue(),s}return s}}setQueue(t){this.queueLimit=t}async dismissAll(){var t;const s=null===(t=this.container)||void 0===t?void 0:t.querySelectorAll(this.options.tag);if(s){const t=[];for(let e=0;e<s.length;e++){const i=s[e];i.close&&t.push(i.close())}await Promise.all(t)}}async clearAll(){return console.warn("[DEPRECATED] - use dismissAll() instead"),this.dismissAll()}findClone(t){for(let s=0;s<this.queue.length;s++){const e=this.queue[s];if(e.message===t.message&&e.color===t.color)return e}}setupContainer(){if(s.hasDocument){const t=`${this.options.tag}-container`;if(this.container=document.getElementById(t),this.container)return;this.container||(this.container=document.createElement("bal-notices"),this.container.setAttribute("interface",this.options.tag.replace("bal-","")),this.container.id=t),document.body.appendChild(this.container)}}updateQueue(){var t;if(this.queue.length<this.queueLimit){const t=this.preQueue.shift();t&&this.container&&(this.queue.push(t),this.container.insertAdjacentElement("beforeend",t))}0===this.queue.length&&(null===(t=this.container)||void 0===t||t.remove())}removeFromQueue(t){this.queue=this.queue.filter((s=>s.id!==t)),setTimeout((()=>this.updateQueue()),0)}}class r extends i{constructor(){super({tag:"bal-toast"})}create(t){return super.create(t)}}const n=new r;class h extends i{constructor(){super({tag:"bal-snackbar"})}create(t){return super.create(t)}}const o=new h,c="baloise-persist-config";class a{constructor(){this._componentObservers=[],this._observers=[],this._config=e}get locale(){return`${this._config.language}-${this._config.region}`}get region(){return this._config.region}set region(t){t!==this._config.region&&(this._config.region=t,this._notify())}get language(){return this._config.language}set language(t){t!==this._config.language&&(this._config.language=this._config.allowedLanguages.includes(t)?t:this._config.fallbackLanguage,this._notify())}get allowedLanguages(){return this._config.allowedLanguages}set allowedLanguages(t){t!==this._config.allowedLanguages&&(this._config.allowedLanguages=t,this._notify())}get icons(){return this._config.icons}set icons(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t),this._notify()}get logger(){return this._config.logger}set logger(t){this._config.logger=Object.assign({},t),this._notify()}get animated(){return this._config.animated}set animated(t){this._config.animated=t,this._notify()}get httpFormSubmit(){return this._config.httpFormSubmit}set httpFormSubmit(t){this._config.httpFormSubmit=t,this._notify()}attach(t){if(this._observers.includes(t))return console.log("Subject: Observer has been attached already.");this._observers.push(t),t.configChanged(this._config)}detach(t){const s=this._observers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._observers.splice(s,1)}attachComponent(t){if(this._componentObservers.includes(t))return console.log("Subject: Observer has been attached already.");this._componentObservers.push(t),t.configChanged(this._config)}detachComponent(t){const s=this._componentObservers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._componentObservers.splice(s,1)}toString(){return JSON.stringify(this._config)}reset(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)}),this._notify(!1)}_notify(t=!0){for(const t of this._componentObservers)t.configChanged(this._config);if(t)for(const t of this._observers)t.configChanged(this._config);s.hasWindow&&b(window,this._config)}}const u=new a,l=t=>{try{const s=t.sessionStorage.getItem(c);return null!==s?JSON.parse(s):{}}catch(t){return{}}},b=(t,s)=>{try{t.sessionStorage.setItem(c,JSON.stringify(s))}catch(t){return}},d=(t={},e={})=>{0===Object.keys(e).length&&s.hasWindow&&(e=window),e.BaloiseDesignSystem=e.BaloiseDesignSystem||{},u.reset(Object.assign(Object.assign(Object.assign({},l(e)),t),{icons:Object.assign(Object.assign({},l(e).icons),t.icons)})),e.BaloiseDesignSystem.config=u},f=(e={},i,r={})=>{0===Object.keys(r).length&&s.hasWindow&&(r=window),r.BaloiseDesignSystem=r.BaloiseDesignSystem||{},i&&t(i),d(Object.assign(Object.assign({},e),i),r),r.BaloiseDesignSystem.toastController=n,r.BaloiseDesignSystem.snackbarController=o,r.BaloiseDesignSystem.initialize=()=>d(r.BaloiseDesignSystem.config,r),r.BaloiseDesignSystem.version="17.1.0"};export{r as B,h as a,n as b,o as c,f as i,d as s}
1
+ import{a as t}from"./p-2539ba43.js";import{b as s}from"./p-a65354df.js";import{d as e}from"./p-a19d1e1d.js";class i{constructor(t){this.options=t,this.container=null,this.queue=[],this.preQueue=[],this.queueLimit=5}create(t){if(s.hasDocument){this.setupContainer();const s=this.findClone(t);if(void 0===s){const s=document.createElement(this.options.tag);return Object.assign(s,t),s.addEventListener("balClose",(t=>{this.removeFromQueue(t.detail)})),this.preQueue.push(s),this.updateQueue(),s}return s}}setQueue(t){this.queueLimit=t}async dismissAll(){var t;const s=null===(t=this.container)||void 0===t?void 0:t.querySelectorAll(this.options.tag);if(s){const t=[];for(let e=0;e<s.length;e++){const i=s[e];i.close&&t.push(i.close())}await Promise.all(t)}}async clearAll(){return console.warn("[DEPRECATED] - use dismissAll() instead"),this.dismissAll()}findClone(t){for(let s=0;s<this.queue.length;s++){const e=this.queue[s];if(e.message===t.message&&e.color===t.color)return e}}setupContainer(){if(s.hasDocument){const t=`${this.options.tag}-container`;if(this.container=document.getElementById(t),this.container)return;this.container||(this.container=document.createElement("bal-notices"),this.container.setAttribute("interface",this.options.tag.replace("bal-","")),this.container.id=t),document.body.appendChild(this.container)}}updateQueue(){var t;if(this.queue.length<this.queueLimit){const t=this.preQueue.shift();t&&this.container&&(this.queue.push(t),this.container.insertAdjacentElement("beforeend",t))}0===this.queue.length&&(null===(t=this.container)||void 0===t||t.remove())}removeFromQueue(t){this.queue=this.queue.filter((s=>s.id!==t)),setTimeout((()=>this.updateQueue()),0)}}class r extends i{constructor(){super({tag:"bal-toast"})}create(t){return super.create(t)}}const n=new r;class h extends i{constructor(){super({tag:"bal-snackbar"})}create(t){return super.create(t)}}const o=new h,c="baloise-persist-config";class a{constructor(){this._componentObservers=[],this._observers=[],this._config=e}get locale(){return`${this._config.language}-${this._config.region}`}get region(){return this._config.region}set region(t){t!==this._config.region&&(this._config.region=t,this._notify())}get language(){return this._config.language}set language(t){t!==this._config.language&&(this._config.language=this._config.allowedLanguages.includes(t)?t:this._config.fallbackLanguage,this._notify())}get allowedLanguages(){return this._config.allowedLanguages}set allowedLanguages(t){t!==this._config.allowedLanguages&&(this._config.allowedLanguages=t,this._notify())}get icons(){return this._config.icons}set icons(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t),this._notify()}get logger(){return this._config.logger}set logger(t){this._config.logger=Object.assign({},t),this._notify()}get animated(){return this._config.animated}set animated(t){this._config.animated=t,this._notify()}get httpFormSubmit(){return this._config.httpFormSubmit}set httpFormSubmit(t){this._config.httpFormSubmit=t,this._notify()}attach(t){if(this._observers.includes(t))return console.log("Subject: Observer has been attached already.");this._observers.push(t),t.configChanged(this._config)}detach(t){const s=this._observers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._observers.splice(s,1)}attachComponent(t){if(this._componentObservers.includes(t))return console.log("Subject: Observer has been attached already.");this._componentObservers.push(t),t.configChanged(this._config)}detachComponent(t){const s=this._componentObservers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._componentObservers.splice(s,1)}toString(){return JSON.stringify(this._config)}reset(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)}),this._notify(!1)}_notify(t=!0){for(const t of this._componentObservers)t.configChanged(this._config);if(t)for(const t of this._observers)t.configChanged(this._config);s.hasWindow&&b(window,this._config)}}const u=new a,l=t=>{try{const s=t.sessionStorage.getItem(c);return null!==s?JSON.parse(s):{}}catch(t){return{}}},b=(t,s)=>{try{t.sessionStorage.setItem(c,JSON.stringify(s))}catch(t){return}},d=(t={},e={})=>{0===Object.keys(e).length&&s.hasWindow&&(e=window),e.BaloiseDesignSystem=e.BaloiseDesignSystem||{},u.reset(Object.assign(Object.assign(Object.assign(Object.assign({},l(e)),(t=>{try{const s=JSON.parse(t.localStorage.getItem("baloise-animated"));return null!==s?{animated:s}:{}}catch(t){return{}}})(e)),t),{icons:Object.assign(Object.assign({},l(e).icons),t.icons)})),e.BaloiseDesignSystem.config=u},f=(e={},i,r={})=>{0===Object.keys(r).length&&s.hasWindow&&(r=window),r.BaloiseDesignSystem=r.BaloiseDesignSystem||{},i&&t(i),d(Object.assign(Object.assign({},e),i),r),r.BaloiseDesignSystem.toastController=n,r.BaloiseDesignSystem.snackbarController=o,r.BaloiseDesignSystem.initialize=()=>d(r.BaloiseDesignSystem.config,r),r.BaloiseDesignSystem.version="17.2.0"};export{r as B,h as a,n as b,o as c,f as i,d as s}
@@ -0,0 +1 @@
1
+ import{i as o}from"./p-e3167218.js";const s=function(){o()};export{s as g}