@baloise/ds-core 17.2.0 → 17.2.1-nightly.20241218

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 (208) hide show
  1. package/components/all.d.ts +2 -0
  2. package/components/all.js +3 -0
  3. package/components/bal-app.js +1 -93
  4. package/components/bal-app2.js +95 -0
  5. package/components/bal-carousel2.js +1 -1
  6. package/components/bal-close2.js +1 -1
  7. package/components/bal-date-calendar2.js +1 -1
  8. package/components/bal-date.js +1 -1
  9. package/components/bal-doc-app.d.ts +11 -0
  10. package/components/bal-doc-app.js +262 -0
  11. package/components/bal-input-date2.js +2 -2
  12. package/components/bal-list-item-accordion-body2.js +3 -3
  13. package/components/bal-pagination2.js +4 -4
  14. package/components/bal-segment.js +1 -1
  15. package/components/bal-stage-image.js +1 -1
  16. package/components/bal-tabs2.js +12 -14
  17. package/components/index.js +5 -304
  18. package/components/initialize.js +303 -0
  19. package/components/mutation.decorator.js +11 -13
  20. package/components/tokens.esm.js +1 -1
  21. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  22. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  23. package/dist/baloise-design-system/index.esm.js +1 -1
  24. package/dist/baloise-design-system/{p-eee34b1983.entry.js → p-012d9e742e.entry.js} +1 -1
  25. package/dist/baloise-design-system/{p-799a292492.entry.js → p-04979ee232.entry.js} +1 -1
  26. package/dist/baloise-design-system/p-153e72207a.entry.js +1 -0
  27. package/dist/baloise-design-system/{p-cc4dc17721.system.entry.js → p-18fbeec32d.system.entry.js} +1 -1
  28. package/dist/baloise-design-system/{p-aebb3198c4.system.entry.js → p-1cb1fb71d4.system.entry.js} +1 -1
  29. package/dist/baloise-design-system/{p-c045d5a57c.system.entry.js → p-20d7a74311.system.entry.js} +1 -1
  30. package/dist/baloise-design-system/{p-fd88b00c71.system.entry.js → p-2b2b1b7c93.system.entry.js} +1 -1
  31. package/dist/baloise-design-system/{p-8e244ba61a.entry.js → p-2cdc626e3f.entry.js} +1 -1
  32. package/dist/baloise-design-system/{p-e3a563de25.system.entry.js → p-374ce10b98.system.entry.js} +1 -1
  33. package/dist/baloise-design-system/{p-9f83acd71d.entry.js → p-39ad885d73.entry.js} +1 -1
  34. package/dist/baloise-design-system/{p-749fe3de.system.js → p-3cb1982c.system.js} +1 -1
  35. package/dist/baloise-design-system/p-3d1747bc.system.js +1 -0
  36. package/dist/baloise-design-system/{p-73efab2c3a.system.entry.js → p-42be32ba07.system.entry.js} +1 -1
  37. package/dist/baloise-design-system/{p-512a273a.js → p-4794d9aa.js} +1 -1
  38. package/dist/baloise-design-system/{p-d8fb982e61.system.entry.js → p-482fbfe677.system.entry.js} +1 -1
  39. package/dist/baloise-design-system/{p-4c8470249b.system.entry.js → p-5409f91b36.system.entry.js} +1 -1
  40. package/dist/baloise-design-system/{p-a7cf23072c.entry.js → p-5633d2268f.entry.js} +1 -1
  41. package/dist/baloise-design-system/p-576c7123.system.js +1 -0
  42. package/dist/baloise-design-system/{p-88be14c716.entry.js → p-5bbc6e33c0.entry.js} +1 -1
  43. package/dist/baloise-design-system/p-605cf17f30.entry.js +1 -0
  44. package/dist/baloise-design-system/{p-01cdb12b31.entry.js → p-63793834ec.entry.js} +1 -1
  45. package/dist/baloise-design-system/p-65b542bd.system.js +1 -1
  46. package/dist/baloise-design-system/{p-34b1a9a33b.entry.js → p-6a7e9ecb47.entry.js} +1 -1
  47. package/dist/baloise-design-system/{p-246e9e2585.system.entry.js → p-6b6a1e6e73.system.entry.js} +1 -1
  48. package/dist/baloise-design-system/{p-fb2a9f7542.system.entry.js → p-6da66e2b7e.system.entry.js} +1 -1
  49. package/dist/baloise-design-system/{p-5361e8255f.system.entry.js → p-7234f01079.system.entry.js} +1 -1
  50. package/dist/baloise-design-system/{p-749056f366.entry.js → p-775960260a.entry.js} +1 -1
  51. package/dist/baloise-design-system/{p-992c49c23e.system.entry.js → p-7d63b70a40.system.entry.js} +1 -1
  52. package/dist/baloise-design-system/{p-a68d21a21e.system.entry.js → p-83e1a5e2d8.system.entry.js} +1 -1
  53. package/dist/baloise-design-system/{p-c412a7d9f5.system.entry.js → p-85f853f154.system.entry.js} +1 -1
  54. package/dist/baloise-design-system/{p-38eaad35.js → p-87e8a649.js} +1 -1
  55. package/dist/baloise-design-system/{p-3c4bbee680.system.entry.js → p-8ef7318b76.system.entry.js} +1 -1
  56. package/dist/baloise-design-system/p-92a6c4407c.system.entry.js +1 -0
  57. package/dist/baloise-design-system/{p-9d3f7645.system.js → p-9ef02421.system.js} +1 -1
  58. package/dist/baloise-design-system/{p-737eb79c75.entry.js → p-a04605e550.entry.js} +1 -1
  59. package/dist/baloise-design-system/p-a24e650e.js +1 -0
  60. package/dist/baloise-design-system/p-a29f60e9.js +1 -0
  61. package/dist/baloise-design-system/{p-13e7a8817c.entry.js → p-a3d18d6e5c.entry.js} +1 -1
  62. package/dist/baloise-design-system/{p-b86876e144.entry.js → p-a6556b9bd0.entry.js} +1 -1
  63. package/dist/baloise-design-system/{p-30679d51bd.system.entry.js → p-ab64213bd1.system.entry.js} +1 -1
  64. package/dist/baloise-design-system/{p-c72669019f.system.entry.js → p-af956b48a1.system.entry.js} +1 -1
  65. package/dist/baloise-design-system/{p-8b8019c57c.entry.js → p-b715c1e68e.entry.js} +1 -1
  66. package/dist/baloise-design-system/{p-56f5e6d1.system.js → p-b79e4ef5.system.js} +1 -1
  67. package/dist/baloise-design-system/{p-55d6475b.js → p-b97dcbd9.js} +1 -1
  68. package/dist/baloise-design-system/{p-ba38ccde00.entry.js → p-ba0a53db6c.entry.js} +1 -1
  69. package/dist/baloise-design-system/{p-d1c71ad702.entry.js → p-c2c0d017b8.entry.js} +1 -1
  70. package/dist/baloise-design-system/{p-be6d3bde8f.entry.js → p-c486a8a8ed.entry.js} +1 -1
  71. package/dist/baloise-design-system/{p-de13d5c0.system.js → p-c4a29e1f.system.js} +1 -1
  72. package/dist/baloise-design-system/{p-faaf77375f.system.entry.js → p-c6ee7ff820.system.entry.js} +1 -1
  73. package/dist/baloise-design-system/p-ce674dca.js +1 -0
  74. package/dist/baloise-design-system/{p-4023b8977a.entry.js → p-cec4d35c92.entry.js} +1 -1
  75. package/dist/baloise-design-system/{p-34c50dfa1e.entry.js → p-dc032a0d49.entry.js} +1 -1
  76. package/dist/baloise-design-system/{p-ccee08eae1.system.entry.js → p-dc0b713dcb.system.entry.js} +1 -1
  77. package/dist/baloise-design-system/p-e3167218.js +1 -1
  78. package/dist/baloise-design-system/p-fabf47dd.system.js +1 -0
  79. package/dist/baloise-design-system/{p-b5152365.system.js → p-fdfe6d28.system.js} +1 -1
  80. package/dist/cjs/app-globals-d0a40f5b.js +7 -0
  81. package/dist/cjs/bal-carousel_2.cjs.entry.js +5 -5
  82. package/dist/cjs/bal-checkbox_2.cjs.entry.js +1 -1
  83. package/dist/cjs/bal-close.cjs.entry.js +1 -1
  84. package/dist/cjs/bal-date-calendar_2.cjs.entry.js +3 -3
  85. package/dist/cjs/bal-date.cjs.entry.js +1 -1
  86. package/dist/cjs/bal-doc-app.cjs.entry.js +233 -0
  87. package/dist/cjs/bal-field_5.cjs.entry.js +1 -1
  88. package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
  89. package/dist/cjs/bal-list_8.cjs.entry.js +6 -6
  90. package/dist/cjs/bal-logo.cjs.entry.js +3 -3
  91. package/dist/cjs/bal-nav_8.cjs.entry.js +4 -4
  92. package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
  93. package/dist/cjs/bal-pagination.cjs.entry.js +7 -7
  94. package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
  95. package/dist/cjs/bal-radio_2.cjs.entry.js +1 -1
  96. package/dist/cjs/bal-segment_2.cjs.entry.js +5 -5
  97. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  98. package/dist/cjs/bal-stage_6.cjs.entry.js +1 -1
  99. package/dist/cjs/bal-steps.cjs.entry.js +4 -4
  100. package/dist/cjs/bal-tab-item_2.cjs.entry.js +16 -18
  101. package/dist/cjs/baloise-design-system.cjs.js +3 -2
  102. package/dist/cjs/{breakpoints.decorator-8bde2bcf.js → breakpoints.decorator-1bb047c8.js} +1 -1
  103. package/dist/cjs/{breakpoints.subject-15687772.js → breakpoints.subject-28b3d733.js} +1 -1
  104. package/dist/cjs/{app-globals-661b320a.js → global-9176b6c7.js} +2 -4
  105. package/dist/cjs/index.cjs.js +2 -2
  106. package/dist/cjs/initialize-6421e1c1.js +1 -1
  107. package/dist/cjs/loader.cjs.js +3 -2
  108. package/dist/cjs/{mutation.decorator-d2ce6c1a.js → mutation.decorator-5ac1e198.js} +10 -12
  109. package/dist/cjs/{tokens.esm-bdae5d02.js → tokens.esm-635228ac.js} +1 -1
  110. package/dist/cjs/{window-resize.decorator-e1fbbe1f.js → window-resize.decorator-d77f1ae8.js} +1 -1
  111. package/dist/collection/collection-manifest.json +2 -1
  112. package/dist/collection/components/bal-carousel/bal-carousel.js +3 -3
  113. package/dist/collection/components/bal-close/bal-close.js +4 -4
  114. package/dist/collection/components/bal-date/bal-date-calendar/bal-date-calendar.js +1 -1
  115. package/dist/collection/components/bal-date/bal-date.js +3 -3
  116. package/dist/collection/components/bal-input/bal-input-date/bal-input-date.js +4 -4
  117. package/dist/collection/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.js +3 -3
  118. package/dist/collection/components/bal-pagination/bal-pagination.js +6 -6
  119. package/dist/collection/components/bal-segment/bal-segment.js +1 -1
  120. package/dist/collection/components/bal-stage/bal-stage-image/bal-stage-image.js +1 -1
  121. package/dist/collection/components/bal-tabs/bal-tabs.js +12 -14
  122. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
  123. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +229 -0
  124. package/dist/collection/utils/constants/version.constant.js +1 -1
  125. package/dist/collection/utils/mutation/mutation.subject.js +11 -13
  126. package/dist/esm/app-globals-10882328.js +5 -0
  127. package/dist/esm/bal-carousel_2.entry.js +5 -5
  128. package/dist/esm/bal-checkbox_2.entry.js +1 -1
  129. package/dist/esm/bal-close.entry.js +1 -1
  130. package/dist/esm/bal-date-calendar_2.entry.js +3 -3
  131. package/dist/esm/bal-date.entry.js +1 -1
  132. package/dist/esm/bal-doc-app.entry.js +229 -0
  133. package/dist/esm/bal-field_5.entry.js +1 -1
  134. package/dist/esm/bal-hint_5.entry.js +3 -3
  135. package/dist/esm/bal-list_8.entry.js +6 -6
  136. package/dist/esm/bal-logo.entry.js +3 -3
  137. package/dist/esm/bal-nav_8.entry.js +4 -4
  138. package/dist/esm/bal-navbar_5.entry.js +3 -3
  139. package/dist/esm/bal-pagination.entry.js +7 -7
  140. package/dist/esm/bal-progress-bar.entry.js +4 -4
  141. package/dist/esm/bal-radio_2.entry.js +1 -1
  142. package/dist/esm/bal-segment_2.entry.js +5 -5
  143. package/dist/esm/bal-shape.entry.js +1 -1
  144. package/dist/esm/bal-stage_6.entry.js +1 -1
  145. package/dist/esm/bal-steps.entry.js +4 -4
  146. package/dist/esm/bal-tab-item_2.entry.js +16 -18
  147. package/dist/esm/baloise-design-system.js +3 -2
  148. package/dist/esm/{breakpoints.decorator-7623ded8.js → breakpoints.decorator-67df716d.js} +1 -1
  149. package/dist/esm/{breakpoints.subject-ac2d9287.js → breakpoints.subject-23d0b623.js} +1 -1
  150. package/dist/esm/{app-globals-665b5c71.js → global-7dca4c85.js} +2 -4
  151. package/dist/esm/index.js +3 -3
  152. package/dist/esm/initialize-b9912138.js +1 -1
  153. package/dist/esm/loader.js +3 -2
  154. package/dist/esm/{mutation.decorator-985cc0a1.js → mutation.decorator-74831883.js} +11 -13
  155. package/dist/esm/{tokens.esm-44ff650d.js → tokens.esm-6e260a83.js} +1 -1
  156. package/dist/esm/{window-resize.decorator-ab11c379.js → window-resize.decorator-69b08b6f.js} +1 -1
  157. package/dist/esm-es5/app-globals-10882328.js +1 -0
  158. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  159. package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
  160. package/dist/esm-es5/bal-close.entry.js +1 -1
  161. package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
  162. package/dist/esm-es5/bal-date.entry.js +1 -1
  163. package/dist/esm-es5/bal-doc-app.entry.js +1 -0
  164. package/dist/esm-es5/bal-field_5.entry.js +1 -1
  165. package/dist/esm-es5/bal-hint_5.entry.js +1 -1
  166. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  167. package/dist/esm-es5/bal-logo.entry.js +1 -1
  168. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  169. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  170. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  171. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  172. package/dist/esm-es5/bal-radio_2.entry.js +1 -1
  173. package/dist/esm-es5/bal-segment_2.entry.js +1 -1
  174. package/dist/esm-es5/bal-shape.entry.js +1 -1
  175. package/dist/esm-es5/bal-stage_6.entry.js +1 -1
  176. package/dist/esm-es5/bal-steps.entry.js +1 -1
  177. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  178. package/dist/esm-es5/baloise-design-system.js +1 -1
  179. package/dist/esm-es5/{breakpoints.decorator-7623ded8.js → breakpoints.decorator-67df716d.js} +1 -1
  180. package/dist/esm-es5/{breakpoints.subject-ac2d9287.js → breakpoints.subject-23d0b623.js} +1 -1
  181. package/dist/esm-es5/global-7dca4c85.js +1 -0
  182. package/dist/esm-es5/index.js +1 -1
  183. package/dist/esm-es5/initialize-b9912138.js +1 -1
  184. package/dist/esm-es5/loader.js +1 -1
  185. package/dist/esm-es5/mutation.decorator-74831883.js +1 -0
  186. package/dist/esm-es5/{window-resize.decorator-ab11c379.js → window-resize.decorator-69b08b6f.js} +1 -1
  187. package/dist/types/components/bal-carousel/bal-carousel.d.ts +1 -2
  188. package/dist/types/components/bal-close/bal-close.d.ts +1 -2
  189. package/dist/types/components/bal-date/bal-date-calendar/bal-date-calendar.d.ts +1 -1
  190. package/dist/types/components/bal-date/bal-date.d.ts +1 -2
  191. package/dist/types/components/bal-input/bal-input-date/bal-input-date.d.ts +1 -1
  192. package/dist/types/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.d.ts +1 -1
  193. package/dist/types/components/bal-pagination/bal-pagination.d.ts +1 -2
  194. package/dist/types/components/bal-segment/bal-segment.d.ts +1 -1
  195. package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
  196. package/dist/types/components.d.ts +44 -7
  197. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
  198. package/package.json +7 -7
  199. package/dist/baloise-design-system/p-12a557557c.entry.js +0 -1
  200. package/dist/baloise-design-system/p-51380295.system.js +0 -1
  201. package/dist/baloise-design-system/p-738ca720.system.js +0 -1
  202. package/dist/baloise-design-system/p-950bd476.js +0 -1
  203. package/dist/baloise-design-system/p-e563e447.js +0 -1
  204. package/dist/esm-es5/app-globals-665b5c71.js +0 -1
  205. package/dist/esm-es5/mutation.decorator-985cc0a1.js +0 -1
  206. /package/dist/baloise-design-system/{p-69313d59.system.js → p-677e8807.system.js} +0 -0
  207. /package/dist/baloise-design-system/{p-18a74018.js → p-e5a54078.js} +0 -0
  208. /package/dist/esm-es5/{tokens.esm-44ff650d.js → tokens.esm-6e260a83.js} +0 -0
