@baloise/ds-core 16.6.0 → 16.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/components/bal-segment-item.js +6 -0
  2. package/components/bal-segment.js +6 -3
  3. package/components/index.js +1 -1
  4. package/components/tokens.esm.js +1 -1
  5. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  6. package/dist/baloise-design-system/index.esm.js +1 -1
  7. package/dist/baloise-design-system/{p-ca496a02d5.system.entry.js → p-05e4a53c65.system.entry.js} +1 -1
  8. package/dist/baloise-design-system/{p-33e346ee9c.entry.js → p-13e4cb7883.entry.js} +1 -1
  9. package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
  10. package/dist/baloise-design-system/{p-60dccd31d0.system.entry.js → p-1dab90ea92.system.entry.js} +1 -1
  11. package/dist/baloise-design-system/{p-9df14aeb44.entry.js → p-1e76ea305f.entry.js} +1 -1
  12. package/dist/baloise-design-system/{p-c5e4359d53.system.entry.js → p-26945cccaf.system.entry.js} +1 -1
  13. package/dist/baloise-design-system/{p-ab3a5c74.system.js → p-2df0c70a.system.js} +1 -1
  14. package/dist/baloise-design-system/{p-840578b091.system.entry.js → p-36a339b316.system.entry.js} +1 -1
  15. package/dist/baloise-design-system/{p-e15280fb2b.entry.js → p-37303e3032.entry.js} +1 -1
  16. package/dist/baloise-design-system/{p-5003a0c597.entry.js → p-37a5a1a22c.entry.js} +1 -1
  17. package/dist/baloise-design-system/{p-a5ef8dac6d.system.entry.js → p-41ffaa3ffc.system.entry.js} +1 -1
  18. package/dist/baloise-design-system/{p-74eb881086.entry.js → p-482c44ab09.entry.js} +1 -1
  19. package/dist/baloise-design-system/p-54f81c32.js +1 -1
  20. package/dist/baloise-design-system/p-553751ab25.system.entry.js +1 -0
  21. package/dist/baloise-design-system/{p-ce5ca16861.entry.js → p-5e3f3b1087.entry.js} +1 -1
  22. package/dist/baloise-design-system/{p-737c1fb94a.entry.js → p-628615ef50.entry.js} +1 -1
  23. package/dist/baloise-design-system/{p-29d8f4a3f3.system.entry.js → p-650f9ba0b9.system.entry.js} +1 -1
  24. package/dist/baloise-design-system/{p-318d8566b5.entry.js → p-65badcc3ef.entry.js} +1 -1
  25. package/dist/baloise-design-system/p-6bd085d5.js +1 -0
  26. package/dist/baloise-design-system/{p-ae96e76be8.entry.js → p-6d582b5344.entry.js} +1 -1
  27. package/dist/baloise-design-system/{p-b439906a26.system.entry.js → p-6e9cc6f775.system.entry.js} +1 -1
  28. package/dist/baloise-design-system/{p-9e2ff161.system.js → p-6ff915ca.system.js} +1 -1
  29. package/dist/baloise-design-system/{p-22cf548aa1.system.entry.js → p-75f8958153.system.entry.js} +1 -1
  30. package/dist/baloise-design-system/{p-9bff7b8289.system.entry.js → p-7bd3277bbb.system.entry.js} +1 -1
  31. package/dist/baloise-design-system/{p-ca3cb874.system.js → p-8d2a7b98.system.js} +1 -1
  32. package/dist/baloise-design-system/{p-c7a5bfc385.system.entry.js → p-a0322563d7.system.entry.js} +1 -1
  33. package/dist/baloise-design-system/p-bcca1ed3.system.js +1 -1
  34. package/dist/baloise-design-system/p-c643ad95.js +1 -0
  35. package/dist/baloise-design-system/{p-0570eb56.system.js → p-d2cd4498.system.js} +1 -1
  36. package/dist/baloise-design-system/p-d4deea6ff0.entry.js +1 -0
  37. package/dist/baloise-design-system/{p-7369c393.js → p-d8224577.js} +1 -1
  38. package/dist/baloise-design-system/{p-414e6186de.entry.js → p-e1aecdb9f3.entry.js} +1 -1
  39. package/dist/baloise-design-system/{p-a818a7381b.entry.js → p-e2f54cc42a.entry.js} +1 -1
  40. package/dist/baloise-design-system/{p-06a5a7af22.system.entry.js → p-ee94c7f354.system.entry.js} +1 -1
  41. package/dist/baloise-design-system/{p-798e2ef3fc.entry.js → p-ee998baab0.entry.js} +1 -1
  42. package/dist/baloise-design-system/{p-4ecfee4374.system.entry.js → p-ff07a24a13.system.entry.js} +1 -1
  43. package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
  44. package/dist/cjs/bal-datepicker.cjs.entry.js +3 -3
  45. package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
  46. package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
  47. package/dist/cjs/bal-logo.cjs.entry.js +3 -3
  48. package/dist/cjs/bal-nav_8.cjs.entry.js +3 -3
  49. package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
  50. package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
  51. package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
  52. package/dist/cjs/bal-segment_2.cjs.entry.js +15 -6
  53. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  54. package/dist/cjs/bal-steps.cjs.entry.js +3 -3
  55. package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
  56. package/dist/cjs/{breakpoints.decorator-e7e9f44f.js → breakpoints.decorator-15205966.js} +1 -1
  57. package/dist/cjs/{breakpoints.subject-e81f405a.js → breakpoints.subject-2aac9915.js} +1 -1
  58. package/dist/cjs/index.cjs.js +2 -2
  59. package/dist/cjs/initialize-2a19d091.js +1 -1
  60. package/dist/cjs/{tokens.esm-bd463bce.js → tokens.esm-94853847.js} +1 -1
  61. package/dist/cjs/{window-resize.decorator-7c2d851d.js → window-resize.decorator-4a489114.js} +1 -1
  62. package/dist/collection/components/bal-segment/bal-segment-item/bal-segment-item.js +6 -0
  63. package/dist/collection/components/bal-segment/bal-segment.js +6 -3
  64. package/dist/collection/utils/constants/version.constant.js +1 -1
  65. package/dist/esm/bal-carousel_2.entry.js +3 -3
  66. package/dist/esm/bal-datepicker.entry.js +3 -3
  67. package/dist/esm/bal-hint_5.entry.js +3 -3
  68. package/dist/esm/bal-list_8.entry.js +3 -3
  69. package/dist/esm/bal-logo.entry.js +3 -3
  70. package/dist/esm/bal-nav_8.entry.js +3 -3
  71. package/dist/esm/bal-navbar_5.entry.js +3 -3
  72. package/dist/esm/bal-pagination.entry.js +3 -3
  73. package/dist/esm/bal-progress-bar.entry.js +4 -4
  74. package/dist/esm/bal-segment_2.entry.js +16 -7
  75. package/dist/esm/bal-shape.entry.js +1 -1
  76. package/dist/esm/bal-steps.entry.js +3 -3
  77. package/dist/esm/bal-tab-item_2.entry.js +3 -3
  78. package/dist/esm/{breakpoints.decorator-c7356fbf.js → breakpoints.decorator-dffbf034.js} +1 -1
  79. package/dist/esm/{breakpoints.subject-c11e7472.js → breakpoints.subject-fd3dc49c.js} +1 -1
  80. package/dist/esm/index.js +3 -3
  81. package/dist/esm/initialize-e216cfe4.js +1 -1
  82. package/dist/esm/{tokens.esm-ebe36fdf.js → tokens.esm-6cd758d9.js} +1 -1
  83. package/dist/esm/{window-resize.decorator-4d922021.js → window-resize.decorator-55f8e354.js} +1 -1
  84. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  85. package/dist/esm-es5/bal-datepicker.entry.js +1 -1
  86. package/dist/esm-es5/bal-hint_5.entry.js +1 -1
  87. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  88. package/dist/esm-es5/bal-logo.entry.js +1 -1
  89. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  90. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  91. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  92. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  93. package/dist/esm-es5/bal-segment_2.entry.js +1 -1
  94. package/dist/esm-es5/bal-shape.entry.js +1 -1
  95. package/dist/esm-es5/bal-steps.entry.js +1 -1
  96. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  97. package/dist/esm-es5/breakpoints.decorator-dffbf034.js +1 -0
  98. package/dist/esm-es5/{breakpoints.subject-c11e7472.js → breakpoints.subject-fd3dc49c.js} +1 -1
  99. package/dist/esm-es5/index.js +1 -1
  100. package/dist/esm-es5/initialize-e216cfe4.js +1 -1
  101. package/dist/esm-es5/{window-resize.decorator-4d922021.js → window-resize.decorator-55f8e354.js} +1 -1
  102. package/dist/types/components/bal-segment/bal-segment-item/bal-segment-item.d.ts +1 -0
  103. package/package.json +7 -7
  104. package/dist/baloise-design-system/p-77cdc5cbab.entry.js +0 -1
  105. package/dist/baloise-design-system/p-a37806b3.js +0 -1
  106. package/dist/baloise-design-system/p-ea5b8ead.js +0 -1
  107. package/dist/baloise-design-system/p-fecc5b1e11.system.entry.js +0 -1
  108. package/dist/esm-es5/breakpoints.decorator-c7356fbf.js +0 -1
  109. /package/dist/baloise-design-system/{p-8e798e23.js → p-a6536532.js} +0 -0
  110. /package/dist/baloise-design-system/{p-788f308a.system.js → p-fa210a21.system.js} +0 -0
  111. /package/dist/esm-es5/{tokens.esm-ebe36fdf.js → tokens.esm-6cd758d9.js} +0 -0
