@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.
- package/components/bal-segment-item.js +6 -0
- package/components/bal-segment.js +6 -3
- package/components/index.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-ca496a02d5.system.entry.js → p-05e4a53c65.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-33e346ee9c.entry.js → p-13e4cb7883.entry.js} +1 -1
- package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
- package/dist/baloise-design-system/{p-60dccd31d0.system.entry.js → p-1dab90ea92.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9df14aeb44.entry.js → p-1e76ea305f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c5e4359d53.system.entry.js → p-26945cccaf.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ab3a5c74.system.js → p-2df0c70a.system.js} +1 -1
- package/dist/baloise-design-system/{p-840578b091.system.entry.js → p-36a339b316.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e15280fb2b.entry.js → p-37303e3032.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5003a0c597.entry.js → p-37a5a1a22c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a5ef8dac6d.system.entry.js → p-41ffaa3ffc.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-74eb881086.entry.js → p-482c44ab09.entry.js} +1 -1
- package/dist/baloise-design-system/p-54f81c32.js +1 -1
- package/dist/baloise-design-system/p-553751ab25.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-ce5ca16861.entry.js → p-5e3f3b1087.entry.js} +1 -1
- package/dist/baloise-design-system/{p-737c1fb94a.entry.js → p-628615ef50.entry.js} +1 -1
- package/dist/baloise-design-system/{p-29d8f4a3f3.system.entry.js → p-650f9ba0b9.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-318d8566b5.entry.js → p-65badcc3ef.entry.js} +1 -1
- package/dist/baloise-design-system/p-6bd085d5.js +1 -0
- package/dist/baloise-design-system/{p-ae96e76be8.entry.js → p-6d582b5344.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b439906a26.system.entry.js → p-6e9cc6f775.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9e2ff161.system.js → p-6ff915ca.system.js} +1 -1
- package/dist/baloise-design-system/{p-22cf548aa1.system.entry.js → p-75f8958153.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9bff7b8289.system.entry.js → p-7bd3277bbb.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ca3cb874.system.js → p-8d2a7b98.system.js} +1 -1
- package/dist/baloise-design-system/{p-c7a5bfc385.system.entry.js → p-a0322563d7.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-bcca1ed3.system.js +1 -1
- package/dist/baloise-design-system/p-c643ad95.js +1 -0
- package/dist/baloise-design-system/{p-0570eb56.system.js → p-d2cd4498.system.js} +1 -1
- package/dist/baloise-design-system/p-d4deea6ff0.entry.js +1 -0
- package/dist/baloise-design-system/{p-7369c393.js → p-d8224577.js} +1 -1
- package/dist/baloise-design-system/{p-414e6186de.entry.js → p-e1aecdb9f3.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a818a7381b.entry.js → p-e2f54cc42a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-06a5a7af22.system.entry.js → p-ee94c7f354.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-798e2ef3fc.entry.js → p-ee998baab0.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4ecfee4374.system.entry.js → p-ff07a24a13.system.entry.js} +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-datepicker.cjs.entry.js +3 -3
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/bal-segment_2.cjs.entry.js +15 -6
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
- package/dist/cjs/{breakpoints.decorator-e7e9f44f.js → breakpoints.decorator-15205966.js} +1 -1
- package/dist/cjs/{breakpoints.subject-e81f405a.js → breakpoints.subject-2aac9915.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-2a19d091.js +1 -1
- package/dist/cjs/{tokens.esm-bd463bce.js → tokens.esm-94853847.js} +1 -1
- package/dist/cjs/{window-resize.decorator-7c2d851d.js → window-resize.decorator-4a489114.js} +1 -1
- package/dist/collection/components/bal-segment/bal-segment-item/bal-segment-item.js +6 -0
- package/dist/collection/components/bal-segment/bal-segment.js +6 -3
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-datepicker.entry.js +3 -3
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +3 -3
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +3 -3
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-progress-bar.entry.js +4 -4
- package/dist/esm/bal-segment_2.entry.js +16 -7
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +3 -3
- package/dist/esm/{breakpoints.decorator-c7356fbf.js → breakpoints.decorator-dffbf034.js} +1 -1
- package/dist/esm/{breakpoints.subject-c11e7472.js → breakpoints.subject-fd3dc49c.js} +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/initialize-e216cfe4.js +1 -1
- package/dist/esm/{tokens.esm-ebe36fdf.js → tokens.esm-6cd758d9.js} +1 -1
- package/dist/esm/{window-resize.decorator-4d922021.js → window-resize.decorator-55f8e354.js} +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-datepicker.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/breakpoints.decorator-dffbf034.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-c11e7472.js → breakpoints.subject-fd3dc49c.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-e216cfe4.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-4d922021.js → window-resize.decorator-55f8e354.js} +1 -1
- package/dist/types/components/bal-segment/bal-segment-item/bal-segment-item.d.ts +1 -0
- package/package.json +7 -7
- package/dist/baloise-design-system/p-77cdc5cbab.entry.js +0 -1
- package/dist/baloise-design-system/p-a37806b3.js +0 -1
- package/dist/baloise-design-system/p-ea5b8ead.js +0 -1
- package/dist/baloise-design-system/p-fecc5b1e11.system.entry.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-c7356fbf.js +0 -1
- /package/dist/baloise-design-system/{p-8e798e23.js → p-a6536532.js} +0 -0
- /package/dist/baloise-design-system/{p-788f308a.system.js → p-fa210a21.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-ebe36fdf.js → tokens.esm-6cd758d9.js} +0 -0
package/dist/baloise-design-system/{p-a5ef8dac6d.system.entry.js → p-41ffaa3ffc.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,r,a){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function o(t){try{l(a.next(t))}catch(t){i(t)}}function s(t){try{l(a["throw"](t))}catch(t){i(t)}}function l(t){t.done?r(t.value):n(t.value).then(o,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(r=0)),r)try{if(a=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];n=0}finally{a=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-db0895e2.system.js","./p-7957c3c0.system.js","./p-9e2ff161.system.js","./p-116b65a6.system.js","./p-a4dacc2d.system.js","./p-2e8b4edc.system.js","./p-a01f3206.system.js","./p-ab3a5c74.system.js","./p-bb6304d0.system.js","./p-0177e3a0.system.js","./p-8949aa8b.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js","./p-333ef156.system.js","./p-ec9a7cf5.system.js","./p-788f308a.system.js","./p-23bdd8dc.system.js"],(function(t){"use strict";var e,r,a,n,i,o,s,l,c,u,d,b,h,f,p,g,m,_,v,w;return{setters:[function(t){e=t.h;r=t.r;a=t.c;n=t.H;i=t.g},function(t){o=t._;s=t.a},function(t){l=t.l;c=t.b},function(t){u=t.B},function(t){d=t.s},function(t){b=t.L},function(t){h=t.g},function(t){f=t.L},function(t){p=t.L},function(t){g=t.L},function(t){m=t.b},function(t){_=t.d},function(t){v=t.L},function(t){w=t.i},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var k=function(t){var r=t.value,a=t.items,n=t.containerId,i=t.onControlChange;var o=u.block("carousel");var s=o.element("controls");return e("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},e("bal-card",null,e("bal-card-content",null,a.map((function(t){return e("bal-button",{"aria-controls":n,key:t.value,expanded:true,color:r===t.value?"primary":"light",onClick:function(){return i(t)}},t.label)})))))};var y=function(t){var r=t.value,a=t.items,n=t.containerId,i=t.onControlChange;var o=u.block("carousel");var s=o.element("controls");var l=function(t){var e=t.detail-1;if(e<0){e=0}if(e>=a.length){e=a.length-1}i(a[e])};return e("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},e("bal-pagination",{"aria-controls":n,interface:"small",value:r+1,totalPages:a.length,onBalChange:l}))};var x=function(t){var r=t.isFirst,a=t.isLast,n=t.inverted,i=t.areControlsHidden,o=t.onNextClick,s=t.onPreviousClick,l=t.containerId,c=t.leftControlTitle,d=t.rightControlTitle;var b=u.block("carousel");var h=b.element("controls");var f=h.element("button");return e("div",{"data-mutation":"false",class:Object.assign(Object.assign({},h.class()),h.modifier("large").class())},e("bal-button",{class:Object.assign(Object.assign(Object.assign({},f.class()),f.modifier("left").class()),f.modifier("hidden").class(r&&i)),"aria-controls":l,square:true,icon:"nav-go-left",rounded:true,inverted:n,onClick:function(){return s()},disabled:r,"aria-hidden":r&&i?"true":null,"data-testid":"bal-carousel-control-left",title:c}),e("bal-button",{class:Object.assign(Object.assign(Object.assign({},f.class()),f.modifier("right").class()),f.modifier("hidden").class(a&&i)),"aria-controls":l,square:true,icon:"nav-go-right",rounded:true,inverted:n,onClick:function(){return o()},disabled:a,"aria-hidden":a&&i?"true":null,"data-testid":"bal-carousel-control-right",title:d}))};var j=function(t){var r=t.isFirst,a=t.isLast,n=t.inverted,i=t.leftControlTitle,o=t.rightControlTitle,s=t.containerId,l=t.onNextClick,c=t.onPreviousClick;var d=u.block("carousel");var b=d.element("controls");var h=b.element("button");return e("div",{class:Object.assign(Object.assign({},b.class()),b.modifier("small").class())},e("bal-button",{class:Object.assign(Object.assign(Object.assign({},h.class()),h.modifier("left").class()),h.modifier("hidden").class(r)),"aria-controls":s,square:true,size:"small",icon:"nav-go-left",rounded:true,inverted:n,onClick:function(){return c()},disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:i}),e("bal-button",{class:Object.assign(Object.assign(Object.assign({},h.class()),h.modifier("right").class()),h.modifier("hidden").class(a)),"aria-controls":s,square:true,size:"small",icon:"nav-go-right",rounded:true,inverted:n,onClick:function(){return l()},disabled:a,"aria-hidden":a?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:o}))};var O={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}};var z=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-carousel__inner--shadow-left.bal-carousel__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right.bal-carousel__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:calc(100% - 2rem);padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:calc(100% - 5rem);padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';var C=z;var F=t("bal_carousel",function(){function t(t){var e=this;r(this,t);this.balChange=a(this,"balChange",7);this.previousTransformValue=0;this.carouselId="bal-carousel-".concat(L++);this.carouselContainerId="bal-carousel-".concat(L++,"-container");this.mutationObserverActive=true;this.onPreviousButtonClick=function(){return e.previous()};this.onNextButtonClick=function(){return e.next()};this.onControlChange=function(t){if(t!==e.value){var r=t>e.value;if(r){e.next(t-e.value)}else{e.previous(e.value-t)}}};this.isLastSlideVisible=true;this.isMobile=m.isMobile;this.language=_.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false}t.prototype.blockVerticalScrolling=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){if(!this.scrollY&&((e=this.el)===null||e===void 0?void 0:e.contains(t.target))){d(t)}return[2]}))}))};t.prototype.mutationListener=function(){this.itemsChanged()};t.prototype.swipeListener=function(t){var e=t.left,r=t.right;if(e){this.next()}else if(r){this.previous()}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.itemsChanged()};t.prototype.resizeListener=function(){this.itemsChanged()};t.prototype.listenToKeyDown=function(t){if(this.htmlRole!=="tablist"){if(t.code==="Tab"){if(t.shiftKey){this.focusPreviousItem(t)}else{this.focusNextItem(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;return[2]}))}))};t.prototype.previous=function(t){if(t===void 0){t=this.steps}return __awaiter(this,void 0,void 0,(function(){var e,r,a;return __generator(this,(function(n){switch(n.label){case 0:e=this.value-t;if(e<0){e=0}return[4,this.buildSlide(e)];case 1:r=n.sent();if(!r)return[3,3];return[4,this.animate(r.transformActive,true)];case 2:a=n.sent();if(a||this.value!==e){this.value=e;this.balChange.emit(this.value)}n.label=3;case 3:return[2,r]}}))}))};t.prototype.next=function(t){if(t===void 0){t=this.steps}return __awaiter(this,void 0,void 0,(function(){var e,r,a,n,i;return __generator(this,(function(o){switch(o.label){case 0:e=this.getAllItemElements();r=e.length;a=this.value+t;if(a>=r){a=r-1}return[4,this.buildSlide(a)];case 1:n=o.sent();if(!n)return[3,3];return[4,this.animate(n.transformActive,true)];case 2:i=o.sent();if(i||this.value!==a){this.value=a;this.balChange.emit(this.value)}o.label=3;case 3:return[2,n]}}))}))};t.prototype.animate=function(t,e){if(t===void 0){t=0}if(e===void 0){e=true}return __awaiter(this,void 0,void 0,(function(){var r=this;return __generator(this,(function(a){return[2,new Promise((function(a){if(r.currentRaf!==undefined){cancelAnimationFrame(r.currentRaf)}r.currentRaf=l((function(){return __awaiter(r,void 0,void 0,(function(){var r,n,i,o,s,l,c,u,d,b,h;return __generator(this,(function(f){switch(f.label){case 0:if(!(this.containerEl&&this.innerEl))return[3,2];return[4,this.buildSlide()];case 1:r=f.sent();if(r){n=this.innerEl.clientWidth||0;i=r.transformNext||0;o=i<=n;s=i-n;l=s<=t;if(this.itemsPerView===3){s=i-n-1;l=s<=t}c=t===0||s<=2;if(c){this.value=0;this.balChange.emit(this.value)}u=this.controls==="small";d=this.controls==="large";b=o?0:l?s:t;if(!c&&!o&&(u||d&&!this.isMobile)){b=b-(l?0:d?56:48)}this.containerEl.style.transitionDuration=e?"0.6s":"0";this.containerEl.style.transform="translate3d(-".concat(b,"px, 0px, 0px)");h=b!==this.previousTransformValue;this.previousTransformValue=b;this.isLastSlideVisible=l;if(this.borderEl){this.borderEl.style.transitionDuration=e?"0.6s":"0";this.borderEl.style.transform="translate3d(".concat(b,"px, 0px, 0px)")}if(!h){return[2,a(false)]}return[2,a(true)]}f.label=2;case 2:return[2]}}))}))}))}))]}))}))};t.prototype.buildSlide=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,a,n;return __generator(this,(function(i){switch(i.label){case 0:e=this.getAllItemElements();r=t===undefined?e.length-1:t;if(!(e.length>r&&r>=0))return[3,2];return[4,this.getAllItemData()];case 1:a=i.sent();n=this.interface==="product"?16:0;return[2,{el:e[r],data:a[r],transformNext:e.filter((function(t,e){return e<r+1})).reduce((function(t,e){return t+h(e)+n}),0),transformActive:e.filter((function(t,e){return e<r})).reduce((function(t,e){return t+h(e)+n}),0),isFirst:r===0,isLast:r===e.length-1,total:e.length,index:r}];case 2:return[2,undefined]}}))}))};t.prototype.itemsChanged=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.buildSlide(this.value)];case 1:t=e.sent();if(t){this.animate(t.transformActive,false)}return[2]}}))}))};t.prototype.focusNextItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isLast)return[3,3];return[4,this.next(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];d(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.focusPreviousItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isFirst)return[3,3];return[4,this.previous(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];d(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.getAllItemData=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:t=this.getAllItemElements().map((function(t){return t.getData()}));return[4,Promise.all(t)];case 1:return[2,e.sent()]}}))}))};t.prototype.getAllItemElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};t.prototype.getAllControlItems=function(){var t=this.getAllItemElements();return t.map((function(t,e){return{value:e,label:t.label}}))};t.prototype.hasShadow=function(){return this.itemsPerView==="auto"||this.itemsPerView>1||this.interface==="card"};t.prototype.hasShadowLeft=function(){return this.hasShadow()&&(this.value!==0||this.interface==="card")};t.prototype.hasShadowRight=function(){return this.hasShadow()&&(!this.isLastSlideVisible||this.interface==="card")};t.prototype.isFirst=function(){return this.value===0};t.prototype.isLast=function(){return this.isLastSlideVisible};t.prototype.render=function(){var t=this;var r=u.block("carousel");var a=r.element("inner");var i=a.element("container");var o=O[this.language].left;var s=O[this.language].right;var l=this.getAllControlItems();return e(n,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(this.interface).class(this.interface!=="")),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-".concat(this.controls)).class())},this.controls==="tabs"?e(k,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("items-per-view-".concat(this.itemsPerView)).class()),a.modifier("is-".concat(this.aspectRatio)).class()),a.modifier("inverted").class(this.inverted)),a.modifier("full-height").class(this.fullHeight)),a.modifier("shadow-left").class(this.hasShadowLeft())),a.modifier("shadow-right").class(this.hasShadowRight())),ref:function(e){return t.innerEl=e}},e("div",{role:this.htmlRole,"aria-live":this.htmlRole!==""?"polite":undefined,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("border").class(this.border)),i.modifier("is-".concat(this.aspectRatio)).class()),ref:function(e){return t.containerEl=e}},e("slot",null),this.border?e("div",{id:"".concat(this.carouselId,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},i.element("border").class()),i.element("border").modifier("inverted").class(this.inverted)),ref:function(e){return t.borderEl=e}}):"")),this.controls==="dots"?e(y,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",this.controls==="large"?e(x,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:o,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"",this.controls==="small"?e(j,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:o,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());o([f({tags:["bal-carousel-item"],characterData:false}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],F.prototype,"mutationListener",null);o([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],F.prototype,"swipeListener",null);o([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],F.prototype,"breakpointListener",null);o([g(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],F.prototype,"resizeListener",null);o([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],F.prototype,"configChanged",null);var L=0;F.style=C;var P=t("bal_carousel_item",function(){function t(t){var e=this;r(this,t);this.balNavigate=a(this,"balNavigate",7);this.balFocus=a(this,"balFocus",7);this.balBlur=a(this,"balBlur",7);this.imageInheritAttributes={};this.onClick=function(t){if(e.href!==undefined){e.balNavigate.emit(t)}};this.onFocus=function(){e.balFocus.emit()};this.onBlur=function(){e.balBlur.emit()};this.src=undefined;this.label="";this.htmlRole="listitem";this.elementType="button";this.name="";this.value="";this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}t.prototype.componentWillLoad=function(){this.imageInheritAttributes=w(this.el,["alt"])};t.prototype.getData=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,{clientWidth:this.el.clientWidth,label:this.label}]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,c()];case 1:t.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};t.prototype.render=function(){var t=this;var r=u.block("carousel");var a=r.element("item");var i=!!this.color&&!!this.label;if(!i){return e(n,{role:this.htmlRole,class:Object.assign({},a.class())},this.src!==undefined?e("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",e("slot",null))}var o=a.element("button");var s=o.element("image");var l=o.element("label");var c=this,d=c.elementType,b=c.download,h=c.href,f=c.rel,p=c.target,g=c.name,m=c.value;var _=this.href===undefined?"button":"a";var v=_==="button"?{type:d,name:g,value:m}:{download:b,href:h,rel:f,target:p};return e(n,{role:this.htmlRole,class:Object.assign({},a.class())},e(_,Object.assign({},v,{class:Object.assign(Object.assign({},o.class()),o.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(e){return t.buttonEl=e}}),this.src!==undefined?e("img",Object.assign({class:Object.assign({},s.class()),loading:"lazy",draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",this.label!==undefined?e("span",{class:Object.assign({},l.class())},this.label):"",e("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}())}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,r,a){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function o(t){try{l(a.next(t))}catch(t){i(t)}}function s(t){try{l(a["throw"](t))}catch(t){i(t)}}function l(t){t.done?r(t.value):n(t.value).then(o,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(r=0)),r)try{if(a=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];n=0}finally{a=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-db0895e2.system.js","./p-7957c3c0.system.js","./p-6ff915ca.system.js","./p-116b65a6.system.js","./p-a4dacc2d.system.js","./p-2e8b4edc.system.js","./p-a01f3206.system.js","./p-2df0c70a.system.js","./p-bb6304d0.system.js","./p-0177e3a0.system.js","./p-8949aa8b.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js","./p-333ef156.system.js","./p-ec9a7cf5.system.js","./p-fa210a21.system.js","./p-23bdd8dc.system.js"],(function(t){"use strict";var e,r,a,n,i,o,s,l,c,u,d,b,h,f,p,g,m,_,v,w;return{setters:[function(t){e=t.h;r=t.r;a=t.c;n=t.H;i=t.g},function(t){o=t._;s=t.a},function(t){l=t.l;c=t.b},function(t){u=t.B},function(t){d=t.s},function(t){b=t.L},function(t){h=t.g},function(t){f=t.L},function(t){p=t.L},function(t){g=t.L},function(t){m=t.b},function(t){_=t.d},function(t){v=t.L},function(t){w=t.i},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var k=function(t){var r=t.value,a=t.items,n=t.containerId,i=t.onControlChange;var o=u.block("carousel");var s=o.element("controls");return e("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},e("bal-card",null,e("bal-card-content",null,a.map((function(t){return e("bal-button",{"aria-controls":n,key:t.value,expanded:true,color:r===t.value?"primary":"light",onClick:function(){return i(t)}},t.label)})))))};var y=function(t){var r=t.value,a=t.items,n=t.containerId,i=t.onControlChange;var o=u.block("carousel");var s=o.element("controls");var l=function(t){var e=t.detail-1;if(e<0){e=0}if(e>=a.length){e=a.length-1}i(a[e])};return e("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},e("bal-pagination",{"aria-controls":n,interface:"small",value:r+1,totalPages:a.length,onBalChange:l}))};var x=function(t){var r=t.isFirst,a=t.isLast,n=t.inverted,i=t.areControlsHidden,o=t.onNextClick,s=t.onPreviousClick,l=t.containerId,c=t.leftControlTitle,d=t.rightControlTitle;var b=u.block("carousel");var h=b.element("controls");var f=h.element("button");return e("div",{"data-mutation":"false",class:Object.assign(Object.assign({},h.class()),h.modifier("large").class())},e("bal-button",{class:Object.assign(Object.assign(Object.assign({},f.class()),f.modifier("left").class()),f.modifier("hidden").class(r&&i)),"aria-controls":l,square:true,icon:"nav-go-left",rounded:true,inverted:n,onClick:function(){return s()},disabled:r,"aria-hidden":r&&i?"true":null,"data-testid":"bal-carousel-control-left",title:c}),e("bal-button",{class:Object.assign(Object.assign(Object.assign({},f.class()),f.modifier("right").class()),f.modifier("hidden").class(a&&i)),"aria-controls":l,square:true,icon:"nav-go-right",rounded:true,inverted:n,onClick:function(){return o()},disabled:a,"aria-hidden":a&&i?"true":null,"data-testid":"bal-carousel-control-right",title:d}))};var j=function(t){var r=t.isFirst,a=t.isLast,n=t.inverted,i=t.leftControlTitle,o=t.rightControlTitle,s=t.containerId,l=t.onNextClick,c=t.onPreviousClick;var d=u.block("carousel");var b=d.element("controls");var h=b.element("button");return e("div",{class:Object.assign(Object.assign({},b.class()),b.modifier("small").class())},e("bal-button",{class:Object.assign(Object.assign(Object.assign({},h.class()),h.modifier("left").class()),h.modifier("hidden").class(r)),"aria-controls":s,square:true,size:"small",icon:"nav-go-left",rounded:true,inverted:n,onClick:function(){return c()},disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:i}),e("bal-button",{class:Object.assign(Object.assign(Object.assign({},h.class()),h.modifier("right").class()),h.modifier("hidden").class(a)),"aria-controls":s,square:true,size:"small",icon:"nav-go-right",rounded:true,inverted:n,onClick:function(){return l()},disabled:a,"aria-hidden":a?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:o}))};var O={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}};var z=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-carousel__inner--shadow-left.bal-carousel__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right.bal-carousel__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:calc(100% - 2rem);padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:calc(100% - 5rem);padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';var C=z;var F=t("bal_carousel",function(){function t(t){var e=this;r(this,t);this.balChange=a(this,"balChange",7);this.previousTransformValue=0;this.carouselId="bal-carousel-".concat(L++);this.carouselContainerId="bal-carousel-".concat(L++,"-container");this.mutationObserverActive=true;this.onPreviousButtonClick=function(){return e.previous()};this.onNextButtonClick=function(){return e.next()};this.onControlChange=function(t){if(t!==e.value){var r=t>e.value;if(r){e.next(t-e.value)}else{e.previous(e.value-t)}}};this.isLastSlideVisible=true;this.isMobile=m.isMobile;this.language=_.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false}t.prototype.blockVerticalScrolling=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){if(!this.scrollY&&((e=this.el)===null||e===void 0?void 0:e.contains(t.target))){d(t)}return[2]}))}))};t.prototype.mutationListener=function(){this.itemsChanged()};t.prototype.swipeListener=function(t){var e=t.left,r=t.right;if(e){this.next()}else if(r){this.previous()}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.itemsChanged()};t.prototype.resizeListener=function(){this.itemsChanged()};t.prototype.listenToKeyDown=function(t){if(this.htmlRole!=="tablist"){if(t.code==="Tab"){if(t.shiftKey){this.focusPreviousItem(t)}else{this.focusNextItem(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;return[2]}))}))};t.prototype.previous=function(t){if(t===void 0){t=this.steps}return __awaiter(this,void 0,void 0,(function(){var e,r,a;return __generator(this,(function(n){switch(n.label){case 0:e=this.value-t;if(e<0){e=0}return[4,this.buildSlide(e)];case 1:r=n.sent();if(!r)return[3,3];return[4,this.animate(r.transformActive,true)];case 2:a=n.sent();if(a||this.value!==e){this.value=e;this.balChange.emit(this.value)}n.label=3;case 3:return[2,r]}}))}))};t.prototype.next=function(t){if(t===void 0){t=this.steps}return __awaiter(this,void 0,void 0,(function(){var e,r,a,n,i;return __generator(this,(function(o){switch(o.label){case 0:e=this.getAllItemElements();r=e.length;a=this.value+t;if(a>=r){a=r-1}return[4,this.buildSlide(a)];case 1:n=o.sent();if(!n)return[3,3];return[4,this.animate(n.transformActive,true)];case 2:i=o.sent();if(i||this.value!==a){this.value=a;this.balChange.emit(this.value)}o.label=3;case 3:return[2,n]}}))}))};t.prototype.animate=function(t,e){if(t===void 0){t=0}if(e===void 0){e=true}return __awaiter(this,void 0,void 0,(function(){var r=this;return __generator(this,(function(a){return[2,new Promise((function(a){if(r.currentRaf!==undefined){cancelAnimationFrame(r.currentRaf)}r.currentRaf=l((function(){return __awaiter(r,void 0,void 0,(function(){var r,n,i,o,s,l,c,u,d,b,h;return __generator(this,(function(f){switch(f.label){case 0:if(!(this.containerEl&&this.innerEl))return[3,2];return[4,this.buildSlide()];case 1:r=f.sent();if(r){n=this.innerEl.clientWidth||0;i=r.transformNext||0;o=i<=n;s=i-n;l=s<=t;if(this.itemsPerView===3){s=i-n-1;l=s<=t}c=t===0||s<=2;if(c){this.value=0;this.balChange.emit(this.value)}u=this.controls==="small";d=this.controls==="large";b=o?0:l?s:t;if(!c&&!o&&(u||d&&!this.isMobile)){b=b-(l?0:d?56:48)}this.containerEl.style.transitionDuration=e?"0.6s":"0";this.containerEl.style.transform="translate3d(-".concat(b,"px, 0px, 0px)");h=b!==this.previousTransformValue;this.previousTransformValue=b;this.isLastSlideVisible=l;if(this.borderEl){this.borderEl.style.transitionDuration=e?"0.6s":"0";this.borderEl.style.transform="translate3d(".concat(b,"px, 0px, 0px)")}if(!h){return[2,a(false)]}return[2,a(true)]}f.label=2;case 2:return[2]}}))}))}))}))]}))}))};t.prototype.buildSlide=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,a,n;return __generator(this,(function(i){switch(i.label){case 0:e=this.getAllItemElements();r=t===undefined?e.length-1:t;if(!(e.length>r&&r>=0))return[3,2];return[4,this.getAllItemData()];case 1:a=i.sent();n=this.interface==="product"?16:0;return[2,{el:e[r],data:a[r],transformNext:e.filter((function(t,e){return e<r+1})).reduce((function(t,e){return t+h(e)+n}),0),transformActive:e.filter((function(t,e){return e<r})).reduce((function(t,e){return t+h(e)+n}),0),isFirst:r===0,isLast:r===e.length-1,total:e.length,index:r}];case 2:return[2,undefined]}}))}))};t.prototype.itemsChanged=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.buildSlide(this.value)];case 1:t=e.sent();if(t){this.animate(t.transformActive,false)}return[2]}}))}))};t.prototype.focusNextItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isLast)return[3,3];return[4,this.next(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];d(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.focusPreviousItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isFirst)return[3,3];return[4,this.previous(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];d(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.getAllItemData=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:t=this.getAllItemElements().map((function(t){return t.getData()}));return[4,Promise.all(t)];case 1:return[2,e.sent()]}}))}))};t.prototype.getAllItemElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};t.prototype.getAllControlItems=function(){var t=this.getAllItemElements();return t.map((function(t,e){return{value:e,label:t.label}}))};t.prototype.hasShadow=function(){return this.itemsPerView==="auto"||this.itemsPerView>1||this.interface==="card"};t.prototype.hasShadowLeft=function(){return this.hasShadow()&&(this.value!==0||this.interface==="card")};t.prototype.hasShadowRight=function(){return this.hasShadow()&&(!this.isLastSlideVisible||this.interface==="card")};t.prototype.isFirst=function(){return this.value===0};t.prototype.isLast=function(){return this.isLastSlideVisible};t.prototype.render=function(){var t=this;var r=u.block("carousel");var a=r.element("inner");var i=a.element("container");var o=O[this.language].left;var s=O[this.language].right;var l=this.getAllControlItems();return e(n,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(this.interface).class(this.interface!=="")),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-".concat(this.controls)).class())},this.controls==="tabs"?e(k,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("items-per-view-".concat(this.itemsPerView)).class()),a.modifier("is-".concat(this.aspectRatio)).class()),a.modifier("inverted").class(this.inverted)),a.modifier("full-height").class(this.fullHeight)),a.modifier("shadow-left").class(this.hasShadowLeft())),a.modifier("shadow-right").class(this.hasShadowRight())),ref:function(e){return t.innerEl=e}},e("div",{role:this.htmlRole,"aria-live":this.htmlRole!==""?"polite":undefined,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("border").class(this.border)),i.modifier("is-".concat(this.aspectRatio)).class()),ref:function(e){return t.containerEl=e}},e("slot",null),this.border?e("div",{id:"".concat(this.carouselId,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},i.element("border").class()),i.element("border").modifier("inverted").class(this.inverted)),ref:function(e){return t.borderEl=e}}):"")),this.controls==="dots"?e(y,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",this.controls==="large"?e(x,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:o,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"",this.controls==="small"?e(j,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:o,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());o([f({tags:["bal-carousel-item"],characterData:false}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],F.prototype,"mutationListener",null);o([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],F.prototype,"swipeListener",null);o([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],F.prototype,"breakpointListener",null);o([g(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],F.prototype,"resizeListener",null);o([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],F.prototype,"configChanged",null);var L=0;F.style=C;var P=t("bal_carousel_item",function(){function t(t){var e=this;r(this,t);this.balNavigate=a(this,"balNavigate",7);this.balFocus=a(this,"balFocus",7);this.balBlur=a(this,"balBlur",7);this.imageInheritAttributes={};this.onClick=function(t){if(e.href!==undefined){e.balNavigate.emit(t)}};this.onFocus=function(){e.balFocus.emit()};this.onBlur=function(){e.balBlur.emit()};this.src=undefined;this.label="";this.htmlRole="listitem";this.elementType="button";this.name="";this.value="";this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}t.prototype.componentWillLoad=function(){this.imageInheritAttributes=w(this.el,["alt"])};t.prototype.getData=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,{clientWidth:this.el.clientWidth,label:this.label}]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,c()];case 1:t.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};t.prototype.render=function(){var t=this;var r=u.block("carousel");var a=r.element("item");var i=!!this.color&&!!this.label;if(!i){return e(n,{role:this.htmlRole,class:Object.assign({},a.class())},this.src!==undefined?e("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",e("slot",null))}var o=a.element("button");var s=o.element("image");var l=o.element("label");var c=this,d=c.elementType,b=c.download,h=c.href,f=c.rel,p=c.target,g=c.name,m=c.value;var _=this.href===undefined?"button":"a";var v=_==="button"?{type:d,name:g,value:m}:{download:b,href:h,rel:f,target:p};return e(n,{role:this.htmlRole,class:Object.assign({},a.class())},e(_,Object.assign({},v,{class:Object.assign(Object.assign({},o.class()),o.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(e){return t.buttonEl=e}}),this.src!==undefined?e("img",Object.assign({class:Object.assign({},s.class()),loading:"lazy",draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",this.label!==undefined?e("span",{class:Object.assign({},l.class())},this.label):"",e("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}())}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as e,H as t,g as s}from"./p-d7c752c6.js";import{B as r}from"./p-ae86d0a0.js";import{f as i,g as c,h as d,i as o,j as h,k as n,l as b,m as l,n as p}from"./p-
|
|
1
|
+
import{r as a,h as e,H as t,g as s}from"./p-d7c752c6.js";import{B as r}from"./p-ae86d0a0.js";import{f as i,g as c,h as d,i as o,j as h,k as n,l as b,m as l,n as p}from"./p-a6536532.js";const f=class{constructor(e){a(this,e),this.getHex=()=>{let a;switch(this.color){case"green":a=p;break;case"green-light":a=l;break;case"red":a=b;break;case"red-light":a=n;break;case"purple":a=h;break;case"purple-light":a=o;break;case"yellow":a=d;break;case"yellow-light":a=c;break;default:a=i}return a},this.variation="1",this.color="green",this.rotation="0"}render(){const a=r.block("shape"),s=[e("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},e("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},e("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),e("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},e("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},e("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),e("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},e("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},e("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return e(t,{class:Object.assign(Object.assign({},a.class()),a.modifier(`is-rotation-${this.rotation}`).class())},e("svg",{version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},s[parseInt(this.variation)-1]))}get el(){return s(this)}};f.style=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";export{f as bal_shape}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as t}from"./p-d7c752c6.js";import{b as s}from"./p-a65354df.js";import{d as e}from"./p-a19d1e1d.js";class i{constructor(t){this.options=t,this.container=null,this.queue=[],this.preQueue=[],this.queueLimit=5}create(t){if(s.hasDocument){this.setupContainer();const s=this.findClone(t);if(void 0===s){const s=document.createElement(this.options.tag);return Object.assign(s,t),s.addEventListener("balClose",(t=>{this.removeFromQueue(t.detail)})),this.preQueue.push(s),this.updateQueue(),s}return s}}setQueue(t){this.queueLimit=t}async dismissAll(){var t;const s=null===(t=this.container)||void 0===t?void 0:t.querySelectorAll(this.options.tag);if(s){const t=[];for(let e=0;e<s.length;e++){const i=s[e];i.close&&t.push(i.close())}await Promise.all(t)}}async clearAll(){return console.warn("[DEPRECATED] - use dismissAll() instead"),this.dismissAll()}findClone(t){for(let s=0;s<this.queue.length;s++){const e=this.queue[s];if(e.message===t.message&&e.color===t.color)return e}}setupContainer(){if(s.hasDocument){const t=`${this.options.tag}-container`;if(this.container=document.getElementById(t),this.container)return;this.container||(this.container=document.createElement("bal-notices"),this.container.setAttribute("interface",this.options.tag.replace("bal-","")),this.container.id=t),document.body.appendChild(this.container)}}updateQueue(){var t;if(this.queue.length<this.queueLimit){const t=this.preQueue.shift();t&&this.container&&(this.queue.push(t),this.container.insertAdjacentElement("beforeend",t))}0===this.queue.length&&(null===(t=this.container)||void 0===t||t.remove())}removeFromQueue(t){this.queue=this.queue.filter((s=>s.id!==t)),setTimeout((()=>this.updateQueue()),0)}}class r extends i{constructor(){super({tag:"bal-toast"})}create(t){return super.create(t)}}const n=new r;class h extends i{constructor(){super({tag:"bal-snackbar"})}create(t){return super.create(t)}}const o=new h,c="baloise-persist-config";class a{constructor(){this._componentObservers=[],this._observers=[],this._config=e}get locale(){return`${this._config.language}-${this._config.region}`}get region(){return this._config.region}set region(t){t!==this._config.region&&(this._config.region=t,this._notify())}get language(){return this._config.language}set language(t){t!==this._config.language&&(this._config.language=this._config.allowedLanguages.includes(t)?t:this._config.fallbackLanguage,this._notify())}get allowedLanguages(){return this._config.allowedLanguages}set allowedLanguages(t){t!==this._config.allowedLanguages&&(this._config.allowedLanguages=t,this._notify())}get icons(){return this._config.icons}set icons(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t),this._notify()}get logger(){return this._config.logger}set logger(t){this._config.logger=Object.assign({},t),this._notify()}get animated(){return this._config.animated}set animated(t){this._config.animated=t,this._notify()}get httpFormSubmit(){return this._config.httpFormSubmit}set httpFormSubmit(t){this._config.httpFormSubmit=t,this._notify()}attach(t){if(this._observers.includes(t))return console.log("Subject: Observer has been attached already.");this._observers.push(t),t.configChanged(this._config)}detach(t){const s=this._observers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._observers.splice(s,1)}attachComponent(t){if(this._componentObservers.includes(t))return console.log("Subject: Observer has been attached already.");this._componentObservers.push(t),t.configChanged(this._config)}detachComponent(t){const s=this._componentObservers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._componentObservers.splice(s,1)}toString(){return JSON.stringify(this._config)}reset(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)}),this._notify(!1)}_notify(t=!0){for(const t of this._componentObservers)t.configChanged(this._config);if(t)for(const t of this._observers)t.configChanged(this._config);s.hasWindow&&b(window,this._config)}}const u=new a,l=t=>{try{const s=t.sessionStorage.getItem(c);return null!==s?JSON.parse(s):{}}catch(t){return{}}},b=(t,s)=>{try{t.sessionStorage.setItem(c,JSON.stringify(s))}catch(t){return}},d=(t={},e={})=>{0===Object.keys(e).length&&s.hasWindow&&(e=window),e.BaloiseDesignSystem=e.BaloiseDesignSystem||{},u.reset(Object.assign(Object.assign(Object.assign({},l(e)),t),{icons:Object.assign(Object.assign({},l(e).icons),t.icons)})),e.BaloiseDesignSystem.config=u},f=(e={},i,r={})=>{0===Object.keys(r).length&&s.hasWindow&&(r=window),r.BaloiseDesignSystem=r.BaloiseDesignSystem||{},i&&t(i),d(Object.assign(Object.assign({},e),i),r),r.BaloiseDesignSystem.toastController=n,r.BaloiseDesignSystem.snackbarController=o,r.BaloiseDesignSystem.initialize=()=>d(r.BaloiseDesignSystem.config,r),r.BaloiseDesignSystem.version="16.
|
|
1
|
+
import{a as t}from"./p-d7c752c6.js";import{b as s}from"./p-a65354df.js";import{d as e}from"./p-a19d1e1d.js";class i{constructor(t){this.options=t,this.container=null,this.queue=[],this.preQueue=[],this.queueLimit=5}create(t){if(s.hasDocument){this.setupContainer();const s=this.findClone(t);if(void 0===s){const s=document.createElement(this.options.tag);return Object.assign(s,t),s.addEventListener("balClose",(t=>{this.removeFromQueue(t.detail)})),this.preQueue.push(s),this.updateQueue(),s}return s}}setQueue(t){this.queueLimit=t}async dismissAll(){var t;const s=null===(t=this.container)||void 0===t?void 0:t.querySelectorAll(this.options.tag);if(s){const t=[];for(let e=0;e<s.length;e++){const i=s[e];i.close&&t.push(i.close())}await Promise.all(t)}}async clearAll(){return console.warn("[DEPRECATED] - use dismissAll() instead"),this.dismissAll()}findClone(t){for(let s=0;s<this.queue.length;s++){const e=this.queue[s];if(e.message===t.message&&e.color===t.color)return e}}setupContainer(){if(s.hasDocument){const t=`${this.options.tag}-container`;if(this.container=document.getElementById(t),this.container)return;this.container||(this.container=document.createElement("bal-notices"),this.container.setAttribute("interface",this.options.tag.replace("bal-","")),this.container.id=t),document.body.appendChild(this.container)}}updateQueue(){var t;if(this.queue.length<this.queueLimit){const t=this.preQueue.shift();t&&this.container&&(this.queue.push(t),this.container.insertAdjacentElement("beforeend",t))}0===this.queue.length&&(null===(t=this.container)||void 0===t||t.remove())}removeFromQueue(t){this.queue=this.queue.filter((s=>s.id!==t)),setTimeout((()=>this.updateQueue()),0)}}class r extends i{constructor(){super({tag:"bal-toast"})}create(t){return super.create(t)}}const n=new r;class h extends i{constructor(){super({tag:"bal-snackbar"})}create(t){return super.create(t)}}const o=new h,c="baloise-persist-config";class a{constructor(){this._componentObservers=[],this._observers=[],this._config=e}get locale(){return`${this._config.language}-${this._config.region}`}get region(){return this._config.region}set region(t){t!==this._config.region&&(this._config.region=t,this._notify())}get language(){return this._config.language}set language(t){t!==this._config.language&&(this._config.language=this._config.allowedLanguages.includes(t)?t:this._config.fallbackLanguage,this._notify())}get allowedLanguages(){return this._config.allowedLanguages}set allowedLanguages(t){t!==this._config.allowedLanguages&&(this._config.allowedLanguages=t,this._notify())}get icons(){return this._config.icons}set icons(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t),this._notify()}get logger(){return this._config.logger}set logger(t){this._config.logger=Object.assign({},t),this._notify()}get animated(){return this._config.animated}set animated(t){this._config.animated=t,this._notify()}get httpFormSubmit(){return this._config.httpFormSubmit}set httpFormSubmit(t){this._config.httpFormSubmit=t,this._notify()}attach(t){if(this._observers.includes(t))return console.log("Subject: Observer has been attached already.");this._observers.push(t),t.configChanged(this._config)}detach(t){const s=this._observers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._observers.splice(s,1)}attachComponent(t){if(this._componentObservers.includes(t))return console.log("Subject: Observer has been attached already.");this._componentObservers.push(t),t.configChanged(this._config)}detachComponent(t){const s=this._componentObservers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._componentObservers.splice(s,1)}toString(){return JSON.stringify(this._config)}reset(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)}),this._notify(!1)}_notify(t=!0){for(const t of this._componentObservers)t.configChanged(this._config);if(t)for(const t of this._observers)t.configChanged(this._config);s.hasWindow&&b(window,this._config)}}const u=new a,l=t=>{try{const s=t.sessionStorage.getItem(c);return null!==s?JSON.parse(s):{}}catch(t){return{}}},b=(t,s)=>{try{t.sessionStorage.setItem(c,JSON.stringify(s))}catch(t){return}},d=(t={},e={})=>{0===Object.keys(e).length&&s.hasWindow&&(e=window),e.BaloiseDesignSystem=e.BaloiseDesignSystem||{},u.reset(Object.assign(Object.assign(Object.assign({},l(e)),t),{icons:Object.assign(Object.assign({},l(e).icons),t.icons)})),e.BaloiseDesignSystem.config=u},f=(e={},i,r={})=>{0===Object.keys(r).length&&s.hasWindow&&(r=window),r.BaloiseDesignSystem=r.BaloiseDesignSystem||{},i&&t(i),d(Object.assign(Object.assign({},e),i),r),r.BaloiseDesignSystem.toastController=n,r.BaloiseDesignSystem.snackbarController=o,r.BaloiseDesignSystem.initialize=()=>d(r.BaloiseDesignSystem.config,r),r.BaloiseDesignSystem.version="16.7.0"};export{r as B,h as a,n as b,o as c,f as i,d as s}
|
|
@@ -0,0 +1 @@
|
|
|
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-d2cd4498.system.js","./p-6ff915ca.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-2df0c70a.system.js","./p-ec9a7cf5.system.js","./p-fa210a21.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,S;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.h;u=e.s;g=e.y;h=e.q;f=e.z;v=e.A;p=e.B},function(e){_=e.s},function(e){x=e.F},function(e){k=e.l;y=e.j;w=e.r},function(e){j=e.d},function(e){O=e.L},function(e){z=e.L},function(e){F=e.L},function(e){S=e.i},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var L=":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 A=L;var C=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=j;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();this.isVertical=this.vertical};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=x.includes(e.key);var t=false;var i;if(m(e)||d(e)){_(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(u(e)||g(e)){_(e);i=this.getSegmentItem("previous")}else if(h(e)||f(e)){_(e);i=this.getSegmentItem("next")}else if(v(e)){_(e);i=this.getSegmentItem("first")}else if(p(e)){_(e);i=this.getSegmentItem("last")}if(!i){return}var n=this.checked;if(i!==n||t){this.checkButton(n,i);this.emitValueChange()}if(i){i.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;k((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)],C.prototype,"createLogger",null);o([O(),l("design:type",Function),l("design:paramtypes",[FocusEvent]),l("design:returntype",void 0)],C.prototype,"focusInListener",null);o([O(),l("design:type",Function),l("design:paramtypes",[FocusEvent]),l("design:returntype",void 0)],C.prototype,"focusOutListener",null);o([F(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],C.prototype,"breakpointListener",null);o([z(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],C.prototype,"windowResizeListener",null);C.style=A;var E=':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 X=E;var I=0;var V=e("bal_segment_item",function(){function e(e){var i=this;t(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=I++;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=j;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({},S(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){y(t,"balSelect",this.updateState);y(t,"balVertical",this.updateVertical)}k((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){w(e,"balSelect",this.updateState);w(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}());V.style=X}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as n,g as o,c as r}from"./p-d7c752c6.js";import{_ as i,a}from"./p-43c9f5e9.js";import{B as s}from"./p-ae86d0a0.js";import{p as l}from"./p-c0c91eb1.js";import{B as c}from"./p-c1852273.js";import{b as p}from"./p-ea5b8ead.js";import{L as h}from"./p-a37806b3.js";import{L as d}from"./p-69e7c8d6.js";import{b as u}from"./p-a65354df.js";import{L as b}from"./p-b77e3348.js";import"./p-9a3d9e17.js";import"./p-88f18fbc.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-8e798e23.js";const f=class{constructor(e){t(this,e),this.bodyScrollHandler=new c,this.onPopoverChange=t=>{this.isActive=t.detail,l(t)},this.isActive=!1,this.innerCloseLabel="Close",this.isMobile=p.isMobile,this.closeLabel=void 0,this.small=!1}connectedCallback(){this.bodyScrollHandler.connect()}componentDidRender(){this.updateContent()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}breakpointListener(t){const e=t.mobile;e!==this.isMobile&&(this.isActive=!1),this.isMobile=e}async configChanged(t){if(!this.closeLabel)switch(t.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close"}}async toggle(){this.isActive?this.dismiss():this.present()}async present(){this.popoverElement&&this.popoverElement.present(),this.isMobile&&this.bodyScrollHandler.disable(),this.isActive=!0}async dismiss(){this.popoverElement&&this.popoverElement.dismiss(),this.isMobile&&this.bodyScrollHandler.enable(),this.isActive=!1}updateContent(){this.hintContentEl&&this.slotWrapperEl&&(this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML)}render(){const t=s.block("hint"),o=t.element("icon"),r=t.element("content"),i=r.element("buttons"),a=this.isMobile?0:8,l=this.isMobile?0:16,c=()=>e("bal-icon",{class:Object.assign({},o.class()),"data-testid":"bal-hint-trigger","bal-popover-trigger":!0,"aria-haspopup":"true",role:"button",name:"info-circle",onClick:()=>this.toggle()}),p=()=>e("div",{class:Object.assign({},r.class()),"data-testid":"bal-hint-content"},e("div",{ref:t=>this.hintContentEl=t}),e("bal-button-group",{class:Object.assign(Object.assign({},i.class()),i.modifier("is-hidden-desktop").class(this.small))},e("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:()=>this.dismiss()},this.closeLabel?this.closeLabel:this.innerCloseLabel))),h=this.isMobile?()=>{const n=t.element("overlay");return e("div",{class:Object.assign({},n.class())},e(c,null),e("div",{class:Object.assign(Object.assign({},n.element("content").class()),n.element("content").modifier("active").class(this.isActive))},e(p,null)))}:()=>e("div",{class:Object.assign({},t.element("popover").class())},e("bal-popover",{hint:!0,position:"right",offsetX:0,offsetY:l,padding:a,ref:t=>this.popoverElement=t,onBalChange:this.onPopoverChange},e(c,null),e("bal-popover-content",{color:"grey"},e(p,null))));return e(n,{class:Object.assign({},t.class())},e(h,null),e("div",{ref:t=>this.slotWrapperEl=t,style:{display:"none"}},e("slot",null)))}get element(){return o(this)}};i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],f.prototype,"breakpointListener",null),i([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";const v=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("text"),o=t.element("field");return e(n,{class:Object.assign({},t.class())},e("p",{class:Object.assign({},o.class())},e("slot",null)))}},m=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("title"),o=t.element("heading");return e(n,{class:Object.assign({},t.class())},e("h3",{class:Object.assign({},o.class())},e("span",null,e("slot",null))))}};var _="top",g="bottom",y="right",w="left",x="auto",j=[_,g,y,w],O="start",k="end",z="clippingParents",L="viewport",C="popper",P="reference",E=j.reduce((function(t,e){return t.concat([e+"-"+O,e+"-"+k])}),[]),M=[].concat(j,[x]).reduce((function(t,e){return t.concat([e,e+"-"+O,e+"-"+k])}),[]),A=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function B(t){return t?(t.nodeName||"").toLowerCase():null}function S(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function W(t){return t instanceof S(t).Element||t instanceof Element}function F(t){return t instanceof S(t).HTMLElement||t instanceof HTMLElement}function R(t){return"undefined"!=typeof ShadowRoot&&(t instanceof S(t).ShadowRoot||t instanceof ShadowRoot)}function T(t){return t.split("-")[0]}var q=Math.max,$=Math.min,H=Math.round;function D(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function I(){return!/^((?!chrome|android).)*safari/i.test(D())}function U(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var o=t.getBoundingClientRect(),r=1,i=1;e&&F(t)&&(r=t.offsetWidth>0&&H(o.width)/t.offsetWidth||1,i=t.offsetHeight>0&&H(o.height)/t.offsetHeight||1);var a=(W(t)?S(t):window).visualViewport,s=!I()&&n,l=(o.left+(s&&a?a.offsetLeft:0))/r,c=(o.top+(s&&a?a.offsetTop:0))/i,p=o.width/r,h=o.height/i;return{width:p,height:h,top:c,right:l+p,bottom:c+h,left:l,x:l,y:c}}function K(t){var e=U(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function N(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&R(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function V(t){return S(t).getComputedStyle(t)}function X(t){return["table","td","th"].indexOf(B(t))>=0}function Y(t){return((W(t)?t.ownerDocument:t.document)||window.document).documentElement}function G(t){return"html"===B(t)?t:t.assignedSlot||t.parentNode||(R(t)?t.host:null)||Y(t)}function J(t){return F(t)&&"fixed"!==V(t).position?t.offsetParent:null}function Q(t){for(var e=S(t),n=J(t);n&&X(n)&&"static"===V(n).position;)n=J(n);return n&&("html"===B(n)||"body"===B(n)&&"static"===V(n).position)?e:n||function(t){var e=/firefox/i.test(D());if(/Trident/i.test(D())&&F(t)&&"fixed"===V(t).position)return null;var n=G(t);for(R(n)&&(n=n.host);F(n)&&["html","body"].indexOf(B(n))<0;){var o=V(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function Z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function tt(t,e,n){return q(t,$(e,n))}function et(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function nt(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function ot(t){return t.split("-")[1]}var rt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function it(t){var e,n=t.popper,o=t.popperRect,r=t.placement,i=t.variation,a=t.offsets,s=t.position,l=t.gpuAcceleration,c=t.adaptive,p=t.roundOffsets,h=t.isFixed,d=a.x,u=void 0===d?0:d,b=a.y,f=void 0===b?0:b,v="function"==typeof p?p({x:u,y:f}):{x:u,y:f};u=v.x,f=v.y;var m=a.hasOwnProperty("x"),x=a.hasOwnProperty("y"),j=w,O=_,z=window;if(c){var L=Q(n),C="clientHeight",P="clientWidth";L===S(n)&&"static"!==V(L=Y(n)).position&&"absolute"===s&&(C="scrollHeight",P="scrollWidth"),(r===_||(r===w||r===y)&&i===k)&&(O=g,f-=(h&&L===z&&z.visualViewport?z.visualViewport.height:L[C])-o.height,f*=l?1:-1),r!==w&&(r!==_&&r!==g||i!==k)||(j=y,u-=(h&&L===z&&z.visualViewport?z.visualViewport.width:L[P])-o.width,u*=l?1:-1)}var E,M=Object.assign({position:s},c&&rt),A=!0===p?function(t,e){var n=t.y,o=e.devicePixelRatio||1;return{x:H(t.x*o)/o||0,y:H(n*o)/o||0}}({x:u,y:f},S(n)):{x:u,y:f};return u=A.x,f=A.y,Object.assign({},M,l?((E={})[O]=x?"0":"",E[j]=m?"0":"",E.transform=(z.devicePixelRatio||1)<=1?"translate("+u+"px, "+f+"px)":"translate3d("+u+"px, "+f+"px, 0)",E):((e={})[O]=x?f+"px":"",e[j]=m?u+"px":"",e.transform="",e))}var at={passive:!0},st={left:"right",right:"left",bottom:"top",top:"bottom"};function lt(t){return t.replace(/left|right|bottom|top/g,(function(t){return st[t]}))}var ct={start:"end",end:"start"};function pt(t){return t.replace(/start|end/g,(function(t){return ct[t]}))}function ht(t){var e=S(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function dt(t){return U(Y(t)).left+ht(t).scrollLeft}function ut(t){var e=V(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function bt(t){return["html","body","#document"].indexOf(B(t))>=0?t.ownerDocument.body:F(t)&&ut(t)?t:bt(G(t))}function ft(t,e){var n;void 0===e&&(e=[]);var o=bt(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=S(o),a=r?[i].concat(i.visualViewport||[],ut(o)?o:[]):o,s=e.concat(a);return r?s:s.concat(ft(G(a)))}function vt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function mt(t,e,n){return e===L?vt(function(t,e){var n=S(t),o=Y(t),r=n.visualViewport,i=o.clientWidth,a=o.clientHeight,s=0,l=0;if(r){i=r.width,a=r.height;var c=I();(c||!c&&"fixed"===e)&&(s=r.offsetLeft,l=r.offsetTop)}return{width:i,height:a,x:s+dt(t),y:l}}(t,n)):W(e)?function(t,e){var n=U(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):vt(function(t){var e,n=Y(t),o=ht(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=q(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=q(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-o.scrollLeft+dt(t),l=-o.scrollTop;return"rtl"===V(r||n).direction&&(s+=q(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:s,y:l}}(Y(t)))}function _t(t){var e,n=t.reference,o=t.element,r=t.placement,i=r?T(r):null,a=r?ot(r):null,s=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(i){case _:e={x:s,y:n.y-o.height};break;case g:e={x:s,y:n.y+n.height};break;case y:e={x:n.x+n.width,y:l};break;case w:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var c=i?Z(i):null;if(null!=c){var p="y"===c?"height":"width";switch(a){case O:e[c]=e[c]-(n[p]/2-o[p]/2);break;case k:e[c]=e[c]+(n[p]/2-o[p]/2)}}return e}function gt(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.strategy,i=void 0===r?t.strategy:r,a=e.boundary,s=void 0===a?z:a,l=e.rootBoundary,c=void 0===l?L:l,p=e.elementContext,h=void 0===p?C:p,d=e.altBoundary,u=void 0!==d&&d,b=e.padding,f=void 0===b?0:b,v=et("number"!=typeof f?f:nt(f,j)),m=t.rects.popper,w=t.elements[u?h===C?P:C:h],x=function(t,e,n,o){var r="clippingParents"===e?function(t){var e=ft(G(t)),n=["absolute","fixed"].indexOf(V(t).position)>=0&&F(t)?Q(t):t;return W(n)?e.filter((function(t){return W(t)&&N(t,n)&&"body"!==B(t)})):[]}(t):[].concat(e),i=[].concat(r,[n]),a=i.reduce((function(e,n){var r=mt(t,n,o);return e.top=q(r.top,e.top),e.right=$(r.right,e.right),e.bottom=$(r.bottom,e.bottom),e.left=q(r.left,e.left),e}),mt(t,i[0],o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(W(w)?w:w.contextElement||Y(t.elements.popper),s,c,i),O=U(t.elements.reference),k=_t({reference:O,element:m,strategy:"absolute",placement:o}),E=vt(Object.assign({},m,k)),M=h===C?E:O,A={top:x.top-M.top+v.top,bottom:M.bottom-x.bottom+v.bottom,left:x.left-M.left+v.left,right:M.right-x.right+v.right},S=t.modifiersData.offset;if(h===C&&S){var R=S[o];Object.keys(A).forEach((function(t){var e=[y,g].indexOf(t)>=0?1:-1,n=[_,g].indexOf(t)>=0?"y":"x";A[t]+=R[n]*e}))}return A}function yt(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?M:a,l=ot(e.placement),c=l?i?E:E.filter((function(t){return ot(t)===l})):j,p=c.filter((function(t){return s.indexOf(t)>=0}));0===p.length&&(p=c);var h=p.reduce((function(e,i){return e[i]=gt(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[T(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}const wt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,i=void 0===r||r,a=n.altAxis,s=void 0===a||a,l=n.fallbackPlacements,c=n.padding,p=n.boundary,h=n.rootBoundary,d=n.altBoundary,u=n.flipVariations,b=void 0===u||u,f=n.allowedAutoPlacements,v=e.options.placement,m=T(v),j=l||(m!==v&&b?function(t){if(T(t)===x)return[];var e=lt(t);return[pt(t),e,pt(e)]}(v):[lt(v)]),k=[v].concat(j).reduce((function(t,n){return t.concat(T(n)===x?yt(e,{placement:n,boundary:p,rootBoundary:h,padding:c,flipVariations:b,allowedAutoPlacements:f}):n)}),[]),z=e.rects.reference,L=e.rects.popper,C=new Map,P=!0,E=k[0],M=0;M<k.length;M++){var A=k[M],B=T(A),S=ot(A)===O,W=[_,g].indexOf(B)>=0,F=W?"width":"height",R=gt(e,{placement:A,boundary:p,rootBoundary:h,altBoundary:d,padding:c}),q=W?S?y:w:S?g:_;z[F]>L[F]&&(q=lt(q));var $=lt(q),H=[];if(i&&H.push(R[B]<=0),s&&H.push(R[q]<=0,R[$]<=0),H.every((function(t){return t}))){E=A,P=!1;break}C.set(A,H)}if(P)for(var D=function(t){var e=k.find((function(e){var n=C.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return E=e,"break"},I=b?3:1;I>0&&"break"!==D(I);I--);e.placement!==E&&(e.modifiersData[o]._skip=!0,e.placement=E,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function xt(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function jt(t){return[_,y,g,w].some((function(e){return t[e]>=0}))}function Ot(t,e,n){void 0===n&&(n=!1);var o,r,i=F(e),a=F(e)&&function(t){var e=t.getBoundingClientRect(),n=H(e.width)/t.offsetWidth||1,o=H(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),s=Y(e),l=U(t,a,n),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return(i||!i&&!n)&&(("body"!==B(e)||ut(s))&&(c=(o=e)!==S(o)&&F(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:ht(o)),F(e)?((p=U(e,!0)).x+=e.clientLeft,p.y+=e.clientTop):s&&(p.x=dt(s))),{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function kt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var zt={placement:"bottom",modifiers:[],strategy:"absolute"};function Lt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Ct(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?zt:o;return function(t,e,o){void 0===o&&(o=r);var i,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},zt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,p={state:s,setOptions:function(o){var i="function"==typeof o?o(s.options):o;h(),s.options=Object.assign({},r,s.options,i),s.scrollParents={reference:W(t)?ft(t):t.contextElement?ft(t.contextElement):[],popper:ft(e)};var a,c,d=function(t){var e=kt(t);return A.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,s.options.modifiers),c=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return s.orderedModifiers=d.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:s,name:t.name,instance:p,options:void 0===e?{}:e});l.push(o||function(){})}})),p.update()},forceUpdate:function(){if(!c){var t=s.elements,e=t.reference,n=t.popper;if(Lt(e,n)){s.rects={reference:Ot(e,Q(n),"fixed"===s.options.strategy),popper:K(n)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<s.orderedModifiers.length;o++)if(!0!==s.reset){var r=s.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(s=i({state:s,options:void 0===a?{}:a,name:r.name,instance:p})||s)}else s.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){p.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){h(),c=!0}};if(!Lt(t,e))return p;function h(){l.forEach((function(t){return t()})),l=[]}return p.setOptions(o).then((function(t){!c&&o.onFirstUpdate&&o.onFirstUpdate(t)})),p}}var Pt=Ct({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,s=void 0===a||a,l=S(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",n.update,at)})),s&&l.addEventListener("resize",n.update,at),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",n.update,at)})),s&&l.removeEventListener("resize",n.update,at)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=_t({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,s=n.roundOffsets,l=void 0===s||s,c={placement:T(e.placement),variation:ot(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,it(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,it(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];F(r)&&B(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});F(o)&&B(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,i=M.reduce((function(t,n){return t[n]=function(t,e,n){var o=T(t),r=[w,_].indexOf(o)>=0?-1:1,i="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*r,[w,y].indexOf(o)>=0?{x:s,y:a}:{x:a,y:s}}(n,e.rects,r),t}),{}),a=i[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[n]=i}},wt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,i=void 0===r||r,a=n.altAxis,s=void 0!==a&&a,l=n.tether,c=void 0===l||l,p=n.tetherOffset,h=void 0===p?0:p,d=gt(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),u=T(e.placement),b=ot(e.placement),f=!b,v=Z(u),m="x"===v?"y":"x",x=e.modifiersData.popperOffsets,j=e.rects.reference,k=e.rects.popper,z="function"==typeof h?h(Object.assign({},e.rects,{placement:e.placement})):h,L="number"==typeof z?{mainAxis:z,altAxis:z}:Object.assign({mainAxis:0,altAxis:0},z),C=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,P={x:0,y:0};if(x){if(i){var E,M="y"===v?_:w,A="y"===v?g:y,B="y"===v?"height":"width",S=x[v],W=S+d[M],F=S-d[A],R=c?-k[B]/2:0,H=b===O?j[B]:k[B],D=b===O?-k[B]:-j[B],I=e.elements.arrow,U=c&&I?K(I):{width:0,height:0},N=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},V=N[M],X=N[A],Y=tt(0,j[B],U[B]),G=f?j[B]/2-R-Y-V-L.mainAxis:H-Y-V-L.mainAxis,J=f?-j[B]/2+R+Y+X+L.mainAxis:D+Y+X+L.mainAxis,et=e.elements.arrow&&Q(e.elements.arrow),nt=null!=(E=null==C?void 0:C[v])?E:0,rt=S+J-nt,it=tt(c?$(W,S+G-nt-(et?"y"===v?et.clientTop||0:et.clientLeft||0:0)):W,S,c?q(F,rt):F);x[v]=it,P[v]=it-S}if(s){var at,st=x[m],lt="y"===m?"height":"width",ct=st+d["x"===v?_:w],pt=st-d["x"===v?g:y],ht=-1!==[_,w].indexOf(u),dt=null!=(at=null==C?void 0:C[m])?at:0,ut=ht?ct:st-j[lt]-k[lt]-dt+L.altAxis,bt=ht?st+j[lt]+k[lt]-dt-L.altAxis:pt,ft=c&&ht?function(t,e,n){var o=tt(t,e,n);return o>n?n:o}(ut,st,bt):tt(c?ut:ct,st,c?bt:pt);x[m]=ft,P[m]=ft-st}e.modifiersData[o]=P}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=T(n.placement),l=Z(s),c=[w,y].indexOf(s)>=0?"height":"width";if(i&&a){var p=function(t,e){return et("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:nt(t,j))}(r.padding,n),h=K(i),d="y"===l?_:w,u="y"===l?g:y,b=n.rects.reference[c]+n.rects.reference[l]-a[l]-n.rects.popper[c],f=a[l]-n.rects.reference[l],v=Q(i),m=v?"y"===l?v.clientHeight||0:v.clientWidth||0:0,x=m/2-h[c]/2+(b/2-f/2),O=tt(p[d],x,m-h[c]-p[u]);n.modifiersData[o]=((e={})[l]=O,e.centerOffset=O-x,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&N(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=gt(e,{elementContext:"reference"}),s=gt(e,{altBoundary:!0}),l=xt(a,o),c=xt(s,r,i),p=jt(l),h=jt(c);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:h},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":h})}}]});const Et=class{constructor(e){t(this,e),this.balChange=r(this,"balChange",7),this.balWillAnimate=r(this,"balWillAnimate",7),this.balDidAnimate=r(this,"balDidAnimate",7),this.balPopoverPrepare=r(this,"balPopoverPrepare",7),this.popoverId="bal-po-"+Mt++,this.isTouch=p.isTouch,this.isInMainNav=!1,this.backdropHeight=0,this.autoTrigger=!1,this.hint=!1,this.hover=!1,this.arrow=!1,this.backdrop=!1,this.tooltip=!1,this.offsetX=0,this.offsetY=0,this.padding=0,this.position="bottom-start",this.active=!1,this.mobileTop=!1}createLogger(t){this.log=t}async activeChanged(t,e){!0===t&&t!==e?this.present({force:!0}):this.dismiss({force:!0})}componentWillLoad(){this.backdropHeight=this.getBackdropHeight()}componentDidLoad(){if(this.isInMainNav=null!==this.footMobileNav,this.triggerElement&&this.menuElement){this.popperInstance=Pt(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});let t=[],e=[];this.autoTrigger&&(t=["click"]),this.tooltip&&(t=["mouseenter","focus"],e=["mouseleave","blur"]),t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,"click"===t?()=>this.toggle():()=>this.present())})),e.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}}componentDidRender(){this.popperInstance&&(this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{placement:this.tooltip?"bottom":this.position,modifiers:[...t.modifiers.filter((t=>"offset"!==t.name&&"preventOverflow"!==t.name)),this.modifierOffset,this.modifierPreventOverflow]}))),this.updatePopper()),u.isSafari&&!this.isTouch&&(clearTimeout(this.componentDidRenderTimer),this.componentDidRenderTimer=setTimeout((()=>{var t;const e=null===(t=this.element)||void 0===t?void 0:t.clientWidth;this.element.style.maxWidth=e?`${e}px`:"initial"})))}handlePopoverPrepare(t){this.popoverId!==t.detail&&this.dismiss()}async clickOnOutside(t){var e;this.active&&(this.element.contains(t.target)||(this.active=!1),(null===(e=this.backdropElement)||void 0===e?void 0:e.isEqualNode(t.target))&&(this.active=!1))}handleKeyUp(t){!this.active||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.dismiss())}async tabOutside(t){"Tab"===t.key&&!this.element.contains(document.activeElement)&&this.active&&await this.toggle()}breakpointListener(t){this.isTouch=t.touch,this.isInMainNav=null!==this.footMobileNav,this.backdropHeight=this.getBackdropHeight()}async present(t={force:!1}){var e,n;this.active&&!t.force||(null===(e=this.menuElement)||void 0===e||e.setAttribute("data-show",""),null===(n=this.menuElement)||void 0===n||n.setAttribute("aria-hidden","false"),this.menuInnerElement&&this.menuInnerElement.scrollTo(0,0),this.balPopoverPrepare.emit(this.popoverId),this.balWillAnimate.emit(this.active),this.active=!0,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async dismiss(t={force:!1}){var e,n;(this.active||t.force)&&(null===(e=this.menuElement)||void 0===e||e.removeAttribute("data-show"),null===(n=this.menuElement)||void 0===n||n.setAttribute("aria-hidden","true"),this.balWillAnimate.emit(this.active),this.active=!1,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async toggle(t={force:!1}){this.active?await this.dismiss(t):await this.present(t)}get footMobileNav(){return this.element.closest('[slot="meta-mobile-foot"]')}get modifierOffset(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}}get modifierPreventOverflow(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:!0}}}get triggerElement(){return this.element.querySelector("[bal-popover-trigger]")}get menuElement(){return this.element.querySelector("bal-popover-content")}get menuInnerElement(){return this.element.querySelector(".bal-popover__content__inner")}getBackdropHeight(){return u.hasWindow?this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16:0}updatePopper(){this.popperInstance.update()}render(){const t=s.block("popover");return e(n,{"aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&e("div",{ref:t=>{this.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":`${this.backdropHeight}rem`}}),e("slot",null))}get element(){return o(this)}static get watchers(){return{active:["activeChanged"]}}};i([b("bal-popover"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],Et.prototype,"createLogger",null),i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],Et.prototype,"breakpointListener",null);let Mt=0;Et.style='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';const At=class{constructor(e){t(this,e),this.isTouch=p.isTouch,this.spaceless=!1,this.scrollable=0,this.contentWidth=0,this.contentMinWidth=0,this.color="white",this.expanded=!1,this.radius="normal",this.noShadow=!1,this.mobileTop=!1,this.contentHeightOnTop=0}breakpointListener(t){u.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}get innerStyle(){let t={};return this.scrollable>0&&(t={"max-height":`${this.scrollable}px`,overflow:"auto"}),Object.assign({},t)}get contentStyle(){let t={},e={};const n={"--bal-popover-content-height-top-nav":this.contentHeightOnTop/16+"rem"};return this.contentWidth>0&&(t={"max-width":`${this.contentWidth}px`}),this.contentMinWidth>0&&(e={"min-width":`${this.contentMinWidth}px`}),Object.assign(Object.assign(Object.assign({},t),e),n)}componentWillLoad(){u.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}render(){const t=s.block("popover").element("content");return e(n,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier(`radius-${this.radius}`).class()),t.modifier(`color-${this.color}`).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},e("div",{class:Object.assign({},t.element("inner").class()),style:this.innerStyle},e("slot",null)),e("div",{class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":!0}))}get el(){return o(this)}};i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],At.prototype,"breakpointListener",null);export{f as bal_hint,v as bal_hint_text,m as bal_hint_title,Et as bal_popover,At as bal_popover_content}
|
|
1
|
+
import{r as t,h as e,H as n,g as o,c as r}from"./p-d7c752c6.js";import{_ as i,a}from"./p-43c9f5e9.js";import{B as s}from"./p-ae86d0a0.js";import{p as l}from"./p-c0c91eb1.js";import{B as c}from"./p-c1852273.js";import{b as p}from"./p-6bd085d5.js";import{L as h}from"./p-c643ad95.js";import{L as d}from"./p-69e7c8d6.js";import{b as u}from"./p-a65354df.js";import{L as b}from"./p-b77e3348.js";import"./p-9a3d9e17.js";import"./p-88f18fbc.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-a6536532.js";const f=class{constructor(e){t(this,e),this.bodyScrollHandler=new c,this.onPopoverChange=t=>{this.isActive=t.detail,l(t)},this.isActive=!1,this.innerCloseLabel="Close",this.isMobile=p.isMobile,this.closeLabel=void 0,this.small=!1}connectedCallback(){this.bodyScrollHandler.connect()}componentDidRender(){this.updateContent()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}breakpointListener(t){const e=t.mobile;e!==this.isMobile&&(this.isActive=!1),this.isMobile=e}async configChanged(t){if(!this.closeLabel)switch(t.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close"}}async toggle(){this.isActive?this.dismiss():this.present()}async present(){this.popoverElement&&this.popoverElement.present(),this.isMobile&&this.bodyScrollHandler.disable(),this.isActive=!0}async dismiss(){this.popoverElement&&this.popoverElement.dismiss(),this.isMobile&&this.bodyScrollHandler.enable(),this.isActive=!1}updateContent(){this.hintContentEl&&this.slotWrapperEl&&(this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML)}render(){const t=s.block("hint"),o=t.element("icon"),r=t.element("content"),i=r.element("buttons"),a=this.isMobile?0:8,l=this.isMobile?0:16,c=()=>e("bal-icon",{class:Object.assign({},o.class()),"data-testid":"bal-hint-trigger","bal-popover-trigger":!0,"aria-haspopup":"true",role:"button",name:"info-circle",onClick:()=>this.toggle()}),p=()=>e("div",{class:Object.assign({},r.class()),"data-testid":"bal-hint-content"},e("div",{ref:t=>this.hintContentEl=t}),e("bal-button-group",{class:Object.assign(Object.assign({},i.class()),i.modifier("is-hidden-desktop").class(this.small))},e("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:()=>this.dismiss()},this.closeLabel?this.closeLabel:this.innerCloseLabel))),h=this.isMobile?()=>{const n=t.element("overlay");return e("div",{class:Object.assign({},n.class())},e(c,null),e("div",{class:Object.assign(Object.assign({},n.element("content").class()),n.element("content").modifier("active").class(this.isActive))},e(p,null)))}:()=>e("div",{class:Object.assign({},t.element("popover").class())},e("bal-popover",{hint:!0,position:"right",offsetX:0,offsetY:l,padding:a,ref:t=>this.popoverElement=t,onBalChange:this.onPopoverChange},e(c,null),e("bal-popover-content",{color:"grey"},e(p,null))));return e(n,{class:Object.assign({},t.class())},e(h,null),e("div",{ref:t=>this.slotWrapperEl=t,style:{display:"none"}},e("slot",null)))}get element(){return o(this)}};i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],f.prototype,"breakpointListener",null),i([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";const v=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("text"),o=t.element("field");return e(n,{class:Object.assign({},t.class())},e("p",{class:Object.assign({},o.class())},e("slot",null)))}},m=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("title"),o=t.element("heading");return e(n,{class:Object.assign({},t.class())},e("h3",{class:Object.assign({},o.class())},e("span",null,e("slot",null))))}};var _="top",g="bottom",y="right",w="left",x="auto",j=[_,g,y,w],O="start",k="end",z="clippingParents",L="viewport",C="popper",P="reference",E=j.reduce((function(t,e){return t.concat([e+"-"+O,e+"-"+k])}),[]),M=[].concat(j,[x]).reduce((function(t,e){return t.concat([e,e+"-"+O,e+"-"+k])}),[]),A=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function B(t){return t?(t.nodeName||"").toLowerCase():null}function S(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function W(t){return t instanceof S(t).Element||t instanceof Element}function F(t){return t instanceof S(t).HTMLElement||t instanceof HTMLElement}function R(t){return"undefined"!=typeof ShadowRoot&&(t instanceof S(t).ShadowRoot||t instanceof ShadowRoot)}function T(t){return t.split("-")[0]}var q=Math.max,$=Math.min,H=Math.round;function D(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function I(){return!/^((?!chrome|android).)*safari/i.test(D())}function U(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var o=t.getBoundingClientRect(),r=1,i=1;e&&F(t)&&(r=t.offsetWidth>0&&H(o.width)/t.offsetWidth||1,i=t.offsetHeight>0&&H(o.height)/t.offsetHeight||1);var a=(W(t)?S(t):window).visualViewport,s=!I()&&n,l=(o.left+(s&&a?a.offsetLeft:0))/r,c=(o.top+(s&&a?a.offsetTop:0))/i,p=o.width/r,h=o.height/i;return{width:p,height:h,top:c,right:l+p,bottom:c+h,left:l,x:l,y:c}}function K(t){var e=U(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function N(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&R(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function V(t){return S(t).getComputedStyle(t)}function X(t){return["table","td","th"].indexOf(B(t))>=0}function Y(t){return((W(t)?t.ownerDocument:t.document)||window.document).documentElement}function G(t){return"html"===B(t)?t:t.assignedSlot||t.parentNode||(R(t)?t.host:null)||Y(t)}function J(t){return F(t)&&"fixed"!==V(t).position?t.offsetParent:null}function Q(t){for(var e=S(t),n=J(t);n&&X(n)&&"static"===V(n).position;)n=J(n);return n&&("html"===B(n)||"body"===B(n)&&"static"===V(n).position)?e:n||function(t){var e=/firefox/i.test(D());if(/Trident/i.test(D())&&F(t)&&"fixed"===V(t).position)return null;var n=G(t);for(R(n)&&(n=n.host);F(n)&&["html","body"].indexOf(B(n))<0;){var o=V(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function Z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function tt(t,e,n){return q(t,$(e,n))}function et(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function nt(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function ot(t){return t.split("-")[1]}var rt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function it(t){var e,n=t.popper,o=t.popperRect,r=t.placement,i=t.variation,a=t.offsets,s=t.position,l=t.gpuAcceleration,c=t.adaptive,p=t.roundOffsets,h=t.isFixed,d=a.x,u=void 0===d?0:d,b=a.y,f=void 0===b?0:b,v="function"==typeof p?p({x:u,y:f}):{x:u,y:f};u=v.x,f=v.y;var m=a.hasOwnProperty("x"),x=a.hasOwnProperty("y"),j=w,O=_,z=window;if(c){var L=Q(n),C="clientHeight",P="clientWidth";L===S(n)&&"static"!==V(L=Y(n)).position&&"absolute"===s&&(C="scrollHeight",P="scrollWidth"),(r===_||(r===w||r===y)&&i===k)&&(O=g,f-=(h&&L===z&&z.visualViewport?z.visualViewport.height:L[C])-o.height,f*=l?1:-1),r!==w&&(r!==_&&r!==g||i!==k)||(j=y,u-=(h&&L===z&&z.visualViewport?z.visualViewport.width:L[P])-o.width,u*=l?1:-1)}var E,M=Object.assign({position:s},c&&rt),A=!0===p?function(t,e){var n=t.y,o=e.devicePixelRatio||1;return{x:H(t.x*o)/o||0,y:H(n*o)/o||0}}({x:u,y:f},S(n)):{x:u,y:f};return u=A.x,f=A.y,Object.assign({},M,l?((E={})[O]=x?"0":"",E[j]=m?"0":"",E.transform=(z.devicePixelRatio||1)<=1?"translate("+u+"px, "+f+"px)":"translate3d("+u+"px, "+f+"px, 0)",E):((e={})[O]=x?f+"px":"",e[j]=m?u+"px":"",e.transform="",e))}var at={passive:!0},st={left:"right",right:"left",bottom:"top",top:"bottom"};function lt(t){return t.replace(/left|right|bottom|top/g,(function(t){return st[t]}))}var ct={start:"end",end:"start"};function pt(t){return t.replace(/start|end/g,(function(t){return ct[t]}))}function ht(t){var e=S(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function dt(t){return U(Y(t)).left+ht(t).scrollLeft}function ut(t){var e=V(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function bt(t){return["html","body","#document"].indexOf(B(t))>=0?t.ownerDocument.body:F(t)&&ut(t)?t:bt(G(t))}function ft(t,e){var n;void 0===e&&(e=[]);var o=bt(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=S(o),a=r?[i].concat(i.visualViewport||[],ut(o)?o:[]):o,s=e.concat(a);return r?s:s.concat(ft(G(a)))}function vt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function mt(t,e,n){return e===L?vt(function(t,e){var n=S(t),o=Y(t),r=n.visualViewport,i=o.clientWidth,a=o.clientHeight,s=0,l=0;if(r){i=r.width,a=r.height;var c=I();(c||!c&&"fixed"===e)&&(s=r.offsetLeft,l=r.offsetTop)}return{width:i,height:a,x:s+dt(t),y:l}}(t,n)):W(e)?function(t,e){var n=U(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):vt(function(t){var e,n=Y(t),o=ht(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=q(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=q(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-o.scrollLeft+dt(t),l=-o.scrollTop;return"rtl"===V(r||n).direction&&(s+=q(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:s,y:l}}(Y(t)))}function _t(t){var e,n=t.reference,o=t.element,r=t.placement,i=r?T(r):null,a=r?ot(r):null,s=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(i){case _:e={x:s,y:n.y-o.height};break;case g:e={x:s,y:n.y+n.height};break;case y:e={x:n.x+n.width,y:l};break;case w:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var c=i?Z(i):null;if(null!=c){var p="y"===c?"height":"width";switch(a){case O:e[c]=e[c]-(n[p]/2-o[p]/2);break;case k:e[c]=e[c]+(n[p]/2-o[p]/2)}}return e}function gt(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.strategy,i=void 0===r?t.strategy:r,a=e.boundary,s=void 0===a?z:a,l=e.rootBoundary,c=void 0===l?L:l,p=e.elementContext,h=void 0===p?C:p,d=e.altBoundary,u=void 0!==d&&d,b=e.padding,f=void 0===b?0:b,v=et("number"!=typeof f?f:nt(f,j)),m=t.rects.popper,w=t.elements[u?h===C?P:C:h],x=function(t,e,n,o){var r="clippingParents"===e?function(t){var e=ft(G(t)),n=["absolute","fixed"].indexOf(V(t).position)>=0&&F(t)?Q(t):t;return W(n)?e.filter((function(t){return W(t)&&N(t,n)&&"body"!==B(t)})):[]}(t):[].concat(e),i=[].concat(r,[n]),a=i.reduce((function(e,n){var r=mt(t,n,o);return e.top=q(r.top,e.top),e.right=$(r.right,e.right),e.bottom=$(r.bottom,e.bottom),e.left=q(r.left,e.left),e}),mt(t,i[0],o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(W(w)?w:w.contextElement||Y(t.elements.popper),s,c,i),O=U(t.elements.reference),k=_t({reference:O,element:m,strategy:"absolute",placement:o}),E=vt(Object.assign({},m,k)),M=h===C?E:O,A={top:x.top-M.top+v.top,bottom:M.bottom-x.bottom+v.bottom,left:x.left-M.left+v.left,right:M.right-x.right+v.right},S=t.modifiersData.offset;if(h===C&&S){var R=S[o];Object.keys(A).forEach((function(t){var e=[y,g].indexOf(t)>=0?1:-1,n=[_,g].indexOf(t)>=0?"y":"x";A[t]+=R[n]*e}))}return A}function yt(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?M:a,l=ot(e.placement),c=l?i?E:E.filter((function(t){return ot(t)===l})):j,p=c.filter((function(t){return s.indexOf(t)>=0}));0===p.length&&(p=c);var h=p.reduce((function(e,i){return e[i]=gt(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[T(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}const wt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,i=void 0===r||r,a=n.altAxis,s=void 0===a||a,l=n.fallbackPlacements,c=n.padding,p=n.boundary,h=n.rootBoundary,d=n.altBoundary,u=n.flipVariations,b=void 0===u||u,f=n.allowedAutoPlacements,v=e.options.placement,m=T(v),j=l||(m!==v&&b?function(t){if(T(t)===x)return[];var e=lt(t);return[pt(t),e,pt(e)]}(v):[lt(v)]),k=[v].concat(j).reduce((function(t,n){return t.concat(T(n)===x?yt(e,{placement:n,boundary:p,rootBoundary:h,padding:c,flipVariations:b,allowedAutoPlacements:f}):n)}),[]),z=e.rects.reference,L=e.rects.popper,C=new Map,P=!0,E=k[0],M=0;M<k.length;M++){var A=k[M],B=T(A),S=ot(A)===O,W=[_,g].indexOf(B)>=0,F=W?"width":"height",R=gt(e,{placement:A,boundary:p,rootBoundary:h,altBoundary:d,padding:c}),q=W?S?y:w:S?g:_;z[F]>L[F]&&(q=lt(q));var $=lt(q),H=[];if(i&&H.push(R[B]<=0),s&&H.push(R[q]<=0,R[$]<=0),H.every((function(t){return t}))){E=A,P=!1;break}C.set(A,H)}if(P)for(var D=function(t){var e=k.find((function(e){var n=C.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return E=e,"break"},I=b?3:1;I>0&&"break"!==D(I);I--);e.placement!==E&&(e.modifiersData[o]._skip=!0,e.placement=E,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function xt(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function jt(t){return[_,y,g,w].some((function(e){return t[e]>=0}))}function Ot(t,e,n){void 0===n&&(n=!1);var o,r,i=F(e),a=F(e)&&function(t){var e=t.getBoundingClientRect(),n=H(e.width)/t.offsetWidth||1,o=H(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),s=Y(e),l=U(t,a,n),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return(i||!i&&!n)&&(("body"!==B(e)||ut(s))&&(c=(o=e)!==S(o)&&F(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:ht(o)),F(e)?((p=U(e,!0)).x+=e.clientLeft,p.y+=e.clientTop):s&&(p.x=dt(s))),{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function kt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var zt={placement:"bottom",modifiers:[],strategy:"absolute"};function Lt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Ct(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?zt:o;return function(t,e,o){void 0===o&&(o=r);var i,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},zt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,p={state:s,setOptions:function(o){var i="function"==typeof o?o(s.options):o;h(),s.options=Object.assign({},r,s.options,i),s.scrollParents={reference:W(t)?ft(t):t.contextElement?ft(t.contextElement):[],popper:ft(e)};var a,c,d=function(t){var e=kt(t);return A.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,s.options.modifiers),c=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return s.orderedModifiers=d.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:s,name:t.name,instance:p,options:void 0===e?{}:e});l.push(o||function(){})}})),p.update()},forceUpdate:function(){if(!c){var t=s.elements,e=t.reference,n=t.popper;if(Lt(e,n)){s.rects={reference:Ot(e,Q(n),"fixed"===s.options.strategy),popper:K(n)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<s.orderedModifiers.length;o++)if(!0!==s.reset){var r=s.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(s=i({state:s,options:void 0===a?{}:a,name:r.name,instance:p})||s)}else s.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){p.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){h(),c=!0}};if(!Lt(t,e))return p;function h(){l.forEach((function(t){return t()})),l=[]}return p.setOptions(o).then((function(t){!c&&o.onFirstUpdate&&o.onFirstUpdate(t)})),p}}var Pt=Ct({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,s=void 0===a||a,l=S(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",n.update,at)})),s&&l.addEventListener("resize",n.update,at),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",n.update,at)})),s&&l.removeEventListener("resize",n.update,at)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=_t({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,s=n.roundOffsets,l=void 0===s||s,c={placement:T(e.placement),variation:ot(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,it(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,it(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];F(r)&&B(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});F(o)&&B(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,i=M.reduce((function(t,n){return t[n]=function(t,e,n){var o=T(t),r=[w,_].indexOf(o)>=0?-1:1,i="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*r,[w,y].indexOf(o)>=0?{x:s,y:a}:{x:a,y:s}}(n,e.rects,r),t}),{}),a=i[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[n]=i}},wt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,i=void 0===r||r,a=n.altAxis,s=void 0!==a&&a,l=n.tether,c=void 0===l||l,p=n.tetherOffset,h=void 0===p?0:p,d=gt(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),u=T(e.placement),b=ot(e.placement),f=!b,v=Z(u),m="x"===v?"y":"x",x=e.modifiersData.popperOffsets,j=e.rects.reference,k=e.rects.popper,z="function"==typeof h?h(Object.assign({},e.rects,{placement:e.placement})):h,L="number"==typeof z?{mainAxis:z,altAxis:z}:Object.assign({mainAxis:0,altAxis:0},z),C=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,P={x:0,y:0};if(x){if(i){var E,M="y"===v?_:w,A="y"===v?g:y,B="y"===v?"height":"width",S=x[v],W=S+d[M],F=S-d[A],R=c?-k[B]/2:0,H=b===O?j[B]:k[B],D=b===O?-k[B]:-j[B],I=e.elements.arrow,U=c&&I?K(I):{width:0,height:0},N=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},V=N[M],X=N[A],Y=tt(0,j[B],U[B]),G=f?j[B]/2-R-Y-V-L.mainAxis:H-Y-V-L.mainAxis,J=f?-j[B]/2+R+Y+X+L.mainAxis:D+Y+X+L.mainAxis,et=e.elements.arrow&&Q(e.elements.arrow),nt=null!=(E=null==C?void 0:C[v])?E:0,rt=S+J-nt,it=tt(c?$(W,S+G-nt-(et?"y"===v?et.clientTop||0:et.clientLeft||0:0)):W,S,c?q(F,rt):F);x[v]=it,P[v]=it-S}if(s){var at,st=x[m],lt="y"===m?"height":"width",ct=st+d["x"===v?_:w],pt=st-d["x"===v?g:y],ht=-1!==[_,w].indexOf(u),dt=null!=(at=null==C?void 0:C[m])?at:0,ut=ht?ct:st-j[lt]-k[lt]-dt+L.altAxis,bt=ht?st+j[lt]+k[lt]-dt-L.altAxis:pt,ft=c&&ht?function(t,e,n){var o=tt(t,e,n);return o>n?n:o}(ut,st,bt):tt(c?ut:ct,st,c?bt:pt);x[m]=ft,P[m]=ft-st}e.modifiersData[o]=P}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=T(n.placement),l=Z(s),c=[w,y].indexOf(s)>=0?"height":"width";if(i&&a){var p=function(t,e){return et("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:nt(t,j))}(r.padding,n),h=K(i),d="y"===l?_:w,u="y"===l?g:y,b=n.rects.reference[c]+n.rects.reference[l]-a[l]-n.rects.popper[c],f=a[l]-n.rects.reference[l],v=Q(i),m=v?"y"===l?v.clientHeight||0:v.clientWidth||0:0,x=m/2-h[c]/2+(b/2-f/2),O=tt(p[d],x,m-h[c]-p[u]);n.modifiersData[o]=((e={})[l]=O,e.centerOffset=O-x,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&N(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=gt(e,{elementContext:"reference"}),s=gt(e,{altBoundary:!0}),l=xt(a,o),c=xt(s,r,i),p=jt(l),h=jt(c);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:h},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":h})}}]});const Et=class{constructor(e){t(this,e),this.balChange=r(this,"balChange",7),this.balWillAnimate=r(this,"balWillAnimate",7),this.balDidAnimate=r(this,"balDidAnimate",7),this.balPopoverPrepare=r(this,"balPopoverPrepare",7),this.popoverId="bal-po-"+Mt++,this.isTouch=p.isTouch,this.isInMainNav=!1,this.backdropHeight=0,this.autoTrigger=!1,this.hint=!1,this.hover=!1,this.arrow=!1,this.backdrop=!1,this.tooltip=!1,this.offsetX=0,this.offsetY=0,this.padding=0,this.position="bottom-start",this.active=!1,this.mobileTop=!1}createLogger(t){this.log=t}async activeChanged(t,e){!0===t&&t!==e?this.present({force:!0}):this.dismiss({force:!0})}componentWillLoad(){this.backdropHeight=this.getBackdropHeight()}componentDidLoad(){if(this.isInMainNav=null!==this.footMobileNav,this.triggerElement&&this.menuElement){this.popperInstance=Pt(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});let t=[],e=[];this.autoTrigger&&(t=["click"]),this.tooltip&&(t=["mouseenter","focus"],e=["mouseleave","blur"]),t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,"click"===t?()=>this.toggle():()=>this.present())})),e.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}}componentDidRender(){this.popperInstance&&(this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{placement:this.tooltip?"bottom":this.position,modifiers:[...t.modifiers.filter((t=>"offset"!==t.name&&"preventOverflow"!==t.name)),this.modifierOffset,this.modifierPreventOverflow]}))),this.updatePopper()),u.isSafari&&!this.isTouch&&(clearTimeout(this.componentDidRenderTimer),this.componentDidRenderTimer=setTimeout((()=>{var t;const e=null===(t=this.element)||void 0===t?void 0:t.clientWidth;this.element.style.maxWidth=e?`${e}px`:"initial"})))}handlePopoverPrepare(t){this.popoverId!==t.detail&&this.dismiss()}async clickOnOutside(t){var e;this.active&&(this.element.contains(t.target)||(this.active=!1),(null===(e=this.backdropElement)||void 0===e?void 0:e.isEqualNode(t.target))&&(this.active=!1))}handleKeyUp(t){!this.active||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.dismiss())}async tabOutside(t){"Tab"===t.key&&!this.element.contains(document.activeElement)&&this.active&&await this.toggle()}breakpointListener(t){this.isTouch=t.touch,this.isInMainNav=null!==this.footMobileNav,this.backdropHeight=this.getBackdropHeight()}async present(t={force:!1}){var e,n;this.active&&!t.force||(null===(e=this.menuElement)||void 0===e||e.setAttribute("data-show",""),null===(n=this.menuElement)||void 0===n||n.setAttribute("aria-hidden","false"),this.menuInnerElement&&this.menuInnerElement.scrollTo(0,0),this.balPopoverPrepare.emit(this.popoverId),this.balWillAnimate.emit(this.active),this.active=!0,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async dismiss(t={force:!1}){var e,n;(this.active||t.force)&&(null===(e=this.menuElement)||void 0===e||e.removeAttribute("data-show"),null===(n=this.menuElement)||void 0===n||n.setAttribute("aria-hidden","true"),this.balWillAnimate.emit(this.active),this.active=!1,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async toggle(t={force:!1}){this.active?await this.dismiss(t):await this.present(t)}get footMobileNav(){return this.element.closest('[slot="meta-mobile-foot"]')}get modifierOffset(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}}get modifierPreventOverflow(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:!0}}}get triggerElement(){return this.element.querySelector("[bal-popover-trigger]")}get menuElement(){return this.element.querySelector("bal-popover-content")}get menuInnerElement(){return this.element.querySelector(".bal-popover__content__inner")}getBackdropHeight(){return u.hasWindow?this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16:0}updatePopper(){this.popperInstance.update()}render(){const t=s.block("popover");return e(n,{"aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&e("div",{ref:t=>{this.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":`${this.backdropHeight}rem`}}),e("slot",null))}get element(){return o(this)}static get watchers(){return{active:["activeChanged"]}}};i([b("bal-popover"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],Et.prototype,"createLogger",null),i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],Et.prototype,"breakpointListener",null);let Mt=0;Et.style='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';const At=class{constructor(e){t(this,e),this.isTouch=p.isTouch,this.spaceless=!1,this.scrollable=0,this.contentWidth=0,this.contentMinWidth=0,this.color="white",this.expanded=!1,this.radius="normal",this.noShadow=!1,this.mobileTop=!1,this.contentHeightOnTop=0}breakpointListener(t){u.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}get innerStyle(){let t={};return this.scrollable>0&&(t={"max-height":`${this.scrollable}px`,overflow:"auto"}),Object.assign({},t)}get contentStyle(){let t={},e={};const n={"--bal-popover-content-height-top-nav":this.contentHeightOnTop/16+"rem"};return this.contentWidth>0&&(t={"max-width":`${this.contentWidth}px`}),this.contentMinWidth>0&&(e={"min-width":`${this.contentMinWidth}px`}),Object.assign(Object.assign(Object.assign({},t),e),n)}componentWillLoad(){u.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}render(){const t=s.block("popover").element("content");return e(n,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier(`radius-${this.radius}`).class()),t.modifier(`color-${this.color}`).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},e("div",{class:Object.assign({},t.element("inner").class()),style:this.innerStyle},e("slot",null)),e("div",{class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":!0}))}get el(){return o(this)}};i([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],At.prototype,"breakpointListener",null);export{f as bal_hint,v as bal_hint_text,m as bal_hint_title,Et as bal_popover,At as bal_popover_content}
|