@@ -1 +1 @@
1
- import{h as e,r as t,c as a,H as s,g as o}from"./p-2539ba43.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{o as i}from"./p-33101c54.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{a as p}from"./p-00b37ea2.js";import{s as c}from"./p-63b52c0f.js";import{n as _}from"./p-06ecf846.js";import{b as d}from"./p-55d6475b.js";import{L as v}from"./p-950bd476.js";import{L as m}from"./p-512a273a.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-18a74018.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:r})=>{const l=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(`color-${a}`).class()),l.modifier("done").class(t.done)),l.modifier("active").class(t.active)),l.modifier("failed").class(t.failed)),l.modifier("disabled").class(t.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>r(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+k++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.isMobile=d.isMobile,this.store=[],this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,r=-1;const l=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(r+=1),Object.assign(Object.assign({},e),{passed:o,index:r}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},e("bal-carousel",{class:Object.assign({},a.element("carousel").class()),htmlRole:"",onBalChange:c,controls:"small","items-per-view":"auto",steps:3},l.filter((e=>!e.invisible)).map((t=>e("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier(`color-${this.color}`).class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};r([n("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],f.prototype,"createLogger",null),r([v({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],f.prototype,"mutationListener",null),r([m(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],f.prototype,"breakpointListener",null);let k=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-passed-background-light-blue)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-passed-background-purple)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-passed-background-red)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-passed-background-yellow)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-passed-background-green)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}
1
+ import{h as e,r as t,c as a,H as s,g as o}from"./p-2539ba43.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{o as i}from"./p-33101c54.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{a as p}from"./p-00b37ea2.js";import{s as c}from"./p-63b52c0f.js";import{n as _}from"./p-06ecf846.js";import{b as d}from"./p-b97dcbd9.js";import{L as v}from"./p-ce674dca.js";import{L as m}from"./p-4794d9aa.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-e5a54078.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:r})=>{const l=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(`color-${a}`).class()),l.modifier("done").class(t.done)),l.modifier("active").class(t.active)),l.modifier("failed").class(t.failed)),l.modifier("disabled").class(t.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>r(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+k++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.isMobile=d.isMobile,this.store=[],this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,r=-1;const l=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(r+=1),Object.assign(Object.assign({},e),{passed:o,index:r}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},e("bal-carousel",{class:Object.assign({},a.element("carousel").class()),htmlRole:"",onBalChange:c,controls:"small","items-per-view":"auto",steps:3},l.filter((e=>!e.invisible)).map((t=>e("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier(`color-${this.color}`).class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};r([n("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],f.prototype,"createLogger",null),r([v({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],f.prototype,"mutationListener",null),r([m(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],f.prototype,"breakpointListener",null);let k=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-passed-background-light-blue)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-passed-background-purple)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-passed-background-red)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-passed-background-yellow)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-passed-background-green)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s,H as a,g as e}from"./p-2539ba43.js";import{_ as h,a as n}from"./p-43c9f5e9.js";import{B as o,i as r}from"./p-8a73c9b8.js";import{B as l}from"./p-ae86d0a0.js";import{L as d}from"./p-b77e3348.js";import{i as p}from"./p-dd5e13d1.js";import{s as c}from"./p-63b52c0f.js";import{o as u}from"./p-33101c54.js";import{d as b}from"./p-f385e205.js";import{b as m}from"./p-0c51c999.js";import{L as y}from"./p-af4c6af2.js";import{d as f}from"./p-50927d70.js";import{d as g}from"./p-a19d1e1d.js";import{L as v}from"./p-69e7c8d6.js";import"./p-aafb6696.js";import"./p-a65354df.js";import"./p-2229e98e.js";const w=class{constructor(s){t(this,s),this.balInput=i(this,"balInput",7),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.balBlur=i(this,"balBlur",7),this.balFocus=i(this,"balFocus",7),this.balInputClick=i(this,"balInputClick",7),this.balIconClick=i(this,"balIconClick",7),this.balPopoverPrepare=i(this,"balPopoverPrepare",7),this.inputId="bal-da-"+j++,this.inheritedAttributes={},this.onIconClick=async()=>{this.triggerIcon?await this.toggle():await this.open()},this.onInputClick=async()=>{this.triggerIcon||await this.open()},this.onCalendarChange=t=>{c(t),this.value=t.detail,this.balChange.emit(this.value),this.closeOnSelect&&this.close()},this.onInputInput=t=>{if(c(t),this.balInput.emit(t.detail),t.detail){const i=o.fromAnyFormat(t.detail);i.isValid&&(this.calendarValue=i.toISODate())}},this.onInputChange=t=>{c(t),this.value=t.detail,this.balChange.emit(this.value)},this.onInputFocus=t=>{c(t),this.balFocus.emit(t.detail)},this.onInputBlur=t=>{c(t),this.balBlur.emit(t.detail)},this.onKeyPress=async({detail:t})=>{f(t)&&!this.triggerIcon&&(this.isExpanded?await this.close():await this.open())},this.isExpanded=!1,this.language=g.language,this.calendarValue=void 0,this.ariaForm=b,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.freeSolo=!1,this.placeholder=void 0,this.triggerIcon=!1,this.closeOnSelect=!0,this.autocomplete="off",this.value=void 0,this.min=void 0,this.max=void 0,this.minYearProp=void 0,this.maxYearProp=void 0,this.defaultDate=void 0,this.allowedDates=void 0,this.allowInvalidValue=!1,this.debounce=0,this.autoInvalidOff=!1}createLogger(t){this.log=t}valueChanged(){this.calendarValue=this.value}debounceChanged(){this.balChange=u(this.balChange,this.debounce)}connectedCallback(){this.valueChanged()}componentWillLoad(){this.inheritedAttributes=p(this.el,["aria-label","tabindex","title"])}async listenToKeydown(t){!this.isExpanded||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),await this.close())}async listenOnKeyup(t){"Tab"===t.key&&!this.el.contains(document.activeElement)&&this.isExpanded&&await this.close()}async listenOnclick(t){this.isExpanded&&!this.el.contains(t.target)&&await this.close()}async listenOnPopoverPrepare(t){this.inputId!==t.detail&&await this.close()}async configChanged(t){this.language=t.language}async open(){return this.expand()}async close(){return this.collapse()}async toggle(){return this.isExpanded?this.collapse():this.expand()}async select(t){const i=o.fromISO(t);i.isValid&&(this.value=i.toISODate(),this.calendarValue=this.value)}async setFocus(){var t;null===(t=this.inputEl)||void 0===t||t.setFocus()}async setBlur(){var t;null===(t=this.inputEl)||void 0===t||t.setBlur()}async getInputElement(){var t;return null===(t=this.inputEl)||void 0===t?void 0:t.getInputElement()}async setAriaForm(t){var i;this.ariaForm=Object.assign({},t),null===(i=this.inputEl)||void 0===i||i.setAriaForm(t)}async expand(){if(this.referenceEl&&this.floatingEl){const t=await m.load();this.balPopoverPrepare.emit(this.inputId),this.balWillAnimate.emit(),this.isExpanded=!0,this.popupCleanup=t.autoUpdate(this.referenceEl,this.floatingEl,(()=>{this.updatePosition(this.referenceEl,this.floatingEl)}))}return this.isExpanded}async collapse(){return this.floatingEl&&(this.balWillAnimate.emit(),this.isExpanded=!1,this.popupCleanup&&this.popupCleanup(),this.balDidAnimate.emit()),this.isExpanded}async updatePosition(t,i){const s=await m.load();s.computePosition(t,i,{placement:"bottom-start",middleware:[s.offset(4),s.flip({crossAxis:!1})]}).then((({x:t,y:s})=>{Object.assign(i.style,{left:`${t}px`,top:`${s}px`}),this.balDidAnimate.emit()}))}render(){const t=l.block("date"),i=t.element("icon"),e=t.element("popup");return s(a,{key:"71ecc523323aea5b610663af71761730cafdf72d",id:this.inputId,class:Object.assign({},t.class())},s("bal-input-group",{key:"fac9940b61f22766e728f2025491f1d743b65a04",invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,ref:t=>this.referenceEl=t},s("bal-input-date",Object.assign({key:"9ff8ef04e188c3492419029967aedbb47f6cd80d",name:this.name,required:this.required,placeholder:this.placeholder,value:this.value,min:this.min,max:this.max,invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,allowInvalidValue:this.allowInvalidValue,autocomplete:this.autocomplete,onClick:this.onInputClick,onBalInput:this.onInputInput,onBalChange:this.onInputChange,onBalFocus:this.onInputFocus,onBalBlur:this.onInputBlur,onBalKeyPress:this.onKeyPress,ref:t=>this.inputEl=t},this.inheritedAttributes)),this.freeSolo?"":s("bal-icon",{name:"date",role:"button",tabindex:-1,class:Object.assign(Object.assign({},i.class()),i.modifier("clickable").class(!this.disabled&&!this.readonly)),"is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",onClick:this.onIconClick,"aria-label":r[this.language].toggleDatepicker,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false"})),s("div",{key:"a693f4ce01308178268a00e31ef08a052d1972b2",role:"dialog",class:Object.assign(Object.assign({},e.class()),e.modifier("visible").class(this.isExpanded)),ref:t=>this.floatingEl=t,"aria-hidden":`${!0!==this.isExpanded}`,"aria-presented":`${!0===this.isExpanded}`},s("bal-date-calendar",{key:"8ac00879f736c54cb7662cd9811c44cdc80859ff",value:this.calendarValue,min:this.min,max:this.max,minYearProp:this.minYearProp,maxYearProp:this.maxYearProp,defaultDate:this.defaultDate,allowedDates:this.allowedDates,onBalChange:this.onCalendarChange})))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],debounce:["debounceChanged"]}}};h([d("bal-date"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],w.prototype,"createLogger",null),h([y("keydown",{target:"window"}),n("design:type",Function),n("design:paramtypes",[KeyboardEvent]),n("design:returntype",Promise)],w.prototype,"listenToKeydown",null),h([y("keyup",{target:"window"}),n("design:type",Function),n("design:paramtypes",[KeyboardEvent]),n("design:returntype",Promise)],w.prototype,"listenOnKeyup",null),h([y("click",{target:"document"}),n("design:type",Function),n("design:paramtypes",[UIEvent]),n("design:returntype",Promise)],w.prototype,"listenOnclick",null),h([y("balPopoverPrepare",{target:"document"}),n("design:type",Function),n("design:paramtypes",[CustomEvent]),n("design:returntype",Promise)],w.prototype,"listenOnPopoverPrepare",null),h([v(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],w.prototype,"configChanged",null);let j=0;w.style=":root{--bal-date-popup-z-index:var(--bal-z-index-tooltip);--bal-date-popup-shadow:var(--bal-shadow-normal);--bal-date-popup-radius:var(--bal-radius-normal)}:root{--bal-z-index-tooltip:1300}.bal-date{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-date__icon--clickable{cursor:pointer}.bal-date__popup{display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;z-index:var(--bal-date-popup-z-index);-webkit-box-shadow:var(--bal-date-popup-shadow);box-shadow:var(--bal-date-popup-shadow);border-radius:var(--bal-date-popup-radius)}.bal-date__popup--visible{display:block}";export{w as bal_date}
1
+ import{r as t,c as i,h as s,H as a,g as e}from"./p-2539ba43.js";import{_ as h,a as n}from"./p-43c9f5e9.js";import{B as o,i as r}from"./p-8a73c9b8.js";import{B as d}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{i as p}from"./p-dd5e13d1.js";import{s as c}from"./p-63b52c0f.js";import{o as u}from"./p-33101c54.js";import{d as b}from"./p-f385e205.js";import{b as m}from"./p-0c51c999.js";import{L as y}from"./p-af4c6af2.js";import{d as f}from"./p-50927d70.js";import{d as g}from"./p-a19d1e1d.js";import{L as v}from"./p-69e7c8d6.js";import"./p-aafb6696.js";import"./p-a65354df.js";import"./p-2229e98e.js";const w=class{constructor(s){t(this,s),this.balInput=i(this,"balInput",7),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.balBlur=i(this,"balBlur",7),this.balFocus=i(this,"balFocus",7),this.balInputClick=i(this,"balInputClick",7),this.balIconClick=i(this,"balIconClick",7),this.balPopoverPrepare=i(this,"balPopoverPrepare",7),this.inputId="bal-da-"+j++,this.inheritedAttributes={},this.onIconClick=async()=>{this.triggerIcon?await this.toggle():await this.open()},this.onInputClick=async()=>{this.triggerIcon||await this.open()},this.onCalendarChange=t=>{c(t),this.value=t.detail,this.balChange.emit(this.value),this.closeOnSelect&&this.close()},this.onInputInput=t=>{if(c(t),this.balInput.emit(t.detail),t.detail){const i=o.fromAnyFormat(t.detail);i.isValid&&(this.calendarValue=i.toISODate())}},this.onInputChange=t=>{c(t),this.value=t.detail,this.balChange.emit(this.value)},this.onInputFocus=t=>{c(t),this.balFocus.emit(t.detail)},this.onInputBlur=t=>{c(t),this.balBlur.emit(t.detail)},this.onKeyPress=async({detail:t})=>{f(t)&&!this.triggerIcon&&(this.isExpanded?await this.close():await this.open())},this.isExpanded=!1,this.language=g.language,this.calendarValue=void 0,this.ariaForm=b,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.freeSolo=!1,this.placeholder=void 0,this.triggerIcon=!1,this.closeOnSelect=!0,this.autocomplete="off",this.value=void 0,this.min=void 0,this.max=void 0,this.minYearProp=void 0,this.maxYearProp=void 0,this.defaultDate=void 0,this.allowedDates=void 0,this.allowInvalidValue=!1,this.debounce=0,this.autoInvalidOff=!1}createLogger(t){this.log=t}valueChanged(){this.calendarValue=this.value}debounceChanged(){this.balChange=u(this.balChange,this.debounce)}connectedCallback(){this.valueChanged()}componentWillLoad(){this.inheritedAttributes=p(this.el,["aria-label","tabindex","title"])}async listenToKeydown(t){!this.isExpanded||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),await this.close())}async listenOnKeyup(t){"Tab"===t.key&&!this.el.contains(document.activeElement)&&this.isExpanded&&await this.close()}async listenOnclick(t){this.isExpanded&&!this.el.contains(t.target)&&await this.close()}async listenOnPopoverPrepare(t){this.inputId!==t.detail&&await this.close()}async configChanged(t){this.language=t.language}async open(){return this.expand()}async close(){return this.collapse()}async toggle(){return this.isExpanded?this.collapse():this.expand()}async select(t){const i=o.fromISO(t);i.isValid&&(this.value=i.toISODate(),this.calendarValue=this.value)}async setFocus(){var t;null===(t=this.inputEl)||void 0===t||t.setFocus()}async setBlur(){var t;null===(t=this.inputEl)||void 0===t||t.setBlur()}async getInputElement(){var t;return null===(t=this.inputEl)||void 0===t?void 0:t.getInputElement()}async setAriaForm(t){var i;this.ariaForm=Object.assign({},t),null===(i=this.inputEl)||void 0===i||i.setAriaForm(t)}async expand(){if(this.referenceEl&&this.floatingEl){const t=await m.load();this.balPopoverPrepare.emit(this.inputId),this.balWillAnimate.emit(),this.isExpanded=!0,this.popupCleanup=t.autoUpdate(this.referenceEl,this.floatingEl,(()=>{this.updatePosition(this.referenceEl,this.floatingEl)}))}return this.isExpanded}async collapse(){return this.floatingEl&&(this.balWillAnimate.emit(),this.isExpanded=!1,this.popupCleanup&&this.popupCleanup(),this.balDidAnimate.emit()),this.isExpanded}async updatePosition(t,i){const s=await m.load();s.computePosition(t,i,{placement:"bottom-start",middleware:[s.offset(4),s.flip({crossAxis:!1})]}).then((({x:t,y:s})=>{Object.assign(i.style,{left:`${t}px`,top:`${s}px`}),this.balDidAnimate.emit()}))}render(){const t=d.block("date"),i=t.element("icon"),e=t.element("popup");return s(a,{key:"0cff526d6fd1f6855de72ec6b8515a0cd7132f71",id:this.inputId,class:Object.assign({},t.class())},s("bal-input-group",{key:"e7309e15124f27a90a977cccb8ee7b03052ce450",invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,ref:t=>this.referenceEl=t},s("bal-input-date",Object.assign({key:"6e344882e69619d3cc26bdb29601f417de5cf4fe",name:this.name,required:this.required,placeholder:this.placeholder,value:this.value,min:this.min,max:this.max,invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,allowInvalidValue:this.allowInvalidValue,autocomplete:this.autocomplete,onClick:this.onInputClick,onBalInput:this.onInputInput,onBalChange:this.onInputChange,onBalFocus:this.onInputFocus,onBalBlur:this.onInputBlur,onBalKeyPress:this.onKeyPress,ref:t=>this.inputEl=t},this.inheritedAttributes)),this.freeSolo?"":s("bal-icon",{name:"date",role:"button",tabindex:-1,class:Object.assign(Object.assign({},i.class()),i.modifier("clickable").class(!this.disabled&&!this.readonly)),"is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",onClick:this.onIconClick,"aria-label":r[this.language].toggleDatepicker,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false"})),s("div",{key:"4de1fda8322aa577c9f178f8183f0584591bb280",role:"dialog",class:Object.assign(Object.assign({},e.class()),e.modifier("visible").class(this.isExpanded)),ref:t=>this.floatingEl=t,"aria-hidden":`${!0!==this.isExpanded}`,"aria-presented":`${!0===this.isExpanded}`},s("bal-date-calendar",{key:"c29fae49306412def5c835457c17224f93d4144d",value:this.calendarValue,min:this.min,max:this.max,minYearProp:this.minYearProp,maxYearProp:this.maxYearProp,defaultDate:this.defaultDate,allowedDates:this.allowedDates,onBalChange:this.onCalendarChange})))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],debounce:["debounceChanged"]}}};h([l("bal-date"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],w.prototype,"createLogger",null),h([y("keydown",{target:"window"}),n("design:type",Function),n("design:paramtypes",[KeyboardEvent]),n("design:returntype",Promise)],w.prototype,"listenToKeydown",null),h([y("keyup",{target:"window"}),n("design:type",Function),n("design:paramtypes",[KeyboardEvent]),n("design:returntype",Promise)],w.prototype,"listenOnKeyup",null),h([y("click",{target:"document"}),n("design:type",Function),n("design:paramtypes",[UIEvent]),n("design:returntype",Promise)],w.prototype,"listenOnclick",null),h([y("balPopoverPrepare",{target:"document"}),n("design:type",Function),n("design:paramtypes",[CustomEvent]),n("design:returntype",Promise)],w.prototype,"listenOnPopoverPrepare",null),h([v(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],w.prototype,"configChanged",null);let j=0;w.style=":root{--bal-date-popup-z-index:var(--bal-z-index-tooltip);--bal-date-popup-shadow:var(--bal-shadow-normal);--bal-date-popup-radius:var(--bal-radius-normal)}:root{--bal-z-index-tooltip:1300}.bal-date{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-date__icon--clickable{cursor:pointer}.bal-date__popup{display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;z-index:var(--bal-date-popup-z-index);-webkit-box-shadow:var(--bal-date-popup-shadow);box-shadow:var(--bal-date-popup-shadow);border-radius:var(--bal-date-popup-radius)}.bal-date__popup--visible{display:block}";export{w as bal_date}
@@ -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-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
+ 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-fdfe6d28.system.js","./p-c4a29e1f.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-677e8807.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{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}
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.1-nightly.20241218"};export{r as B,h as a,n as b,o as c,f as i,d as s}
@@ -0,0 +1 @@
1
+ System.register(["./p-9ef02421.system.js"],(function(t){"use strict";var e;return{setters:[function(t){e=t.g}],execute:function(){var s=t("g",e)}}}));
@@ -1 +1 @@
1
- var __extends=this&&this.__extends||function(){var t=function(e,n){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))t[n]=e[n]};return t(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");t(e,n);function i(){this.constructor=e}e.prototype=n===null?Object.create(n):(i.prototype=n.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,u){function s(t){try{f(i.next(t))}catch(t){u(t)}}function o(t){try{f(i["throw"](t))}catch(t){u(t)}}function f(t){t.done?n(t.value):r(t.value).then(s,o)}f((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},i,r,u,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return f([t,e])}}function f(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)try{if(i=1,r&&(u=o[0]&2?r["return"]:o[0]?r["throw"]||((u=r["return"])&&u.call(r),0):r.next)&&!(u=u.call(r,o[1])).done)return u;if(r=0,u)o=[o[0]&2,u.value];switch(o[0]){case 0:case 1:u=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(u=n.trys,u=u.length>0&&u[u.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!u||o[1]>u[0]&&o[1]<u[3])){n.label=o[1];break}if(o[0]===6&&n.label<u[1]){n.label=u[1];u=o;break}if(u&&n.label<u[2]){n.label=u[2];n.ops.push(o);break}if(u[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(t){o=[6,t];r=0}finally{i=u=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-4d807f18.system.js","./p-a1f6e944.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-69313d59.system.js"],(function(t){"use strict";var e,n,i,r,u,s,o,f,c,a,h,l;return{setters:[function(t){e=t.j;n=t.k;i=t.r},function(t){r=t.b},function(t){u=t.b},function(t){s=t.L;o=t.S},function(t){f=t.b;c=t.a;a=t.c;h=t.d;l=t.e}],execute:function(){var b=function(){function t(t){if(t===void 0){t={}}this.previousWidth=r.window.width;this.previousHeight=r.window.height;this.previousIsLandscape=this.isLandscape;this.options={onlyListenToWidthChanges:false};this.options=Object.assign(Object.assign({},this.options),t)}t.prototype.hasResized=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(u.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape){this.resetPreviousValues();return[2,true]}}else{if(this.options.onlyListenToWidthChanges){if(!this.sameWidth){this.resetPreviousValues();return[2,true]}}else{if(!this.sameWidth||!this.sameHeight){this.resetPreviousValues();return[2,true]}}}return[2,false]}))}))};Object.defineProperty(t.prototype,"isLandscape",{get:function(){return r.window.width>r.window.height},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"sameWidth",{get:function(){return this.previousWidth===r.window.width},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"sameHeight",{get:function(){return this.previousHeight===r.window.height},enumerable:false,configurable:true});t.prototype.resetPreviousValues=function(){this.previousWidth=r.window.width;this.previousHeight=r.window.height;this.previousIsLandscape=this.isLandscape};return t}();var v=function(t){__extends(r,t);function r(){var n=t.apply(this,arguments)||this;n.resizeHandler=new b({onlyListenToWidthChanges:true});n.debouncedNotify=e((function(){return n.notify()}),100);n.notify=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.resizeHandler.hasResized()];case 1:if(e.sent()){t.prototype.notify.call(this,undefined)}return[2]}}))}))};return n}r.prototype.connect=function(e){t.prototype.connect.call(this,e);if(this.el){n(this.el,"resize",this.debouncedNotify,{passive:true})}};r.prototype.disconnect=function(){t.prototype.disconnect.call(this);if(this.el){i(this.el,"resize",this.debouncedNotify)}};return r}(s);t("B",v);var d=function(t){return parseInt(t.slice(0,-2),10)};var g=d(l);var w=d(f);var m=d(c);var _=d(a);var j=d(h);var y=function(t){var e=t.innerWidth;return e<g};var p=function(t){var e=t.innerWidth;return e>=g&&e<w};var O=function(t){return y(t)||p(t)};var k=function(t){return!O(t)};var D=function(t){var e=t.innerWidth;return e>=m&&e<_};var x=function(t){var e=t.innerWidth;return e>=_&&e<j};var S=function(t){var e=t.innerWidth;return e>=j};var T={mobile:y,tablet:p,touch:O,desktop:k,highDefinition:D,widescreen:x,fullhd:S};var W=function(){function t(){this.breakpoints=[];if(r.hasWindow){this.win=window;this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{};this.detect()}}Object.defineProperty(t.prototype,"isMobile",{get:function(){return this.includes("mobile")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTablet",{get:function(){return this.includes("tablet")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTouch",{get:function(){return this.includes("touch")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isDesktop",{get:function(){return this.includes("desktop")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isHighDefinition",{get:function(){return this.includes("highDefinition")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isWidescreen",{get:function(){return this.includes("widescreen")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isFullHD",{get:function(){return this.includes("fullhd")},enumerable:false,configurable:true});t.prototype.includes=function(t){var e;this.detect();return!!((e=this.breakpoints)===null||e===void 0?void 0:e.includes(t))};t.prototype.detect=function(){var t=this;if(this.win){this.breakpoints=Object.keys(T).filter((function(e){return T[e](t.win)}));this.win.BaloiseDesignSystem.breakpoints=this.breakpoints;this.win.BaloiseDesignSystem.platforms=this.breakpoints}return this.breakpoints};t.prototype.toObject=function(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}};return t}();t("d",W);var C=t("b",new W);var H={mobile:false,tablet:false,touch:false,desktop:false,highDefinition:false,widescreen:false,fullhd:false};var L=function(t){__extends(n,t);function n(){var n=t.call(this,(function(t){return t.breakpointListener(n.state)}))||this;n.state=H;n.listener=new v;n.debouncedNotify=e((function(){return n.notify()}),50);n.listener.connect();n.listener.add((function(){C.detect();var t=C.toObject();if(!n.isEqual(t)){n.state=t;n.debouncedNotify()}}));return n}n.prototype.attach=function(e){t.prototype.attach.call(this,e);C.detect();var n=C.toObject();if(!this.isEqual(n)){this.state=n;this.debouncedNotify()}};n.prototype.isEqual=function(t){return JSON.stringify(this.state)===JSON.stringify(t)};return n}(o);t("c",L);var z=t("a",new L)}}}));
1
+ var __extends=this&&this.__extends||function(){var t=function(e,n){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))t[n]=e[n]};return t(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");t(e,n);function i(){this.constructor=e}e.prototype=n===null?Object.create(n):(i.prototype=n.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,u){function s(t){try{f(i.next(t))}catch(t){u(t)}}function o(t){try{f(i["throw"](t))}catch(t){u(t)}}function f(t){t.done?n(t.value):r(t.value).then(s,o)}f((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},i,r,u,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return f([t,e])}}function f(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)try{if(i=1,r&&(u=o[0]&2?r["return"]:o[0]?r["throw"]||((u=r["return"])&&u.call(r),0):r.next)&&!(u=u.call(r,o[1])).done)return u;if(r=0,u)o=[o[0]&2,u.value];switch(o[0]){case 0:case 1:u=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(u=n.trys,u=u.length>0&&u[u.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!u||o[1]>u[0]&&o[1]<u[3])){n.label=o[1];break}if(o[0]===6&&n.label<u[1]){n.label=u[1];u=o;break}if(u&&n.label<u[2]){n.label=u[2];n.ops.push(o);break}if(u[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(t){o=[6,t];r=0}finally{i=u=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-4d807f18.system.js","./p-a1f6e944.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-677e8807.system.js"],(function(t){"use strict";var e,n,i,r,u,s,o,f,c,a,h,l;return{setters:[function(t){e=t.j;n=t.k;i=t.r},function(t){r=t.b},function(t){u=t.b},function(t){s=t.L;o=t.S},function(t){f=t.b;c=t.a;a=t.c;h=t.d;l=t.e}],execute:function(){var b=function(){function t(t){if(t===void 0){t={}}this.previousWidth=r.window.width;this.previousHeight=r.window.height;this.previousIsLandscape=this.isLandscape;this.options={onlyListenToWidthChanges:false};this.options=Object.assign(Object.assign({},this.options),t)}t.prototype.hasResized=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(u.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape){this.resetPreviousValues();return[2,true]}}else{if(this.options.onlyListenToWidthChanges){if(!this.sameWidth){this.resetPreviousValues();return[2,true]}}else{if(!this.sameWidth||!this.sameHeight){this.resetPreviousValues();return[2,true]}}}return[2,false]}))}))};Object.defineProperty(t.prototype,"isLandscape",{get:function(){return r.window.width>r.window.height},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"sameWidth",{get:function(){return this.previousWidth===r.window.width},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"sameHeight",{get:function(){return this.previousHeight===r.window.height},enumerable:false,configurable:true});t.prototype.resetPreviousValues=function(){this.previousWidth=r.window.width;this.previousHeight=r.window.height;this.previousIsLandscape=this.isLandscape};return t}();var v=function(t){__extends(r,t);function r(){var n=t.apply(this,arguments)||this;n.resizeHandler=new b({onlyListenToWidthChanges:true});n.debouncedNotify=e((function(){return n.notify()}),100);n.notify=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.resizeHandler.hasResized()];case 1:if(e.sent()){t.prototype.notify.call(this,undefined)}return[2]}}))}))};return n}r.prototype.connect=function(e){t.prototype.connect.call(this,e);if(this.el){n(this.el,"resize",this.debouncedNotify,{passive:true})}};r.prototype.disconnect=function(){t.prototype.disconnect.call(this);if(this.el){i(this.el,"resize",this.debouncedNotify)}};return r}(s);t("B",v);var d=function(t){return parseInt(t.slice(0,-2),10)};var g=d(l);var w=d(f);var m=d(c);var _=d(a);var j=d(h);var y=function(t){var e=t.innerWidth;return e<g};var p=function(t){var e=t.innerWidth;return e>=g&&e<w};var O=function(t){return y(t)||p(t)};var k=function(t){return!O(t)};var D=function(t){var e=t.innerWidth;return e>=m&&e<_};var x=function(t){var e=t.innerWidth;return e>=_&&e<j};var S=function(t){var e=t.innerWidth;return e>=j};var T={mobile:y,tablet:p,touch:O,desktop:k,highDefinition:D,widescreen:x,fullhd:S};var W=function(){function t(){this.breakpoints=[];if(r.hasWindow){this.win=window;this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{};this.detect()}}Object.defineProperty(t.prototype,"isMobile",{get:function(){return this.includes("mobile")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTablet",{get:function(){return this.includes("tablet")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTouch",{get:function(){return this.includes("touch")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isDesktop",{get:function(){return this.includes("desktop")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isHighDefinition",{get:function(){return this.includes("highDefinition")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isWidescreen",{get:function(){return this.includes("widescreen")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isFullHD",{get:function(){return this.includes("fullhd")},enumerable:false,configurable:true});t.prototype.includes=function(t){var e;this.detect();return!!((e=this.breakpoints)===null||e===void 0?void 0:e.includes(t))};t.prototype.detect=function(){var t=this;if(this.win){this.breakpoints=Object.keys(T).filter((function(e){return T[e](t.win)}));this.win.BaloiseDesignSystem.breakpoints=this.breakpoints;this.win.BaloiseDesignSystem.platforms=this.breakpoints}return this.breakpoints};t.prototype.toObject=function(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}};return t}();t("d",W);var C=t("b",new W);var H={mobile:false,tablet:false,touch:false,desktop:false,highDefinition:false,widescreen:false,fullhd:false};var L=function(t){__extends(n,t);function n(){var n=t.call(this,(function(t){return t.breakpointListener(n.state)}))||this;n.state=H;n.listener=new v;n.debouncedNotify=e((function(){return n.notify()}),50);n.listener.connect();n.listener.add((function(){C.detect();var t=C.toObject();if(!n.isEqual(t)){n.state=t;n.debouncedNotify()}}));return n}n.prototype.attach=function(e){t.prototype.attach.call(this,e);C.detect();var n=C.toObject();if(!this.isEqual(n)){this.state=n;this.debouncedNotify()}};n.prototype.isEqual=function(t){return JSON.stringify(this.state)===JSON.stringify(t)};return n}(o);t("c",L);var z=t("a",new L)}}}));
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ const globalImport = require('./global-9176b6c7.js');
4
+
5
+ const globalScripts = globalImport.globalScript;
6
+
7
+ exports.globalScripts = globalScripts;
@@ -7,13 +7,13 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
7
7
  const helpers = require('./helpers-393c2183.js');