@@ -1 +0,0 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(n.next(e))}catch(e){r(e)}}function o(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):a(e.value).then(s,o)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-5c0b0099.system.js","./p-7957c3c0.system.js","./p-b52ad8d5.system.js","./p-8954495d.system.js","./p-6e5745c8.system.js","./p-014286df.system.js","./p-0570eb56.system.js","./p-9e2ff161.system.js","./p-8949aa8b.system.js","./p-a1f6e944.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js","./p-ab3a5c74.system.js","./p-ec9a7cf5.system.js","./p-788f308a.system.js"],(function(e){"use strict";var t,i,n,a,r,s,o,l,c,b,m,d,u,g,h,f,v,p,_,x,k,y,w,j,O,z,F;return{setters:[function(e){t=e.r;i=e.c;n=e.w;a=e.h;r=e.H;s=e.g},function(e){o=e._;l=e.a},function(e){c=e.B},function(e){b=e.L},function(e){m=e.e;d=e.s;u=e.y;g=e.q;h=e.z;f=e.A;v=e.B},function(e){p=e.s},function(e){_=e.F},function(e){x=e.l;k=e.j;y=e.r},function(e){w=e.d},function(e){j=e.L},function(e){O=e.L},function(e){z=e.L},function(e){F=e.i},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var S=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var L=S;var A=e("bal_segment",function(){function e(e){var n=this;t(this,e);this.balFocus=i(this,"balFocus",7);this.balBlur=i(this,"balBlur",7);this.balChange=i(this,"balChange",7);this.balSelect=i(this,"balSelect",7);this.balVertical=i(this,"balVertical",7);this.hasFocus=false;this.getSegmentItem=function(e){var t,i;var a=n.allItems.filter((function(e){return!e.disabled}));var r=a.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return a[r];case"first":return a[0];case"last":return a[a.length-1];case"next":return(t=a[r+1])!==null&&t!==void 0?t:a[0];case"previous":return(i=a[r-1])!==null&&i!==void 0?i:a[a.length-1];default:return null}};this.onPointerDown=function(){n.keyboardMode=false};this.onSlottedItemsChange=function(){n.valueChanged(n.value);n.defineWidth()};this.onClick=function(e){if(n.disabled){return}var t=e.target;var i=n.checked;if(t.tagName==="BAL-SEGMENT"){return}if(t&&t.setFocus){t.setFocus()}if(i){n.checkButton(i,t)}else{n.setCheckedClasses();n.checkButton(t,t)}if(t!==i){n.emitValueChange()}};this.focusedValue=undefined;this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=w;this.invalid=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e)};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged()};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=_.includes(e.key);var t;if(m(e)){p(e);t=this.getSegmentItem("current");this.value=t.value}else if(d(e)||u(e)){p(e);t=this.getSegmentItem("previous")}else if(g(e)||h(e)){p(e);t=this.getSegmentItem("next")}else if(f(e)){p(e);t=this.getSegmentItem("first")}else if(v(e)){p(e);t=this.getSegmentItem("last")}if(!t){return}var i=this.checked;if(t!==i){this.checkButton(i,t);this.emitValueChange()}if(t){t.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;x((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var r=i.getBoundingClientRect();var s=a.getBoundingClientRect();var o=r.width/s.width;var l=r.left-s.left;var c="translate3d(".concat(l,"px, 0, 0) scaleX(").concat(o,")");if(this.isVertical){var b=r.height/s.height;var m=r.top-s.top;c="translate3d(0, ".concat(m,"px, 0) scaleY(").concat(b,")")}n((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",c);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var n=i+1;var a=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(n<t.length){t[n].classList.add("bal-segment-item--after-checked")}if(a<t.length&&a>=0){t[a].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,n=e.scrollable,s=e.keyboardMode,o=e.expanded,l=e.isMobile,b=e.disabled;var m=c.block("segment");return a(r,{role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("invalid").class(t)),m.modifier("vertical").class(i)),m.modifier("scrollable").class(n)),m.modifier("keyboard").class(s)),m.modifier("disabled").class(b)),m.modifier("expanded").class((o||l)&&!i)),onClick:this.onClick},a("slot",{onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());o([b("bal-segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],A.prototype,"createLogger",null);o([j(),l("design:type",Function),l("design:paramtypes",[FocusEvent]),l("design:returntype",void 0)],A.prototype,"focusInListener",null);o([j(),l("design:type",Function),l("design:paramtypes",[FocusEvent]),l("design:returntype",void 0)],A.prototype,"focusOutListener",null);o([z(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],A.prototype,"breakpointListener",null);o([O(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],A.prototype,"windowResizeListener",null);A.style=L;var C=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';var E=C;var X=0;var I=e("bal_segment_item",function(){function e(e){var i=this;t(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=X++;this.inputId="bal-si-".concat(this.internalId);this.updateVertical=function(e){i.isVertical=e.detail};this.updateState=function(){var e=i.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var t=i.allAvailableOptions;if(t.length>0){var n=t[0];i.isFocusable=n===i.el}}else{i.checked=e.value===i.value;i.isFocusable=e.value===i.value}if(e.disabled){i.disabled=true}i.isLast=e.lastElementChild===i.el;i.isFirst=e.firstElementChild===i.el;i.calculateEmptyValue()}};this.onSlottedItemsChange=function(){i.checkSlotContent()};this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=w;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){k(t,"balSelect",this.updateState);k(t,"balVertical",this.updateVertical)}x((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){y(e,"balSelect",this.updateState);y(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,n=t.focused,s=t.segmentEl,o=t.label,l=t.isFocusable,b=t.isFirst,m=t.hasEmptyValue;var d=c.block("segment-item");var u=d.element("button");var g=d.element("indicator");var h=this.invalid||s&&s.invalid;var f=this.disabled||s&&s.disabled;var v=this.isVertical;var p=m&&b||l&&!f;var _=p&&this.ariaForm.controlId||this.inputId;var x={};if(p){x={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return a(r,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("vertical").class(v)),d.modifier("disabled").class(f)),d.modifier("checked").class(i)),d.modifier("invalid").class(h)),d.modifier("last").class(this.isLast&&!i))},a("button",Object.assign({id:_,role:"radio","aria-checked":i?"true":"false"},x,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("checked").class(i)),u.modifier("invalid").class(h)),u.modifier("disabled").class(f)),u.modifier("focused").class(n)),u.modifier("vertical").class(v)),type:"button",tabIndex:p?0:-1,part:"native",disabled:f,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),a("bal-icon",{name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},u.element("icon").class()),u.element("icon").modifier("animated").class(i)),u.element("icon").modifier("vertical").class(v)),color:f?"grey-dark":h?"white":"primary"}),a("bal-stack",{space:"x-small",layout:"horizontal"},a("bal-content",{space:"none"},a("bal-label",{htmlId:"bal-si-".concat(this.internalId,"-label")},o),a("span",{part:"slot",class:Object.assign({},u.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{onSlotchange:this.onSlottedItemsChange}))))),a("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("animated").class()),g.modifier("background").class()),g.modifier("disabled").class(f)),g.modifier("invalid").class(h)),g.modifier("checked").class(i)),g.modifier("vertical").class(v))}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}());I.style=E}}}));
@@ -1 +0,0 @@
1
- import{a as balBreakpointSubject}from"./breakpoints.subject-c11e7472.js";function ListenToBreakpoints(){return function(t,n,e){var i=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){balBreakpointSubject.attach(this);return i&&i.call(this)};t.disconnectedCallback=function(){balBreakpointSubject.detach(this);return r&&r.call(this)}}}export{ListenToBreakpoints as L};