8
8
  const bem = require('./bem-81bc6a2d.js');
9
9
  const formInput = require('./form-input-35653e8f.js');
10
- const breakpoints_decorator = require('./breakpoints.decorator-8bde2bcf.js');
10
+ const breakpoints_decorator = require('./breakpoints.decorator-1bb047c8.js');
11
11
  const style = require('./style-799e9253.js');
12
12
  const listen = require('./listen-b42a4134.js');
13
- const mutation_decorator = require('./mutation.decorator-d2ce6c1a.js');
13
+ const mutation_decorator = require('./mutation.decorator-5ac1e198.js');
14
14
  const swipe_decorator = require('./swipe.decorator-391a0941.js');
15
15
  const resize_decorator = require('./resize.decorator-981b6817.js');
16
- const breakpoints_subject = require('./breakpoints.subject-15687772.js');
16
+ const breakpoints_subject = require('./breakpoints.subject-28b3d733.js');
17
17
  const config_default = require('./config.default-5bdd6e3d.js');
18
18
  const config_decorator = require('./config.decorator-b393a72f.js');
19
19
  const attributes = require('./attributes-9f366716.js');
@@ -23,7 +23,7 @@ require('./config.utils-e4cd49d6.js');
23
23
  require('./listener-52d2e5fd.js');
24
24
  require('./swipe.subject-48bf62a1.js');
25
25
  require('./device-9f97a845.js');
26
- require('./tokens.esm-bdae5d02.js');
26
+ require('./tokens.esm-635228ac.js');
27
27
  require('./log-33398c2a.js');
28
28
 
29
29
  const TabControl = ({ value, items, containerId, onControlChange }) => {
@@ -392,7 +392,7 @@ const Carousel = class {
392
392
  const leftControlTitle = i18nControlLabel[this.language].left;
393
393
  const rightControlTitle = i18nControlLabel[this.language].right;
394
394
  const controlItems = this.getAllControlItems();
395
- return (index.h(index.Host, { key: '8f136f31e2fe4fb99703fdd2a5974697cea659b7', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(this.interface).class(this.interface !== '')), block.modifier(`full-height`).class(this.fullHeight)), block.modifier('controls-sticky').class(this.controlsSticky)), block.modifier(`controls-${this.controls}`).class()) }, this.isLargestContentfulPaintDone && this.controls === 'tabs' ? (index.h(TabControl, { value: this.value, items: controlItems, containerId: this.carouselContainerId, onControlChange: item => this.onControlChange(item.value) })) : (''), index.h("div", { key: '76e644a3db07b7aeae2a599b560903a24312cb6b', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, inner.class()), inner.modifier(`items-per-view-${this.itemsPerView}`).class()), inner.modifier(`is-${this.aspectRatio}`).class()), inner.modifier(`inverted`).class(this.inverted)), inner.modifier(`full-height`).class(this.fullHeight)), inner.modifier(`shadow-left`).class(this.hasShadowLeft())), inner.modifier(`shadow-right`).class(this.hasShadowRight())), ref: el => (this.innerEl = el) }, index.h("div", { key: '8040a1b67deccfa135bda7c1b3cef5b05492ad19', role: this.htmlRole, "aria-live": this.htmlRole !== '' ? 'polite' : undefined, id: this.carouselContainerId, class: Object.assign(Object.assign(Object.assign({}, container.class()), container.modifier(`border`).class(this.border)), container.modifier(`is-${this.aspectRatio}`).class()), ref: el => (this.containerEl = el) }, index.h("slot", { key: '855f44ac6e8b1cfdfd31cc39f9fd2d9749a2f326' }), this.border ? (index.h("div", { id: `${this.carouselId}-border`, "aria-hidden": "true", class: Object.assign(Object.assign({}, container.element('border').class()), container.element('border').modifier('inverted').class(this.inverted)), ref: el => (this.borderEl = el) })) : (''))), this.isLargestContentfulPaintDone && this.controls === 'dots' ? (index.h(DotControl, { value: this.value, items: controlItems, containerId: this.carouselContainerId, onControlChange: item => this.onControlChange(item.value) })) : (''), this.isLargestContentfulPaintDone && this.controls === 'large' ? (index.h(LargeControl, { isFirst: this.isFirst(), isLast: this.isLast(), inverted: this.inverted, areControlsHidden: !this.isMobile, leftControlTitle: leftControlTitle, rightControlTitle: rightControlTitle, containerId: this.carouselContainerId, onNextClick: () => this.onNextButtonClick(), onPreviousClick: () => this.onPreviousButtonClick() })) : (''), this.isLargestContentfulPaintDone && this.controls === 'small' ? (index.h(SmallControl, { isFirst: this.isFirst(), isLast: this.isLast(), inverted: this.inverted, leftControlTitle: leftControlTitle, rightControlTitle: rightControlTitle, containerId: this.carouselContainerId, onNextClick: () => this.onNextButtonClick(), onPreviousClick: () => this.onPreviousButtonClick() })) : ('')));
395
+ return (index.h(index.Host, { key: '9805dc838ffaf76bf0db144968685dd4c8483816', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(this.interface).class(this.interface !== '')), block.modifier(`full-height`).class(this.fullHeight)), block.modifier('controls-sticky').class(this.controlsSticky)), block.modifier(`controls-${this.controls}`).class()) }, this.isLargestContentfulPaintDone && this.controls === 'tabs' ? (index.h(TabControl, { value: this.value, items: controlItems, containerId: this.carouselContainerId, onControlChange: item => this.onControlChange(item.value) })) : (''), index.h("div", { key: 'dced19705178ae9cdca9ab3594793ed9b86d0a9f', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, inner.class()), inner.modifier(`items-per-view-${this.itemsPerView}`).class()), inner.modifier(`is-${this.aspectRatio}`).class()), inner.modifier(`inverted`).class(this.inverted)), inner.modifier(`full-height`).class(this.fullHeight)), inner.modifier(`shadow-left`).class(this.hasShadowLeft())), inner.modifier(`shadow-right`).class(this.hasShadowRight())), ref: el => (this.innerEl = el) }, index.h("div", { key: '64b95814c1bba169bab81a1384a2d753dfcf964d', role: this.htmlRole, "aria-live": this.htmlRole !== '' ? 'polite' : undefined, id: this.carouselContainerId, class: Object.assign(Object.assign(Object.assign({}, container.class()), container.modifier(`border`).class(this.border)), container.modifier(`is-${this.aspectRatio}`).class()), ref: el => (this.containerEl = el) }, index.h("slot", { key: '2baee20f00ff09cc771ba6743bff97f62a1a7570' }), this.border ? (index.h("div", { id: `${this.carouselId}-border`, "aria-hidden": "true", class: Object.assign(Object.assign({}, container.element('border').class()), container.element('border').modifier('inverted').class(this.inverted)), ref: el => (this.borderEl = el) })) : (''))), this.isLargestContentfulPaintDone && this.controls === 'dots' ? (index.h(DotControl, { value: this.value, items: controlItems, containerId: this.carouselContainerId, onControlChange: item => this.onControlChange(item.value) })) : (''), this.isLargestContentfulPaintDone && this.controls === 'large' ? (index.h(LargeControl, { isFirst: this.isFirst(), isLast: this.isLast(), inverted: this.inverted, areControlsHidden: !this.isMobile, leftControlTitle: leftControlTitle, rightControlTitle: rightControlTitle, containerId: this.carouselContainerId, onNextClick: () => this.onNextButtonClick(), onPreviousClick: () => this.onPreviousButtonClick() })) : (''), this.isLargestContentfulPaintDone && this.controls === 'small' ? (index.h(SmallControl, { isFirst: this.isFirst(), isLast: this.isLast(), inverted: this.inverted, leftControlTitle: leftControlTitle, rightControlTitle: rightControlTitle, containerId: this.carouselContainerId, onNextClick: () => this.onNextButtonClick(), onPreviousClick: () => this.onPreviousButtonClick() })) : ('')));
396
396
  }
397
397
  get el() { return index.getElement(this); }
398
398
  };
@@ -16,7 +16,7 @@ const listen = require('./listen-b42a4134.js');
16
16
  const keyboard_helpers = require('./keyboard.helpers-3c105b0c.js');
17
17
  const array = require('./array-ae164ca3.js');
18
18
  const focus_decorator = require('./focus.decorator-ec3a858c.js');
19
- const mutation_decorator = require('./mutation.decorator-d2ce6c1a.js');
19
+ const mutation_decorator = require('./mutation.decorator-5ac1e198.js');
20
20
  require('./browser-1d542d0f.js');
21
21
  require('./icons.constant-7c82086a.js');
22
22
  require('./config.utils-e4cd49d6.js');
@@ -36,7 +36,7 @@ const Close = class {
36
36
  const buttonEl = blockEl.element('button');
37
37
  const iconEl = buttonEl.element('icon');
38
38
  const label = balClose_i18n.i18nBalClose[this.language].close;
39
- return (index.h(index.Host, { key: '28a807ed717bd60d6534beee83086e87165c6b8f', class: Object.assign({}, blockEl.class()) }, index.h("button", { key: 'f74d31fca4b77c4a39365cb43ff44279fbfcfe65', type: "button", "aria-label": label, title: label, tabindex: "0", class: Object.assign(Object.assign(Object.assign({}, buttonEl.class()), buttonEl.modifier('inverted').class(this.inverted)), buttonEl.modifier(`size-${this.size}`).class(this.size !== '')), "data-testid": "bal-close" }, index.h("bal-icon", { key: '49e49cf68edacc7d69e8d7c42abfb98ff1281f28', name: "close", size: this.size === 'small' ? 'x-small' : this.size === 'medium' ? 'medium' : 'small', inverted: this.inverted, class: Object.assign({}, iconEl.class()) }))));
39
+ return (index.h(index.Host, { key: '9ae168e3f5e98e623d888abab7cbc88a6274cde0', class: Object.assign({}, blockEl.class()) }, index.h("button", { key: '7969304603871177f81ef7a1b1c78e58f1d32c38', type: "button", "aria-label": label, title: label, tabindex: "0", class: Object.assign(Object.assign(Object.assign({}, buttonEl.class()), buttonEl.modifier('inverted').class(this.inverted)), buttonEl.modifier(`size-${this.size}`).class(this.size !== '')), "data-testid": "bal-close" }, index.h("bal-icon", { key: 'c83093000ff43d5f99676914a52ef4c8977fb61c', name: "close", size: this.size === 'small' ? 'x-small' : this.size === 'medium' ? 'medium' : 'small', inverted: this.inverted, class: Object.assign({}, iconEl.class()) }))));
40
40
  }
41
41
  get el() { return index.getElement(this); }
42
42
  };
@@ -449,7 +449,7 @@ const DateCalendar = class {
449
449
  const block = bem.BEM.block('date-calendar');
450
450
  const blockBody = block.element('body');
451
451
  const blockFoot = block.element('foot');
452
- return (index$2.h(index$2.Host, { key: '248e291f860cdb55eb13cce3afa9fd453efd9bb1', class: Object.assign({}, block.class()) }, index$2.h(CalendarNav, { key: 'b22fb7f5d3459b29b1bc7ad10925f797964a1bf2', language: this.language, monthFullNames: this.monthFullNames, month: this.month, year: this.year, isCalendarVisible: this.isCalendarVisible, isListVisible: this.isMonthListVisible || this.isYearListVisible, onClickSelectMonthAndYear: this.onClickSelectMonthAndYear, onClickPreviousMonth: this.onClickPreviousMonth, onClickNextMonth: this.onClickNextMonth }), index$2.h("div", { key: 'e7348e9fe457bd309ecf8645ae1af0138d6ea156', class: Object.assign({}, blockBody.class()) }, index$2.h(CalendarGrid, { key: '87bab404d1e8777b818c4d4df0d49092b29e96ff', isVisible: this.isCalendarVisible, grid: this.calendarGrid, weekdays: this.weekdays, firstDayOfWeek: this.firstDayOfWeek, selectedDate: this.selectedDate, ref: el => (this.gridEl = el), onSelectDay: isoDate => this.onSelectDay(isoDate) }), index$2.h(CalendarList, { key: '106142481bd53e6d24e91ef0245fe336704c0578', name: "year", isVisible: this.isYearListVisible, girdHeight: girdHeight, list: this.years, ref: el => (this.yearListEl = el), onSelect: item => this.onClickYear(item.value) }), index$2.h(CalendarList, { key: '9341dbb8c0f7ce5713a9cbdb5e4a22d3db83b43a', name: "month", isVisible: this.isMonthListVisible, girdHeight: girdHeight, list: this.months, onSelect: item => this.onClickMonth(item.value) })), index$2.h("div", { key: '5e74571cea6b858964554f3065eb40092535f1dd', class: Object.assign({}, blockFoot.class()) }, index$2.h("slot", { key: 'c3cc4f4f43d40b095ad03fe23a8645282e658765' }))));
452
+ return (index$2.h(index$2.Host, { key: 'e6348fe5b0ddab2253f7c79cb41a16fd93fe9a63', class: Object.assign({}, block.class()) }, index$2.h(CalendarNav, { key: 'fc808b662835df468fe53a659cfdb048a2ce2325', language: this.language, monthFullNames: this.monthFullNames, month: this.month, year: this.year, isCalendarVisible: this.isCalendarVisible, isListVisible: this.isMonthListVisible || this.isYearListVisible, onClickSelectMonthAndYear: this.onClickSelectMonthAndYear, onClickPreviousMonth: this.onClickPreviousMonth, onClickNextMonth: this.onClickNextMonth }), index$2.h("div", { key: '14a071d6e691964876d2a832a9d2a7b20e2b5139', class: Object.assign({}, blockBody.class()) }, index$2.h(CalendarGrid, { key: 'd7d81606a5bcf10637f48ad9d5f095cac4851c60', isVisible: this.isCalendarVisible, grid: this.calendarGrid, weekdays: this.weekdays, firstDayOfWeek: this.firstDayOfWeek, selectedDate: this.selectedDate, ref: el => (this.gridEl = el), onSelectDay: isoDate => this.onSelectDay(isoDate) }), index$2.h(CalendarList, { key: '3804356a689232d66ecbac4ad02c152a7e11739f', name: "year", isVisible: this.isYearListVisible, girdHeight: girdHeight, list: this.years, ref: el => (this.yearListEl = el), onSelect: item => this.onClickYear(item.value) }), index$2.h(CalendarList, { key: '2721e28b96097dfb3f824c6ef085657c56c89342', name: "month", isVisible: this.isMonthListVisible, girdHeight: girdHeight, list: this.months, onSelect: item => this.onClickMonth(item.value) })), index$2.h("div", { key: 'da53c2e514df3bf5d4890a16fdc5738e55366f31', class: Object.assign({}, blockFoot.class()) }, index$2.h("slot", { key: '6b75be6d0ad833854a0eade0d014ee26b05bc868' }))));
453
453
  }
454
454
  get el() { return index$2.getElement(this); }
455
455
  static get watchers() { return {
@@ -1456,14 +1456,14 @@ const InputDate = class {
1456
1456
  render() {
1457
1457
  const block = bem.BEM.block('input-date');
1458
1458
  const native = block.element('native');
1459
- return (index$2.h(index$2.Host, { key: 'c19d0b61364480bbcb5067bf0c5d68b83dab6fa7', onClick: (event) => this.maskAdapter.bindHostClick(event), class: Object.assign({}, block.class()) }, index$2.h("input", Object.assign({ key: 'e8cbf0a3372a06823953459eeb754f2c22fc0b22', class: {
1459
+ return (index$2.h(index$2.Host, { key: '14148968dbe8593f608bb83cb80431c1af6c10cb', onClick: (event) => this.maskAdapter.bindHostClick(event), class: Object.assign({}, block.class()) }, index$2.h("input", Object.assign({ key: '7a9307a111eb7eaca7d043e6102220f83ed407ef', class: {
1460
1460
  'input': true,
1461
1461
  'is-disabled': this.disabled || this.readonly,
1462
1462
  'is-danger': this.invalid,
1463
1463
  'is-clickable': this.clickable && !(this.disabled || this.readonly),
1464
1464
  'bal-focusable': !this.disabled,
1465
1465
  'has-icon-right': this.hasIconRight,
1466
- }, "data-testid": "bal-date-input", ref: el => (this.nativeInput = el), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, required: this.required, disabled: this.disabled, readonly: this.readonly, autoComplete: this.autocomplete }, this.maskAdapter.attributes, this.inheritedAttributes, { placeholder: this.placeholder, value: this.inputValue, onKeyDown: event => this.maskAdapter.bindKeyDown(event), onClick: event => this.maskAdapter.bindClick(event), onFocus: event => this.maskAdapter.bindFocus(event), onBlur: event => this.maskAdapter.bindBlur(event), onPaste: event => this.maskAdapter.bindPaste(event) })), index$2.h("input", { key: 'b6acc3e893caf68b4823addac74e4cea27fdc98b', type: "date", class: Object.assign({}, native.class()), name: this.name, min: this.min, max: this.max, value: this.value, tabindex: -1, "aria-hidden": "true" })));
1466
+ }, "data-testid": "bal-date-input", ref: el => (this.nativeInput = el), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, required: this.required, disabled: this.disabled, readonly: this.readonly, autoComplete: this.autocomplete }, this.maskAdapter.attributes, this.inheritedAttributes, { placeholder: this.placeholder, value: this.inputValue, onKeyDown: event => this.maskAdapter.bindKeyDown(event), onClick: event => this.maskAdapter.bindClick(event), onFocus: event => this.maskAdapter.bindFocus(event), onBlur: event => this.maskAdapter.bindBlur(event), onPaste: event => this.maskAdapter.bindPaste(event) })), index$2.h("input", { key: '23e89b524f1cd68f76461720e386034d1872689a', type: "date", class: Object.assign({}, native.class()), name: this.name, min: this.min, max: this.max, value: this.value, tabindex: -1, "aria-hidden": "true" })));
1467
1467
  }
1468
1468
  get el() { return index$2.getElement(this); }
1469
1469
  static get watchers() { return {
@@ -292,7 +292,7 @@ const Date = class {
292
292
  const block = bem.BEM.block('date');
293
293
  const blockIcon = block.element('icon');
294
294
  const blockPopup = block.element('popup');
295
- return (index.h(index.Host, { key: '71ecc523323aea5b610663af71761730cafdf72d', id: this.inputId, class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: 'fac9940b61f22766e728f2025491f1d743b65a04', invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, ref: el => (this.referenceEl = el) }, index.h("bal-input-date", Object.assign({ key: '9ff8ef04e188c3492419029967aedbb47f6cd80d', name: this.name, required: this.required, placeholder: this.placeholder, value: this.value, min: this.min, max: this.max, invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, allowInvalidValue: this.allowInvalidValue, autocomplete: this.autocomplete, onClick: this.onInputClick, onBalInput: this.onInputInput, onBalChange: this.onInputChange, onBalFocus: this.onInputFocus, onBalBlur: this.onInputBlur, onBalKeyPress: this.onKeyPress, ref: el => (this.inputEl = el) }, this.inheritedAttributes)), !this.freeSolo ? (index.h("bal-icon", { name: "date", role: "button", tabindex: -1, class: Object.assign(Object.assign({}, blockIcon.class()), blockIcon.modifier('clickable').class(!this.disabled && !this.readonly)), "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', onClick: this.onIconClick, "aria-label": date.i18nBalDate[this.language].toggleDatepicker, "aria-haspopup": "true", "aria-expanded": this.isExpanded ? 'true' : 'false' })) : ('')), index.h("div", { key: 'a693f4ce01308178268a00e31ef08a052d1972b2', role: "dialog", class: Object.assign(Object.assign({}, blockPopup.class()), blockPopup.modifier('visible').class(this.isExpanded)), ref: el => (this.floatingEl = el), "aria-hidden": `${this.isExpanded !== true}`, "aria-presented": `${this.isExpanded === true}` }, index.h("bal-date-calendar", { key: '8ac00879f736c54cb7662cd9811c44cdc80859ff', value: this.calendarValue, min: this.min, max: this.max, minYearProp: this.minYearProp, maxYearProp: this.maxYearProp, defaultDate: this.defaultDate, allowedDates: this.allowedDates, onBalChange: this.onCalendarChange }))));
295
+ return (index.h(index.Host, { key: '0cff526d6fd1f6855de72ec6b8515a0cd7132f71', id: this.inputId, class: Object.assign({}, block.class()) }, index.h("bal-input-group", { key: 'e7309e15124f27a90a977cccb8ee7b03052ce450', invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, ref: el => (this.referenceEl = el) }, index.h("bal-input-date", Object.assign({ key: '6e344882e69619d3cc26bdb29601f417de5cf4fe', name: this.name, required: this.required, placeholder: this.placeholder, value: this.value, min: this.min, max: this.max, invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, allowInvalidValue: this.allowInvalidValue, autocomplete: this.autocomplete, onClick: this.onInputClick, onBalInput: this.onInputInput, onBalChange: this.onInputChange, onBalFocus: this.onInputFocus, onBalBlur: this.onInputBlur, onBalKeyPress: this.onKeyPress, ref: el => (this.inputEl = el) }, this.inheritedAttributes)), !this.freeSolo ? (index.h("bal-icon", { name: "date", role: "button", tabindex: -1, class: Object.assign(Object.assign({}, blockIcon.class()), blockIcon.modifier('clickable').class(!this.disabled && !this.readonly)), "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', onClick: this.onIconClick, "aria-label": date.i18nBalDate[this.language].toggleDatepicker, "aria-haspopup": "true", "aria-expanded": this.isExpanded ? 'true' : 'false' })) : ('')), index.h("div", { key: '4de1fda8322aa577c9f178f8183f0584591bb280', role: "dialog", class: Object.assign(Object.assign({}, blockPopup.class()), blockPopup.modifier('visible').class(this.isExpanded)), ref: el => (this.floatingEl = el), "aria-hidden": `${this.isExpanded !== true}`, "aria-presented": `${this.isExpanded === true}` }, index.h("bal-date-calendar", { key: 'c29fae49306412def5c835457c17224f93d4144d', value: this.calendarValue, min: this.min, max: this.max, minYearProp: this.minYearProp, maxYearProp: this.maxYearProp, defaultDate: this.defaultDate, allowedDates: this.allowedDates, onBalChange: this.onCalendarChange }))));
296
296
  }
297
297
  get el() { return index.getElement(this); }
298
298
  static get watchers() { return {