@baloise/ds-core 19.9.1 → 19.9.2-nightly.20260312
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/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/animation.decorator.js +1 -1
- package/components/bal-accordion.js +1 -1
- package/components/bal-app.js +1 -102
- package/components/bal-app2.js +104 -0
- package/components/bal-button2.js +1 -1
- package/components/bal-carousel-item.js +1 -1
- package/components/bal-checkbox-group.js +1 -1
- package/components/bal-date-calendar2.js +1 -1
- package/components/bal-date.js +1 -1
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +264 -0
- package/components/bal-dropdown.js +1 -1
- package/components/bal-field.js +1 -1
- package/components/bal-footer.js +1 -1
- package/components/bal-form.js +1 -1
- package/components/bal-input-stepper.js +1 -1
- package/components/bal-list-item-accordion-body2.js +1 -1
- package/components/bal-list-item2.js +1 -1
- package/components/bal-logo2.js +2 -2
- package/components/bal-modal.js +1 -1
- package/components/bal-nav.js +1 -1
- package/components/bal-navbar-brand.js +1 -1
- package/components/bal-option-list2.js +1 -1
- package/components/bal-popup2.js +1 -1
- package/components/bal-radio-group.js +1 -1
- package/components/bal-segment-item.js +1 -1
- package/components/bal-select2.js +1 -1
- package/components/bal-spinner2.js +1 -1
- package/components/bal-stage-image.js +1 -1
- package/components/bal-tabs2.js +1 -1
- package/components/breakpoints.subject.js +1 -1
- package/components/element-states.decorator.js +1 -1
- package/components/floating-ui.js +1 -1
- package/components/focus.decorator.js +1 -1
- package/components/form-input.js +1 -1
- package/components/helpers.js +1 -1
- package/components/index.js +5 -449
- package/components/initialize.js +450 -0
- package/components/mutation.decorator.js +1 -1
- package/components/overlays.js +1 -1
- package/components/resize.decorator.js +1 -1
- package/components/swipe.subject.js +1 -1
- package/components/swiper.util.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/components/visibility.decorator.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-777471c320.entry.js → p-02ee94f3eb.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3d9d33c487.entry.js → p-0778a72803.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d5de2680ad.system.entry.js → p-0d2edc9dc7.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-213c4d93f4.system.entry.js → p-0ecfe12b56.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-38d8f6459e.system.entry.js → p-10752c6cb1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-239ed27774.entry.js → p-16aaf58f8f.entry.js} +1 -1
- package/dist/baloise-design-system/p-17f8332c84.entry.js +1 -0
- package/dist/baloise-design-system/{p-f4c4d03e6e.entry.js → p-1dbd8b9957.entry.js} +1 -1
- package/dist/baloise-design-system/p-21ea7b32f1.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-1c913d4359.entry.js → p-290e7bb92d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-CsPrCX4f.system.js → p-3VlTyI5Z.system.js} +1 -1
- package/dist/baloise-design-system/{p-b1877d6778.system.entry.js → p-520738abbb.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5ed691fea4.system.entry.js → p-61ee73a3e5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a9d42c63a1.system.entry.js → p-6691861d31.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1f0f2e599d.entry.js → p-770d13acc8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-78eb8b6cd9.system.entry.js → p-7c7f374fc8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3ec4feac2e.entry.js → p-8b5f57a8e6.entry.js} +1 -1
- package/dist/baloise-design-system/{p-198c6e75ad.entry.js → p-8e7a06847d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-25dce380f8.system.entry.js → p-8fac435a34.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f481d72c52.system.entry.js → p-94ff5782d1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-12d43e06d9.entry.js → p-9765bc96ba.entry.js} +1 -1
- package/dist/baloise-design-system/p-9ca0a9bf5c.entry.js +1 -0
- package/dist/baloise-design-system/p-BFRjY4w3.js +1 -1
- package/dist/baloise-design-system/p-BRAmUyPx.system.js +1 -1
- package/dist/baloise-design-system/{p-BzAHSyRi.js → p-BTcRU1Tz.js} +1 -1
- package/dist/baloise-design-system/p-BvSkuJ_n.js +1 -0
- package/dist/baloise-design-system/p-BzIZLOtt.system.js +1 -0
- package/dist/baloise-design-system/p-C_qvcMEM.system.js +1 -0
- package/dist/baloise-design-system/{p-G8UK5F7H.system.js → p-DCHC0AH7.system.js} +1 -1
- package/dist/baloise-design-system/{p-4MIQMEtx.js → p-DDuMi9h4.js} +1 -1
- package/dist/baloise-design-system/{p-P4eJh_wN.js → p-DFbJ5rLM.js} +1 -1
- package/dist/baloise-design-system/{p-CkIgsCwS.system.js → p-DMMhOU8k.system.js} +1 -1
- package/dist/baloise-design-system/{p-C8LDaK6Z.system.js → p-Duesi2dC.system.js} +1 -1
- package/dist/baloise-design-system/{p-DvahsaGu.system.js → p-DyfQv-rM.system.js} +1 -1
- package/dist/baloise-design-system/p-Ectc3YAG.js +1 -0
- package/dist/baloise-design-system/p-ab726e7c00.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-0c0190dc67.system.entry.js → p-af441cfe18.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bc641f2029.system.entry.js → p-b5e2c799a3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-01b27feafd.entry.js → p-d491382825.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f22c5ab5ed.system.entry.js → p-e159283b34.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dafa925d2c.entry.js → p-e22452574f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-992840a30d.entry.js → p-e9e31dbf56.entry.js} +1 -1
- package/dist/cjs/app-globals-DcKvQZAC.js +7 -0
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-doc-app.cjs.entry.js +231 -0
- package/dist/cjs/bal-field_5.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 +4 -4
- 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 +4 -4
- 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/baloise-design-system.cjs.js +3 -2
- package/dist/cjs/{breakpoints.decorator-Cc1aDi12.js → breakpoints.decorator-sCge_U_Z.js} +1 -1
- package/dist/cjs/{breakpoints.subject-CEyIkleD.js → breakpoints.subject-PcWc3le6.js} +1 -1
- package/dist/cjs/{app-globals-D4xKyILL.js → global-BOGOCc0T.js} +2 -4
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-BzrcZo6Y.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/{tokens.esm-CO4NpDkI.js → tokens.esm-DNfnPMKX.js} +1 -1
- package/dist/cjs/{window-resize.decorator-DiYHzl6q.js → window-resize.decorator-65VFDwhd.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/bal-logo/bal-logo.js +0 -1
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +248 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/app-globals-CIj5uAPM.js +5 -0
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-doc-app.entry.js +229 -0
- package/dist/esm/bal-field_5.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 +4 -4
- 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 +4 -4
- 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/baloise-design-system.js +3 -2
- package/dist/esm/{breakpoints.decorator-CFE2cXqN.js → breakpoints.decorator-CurQay1T.js} +1 -1
- package/dist/esm/{breakpoints.subject-BtghxYYt.js → breakpoints.subject-BXtYBhFC.js} +1 -1
- package/dist/esm/{app-globals-Blx--ecs.js → global-Llrc69_N.js} +2 -4
- package/dist/esm/index.js +3 -3
- package/dist/esm/initialize-W3od-FM9.js +1 -1
- package/dist/esm/loader.js +3 -2
- package/dist/esm/{tokens.esm-DcKTia-G.js → tokens.esm-CKoK3EFm.js} +1 -1
- package/dist/esm/{window-resize.decorator-DJtj2dCF.js → window-resize.decorator-BjJrAdhX.js} +1 -1
- package/dist/esm-es5/app-globals-CIj5uAPM.js +1 -0
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- package/dist/esm-es5/bal-field_5.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/baloise-design-system.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-CFE2cXqN.js → breakpoints.decorator-CurQay1T.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-BtghxYYt.js → breakpoints.subject-BXtYBhFC.js} +1 -1
- package/dist/esm-es5/global-Llrc69_N.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-W3od-FM9.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-DJtj2dCF.js → window-resize.decorator-BjJrAdhX.js} +1 -1
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +75 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
- package/package.json +6 -6
- package/dist/baloise-design-system/p-0732a81f81.entry.js +0 -1
- package/dist/baloise-design-system/p-6620c99966.system.entry.js +0 -1
- package/dist/baloise-design-system/p-Bk7UdnZ5.system.js +0 -1
- package/dist/baloise-design-system/p-CKN3W8qn.js +0 -1
- package/dist/esm-es5/app-globals-Blx--ecs.js +0 -1
- /package/dist/baloise-design-system/{p-DcKTia-G.js → p-CKoK3EFm.js} +0 -0
- /package/dist/baloise-design-system/{p-q1IO5uRR.system.js → p-DLdNtVfE.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-DcKTia-G.js → tokens.esm-CKoK3EFm.js} +0 -0
package/dist/baloise-design-system/{p-a9d42c63a1.system.entry.js → p-6691861d31.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{l(a.next(e))}catch(e){o(e)}}function s(e){try{l(a["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):n(e.value).then(i,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=s(0),i["throw"]=s(1),i["return"]=s(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(r=0)),r)try{if(a=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=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(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-C8LDaK6Z.system.js","./p-CLDmOIBx.system.js","./p-DKjTFqnu.system.js","./p-BNWt5z9B.system.js","./p-DV-2u4Pm.system.js","./p-xlS5vO33.system.js","./p-CTuoH3RE.system.js","./p-DvahsaGu.system.js","./p-ncoiCFQ1.system.js","./p-DST0VloN.system.js","./p-BpMXwP_q.system.js","./p-Ck7YRry-.system.js","./p-m5GX4h3i.system.js","./p-D1opIX9W.system.js","./p-DtlqgdI2.system.js","./p-DDPYMMGG.system.js","./p-D7_eHNTI.system.js","./p-BCtb7Ny9.system.js","./p-DdX8FaaK.system.js","./p-q1IO5uRR.system.js","./p-BM_oHMik.system.js","./p-4Y53iwfN.system.js","./p-Bzy18UgU.system.js"],(function(e){"use strict";var t,r,a,n,o,i,s,l,c,u,b,d,h,p,m,f,g,_,w,v,y,k,x,j;return{setters:[function(e){t=e.h;r=e.r;a=e.c;n=e.H;o=e.g},function(e){i=e._;s=e.a},function(e){l=e.B},function(e){c=e.L},function(e){u=e.s},function(e){b=e.a},function(e){d=e.t;h=e.S},function(e){p=e.L},function(e){m=e.L},function(e){f=e.L},function(e){g=e.b},function(e){_=e.d},function(e){w=e.L},function(e){v=e.L},function(e){y=e.s},function(e){k=e.i},function(e){x=e.l;j=e.a},null,null,null,null,null,null,null,null,null],execute:function(){var O=function(e){var r=e.value,a=e.items,n=e.containerId,o=e.onControlChange;var i=l.block("carousel");var s=i.element("controls");return t("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",{role:"tabs"},a.map((function(e){return t("button",{class:{button:true,"is-fullwidth":true,"is-primary":r===e.value,"is-light":r!==e.value},role:"tab","aria-selected":b(r===e.value),"aria-controls":n+"-"+d(e.label),key:e.value,onClick:function(){return o(e)}},e.label)})))))};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-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;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-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__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-swiper__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-swiper__inner--shadow-left.bal-swiper__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-swiper__inner--shadow-right.bal-swiper__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--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.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{-webkit-box-sizing:border-box;box-sizing:border-box;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;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.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:100%;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:100%;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;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-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}';var C=e("bal_carousel",function(){function e(e){r(this,e);this.balChange=a(this,"balChange");this.swiper=new h;this.swiperIsLastSlideVisible=false;this.hasAnimated=false;this.isMobile=g.isMobile;this.language=_.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.space="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;this.mutationObserverActive=true}e.prototype.onValueChange=function(){this.swiper.index=this.value};e.prototype.onStepsChange=function(){this.swiper.steps=this.steps};e.prototype.onItemsPerViewChange=function(){this.swiper.itemsPerView=this.itemsPerView};e.prototype.onControlsChange=function(){this.swiper.controls=this.controls};e.prototype.onSpaceChange=function(){this.swiper.gapSpace=this.space};e.prototype.onInterFaceChange=function(){this.swiper.gapSpace=this.interface==="product"?"normal":this.space};e.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.onControlsChange();this.onItemsPerViewChange();this.onStepsChange();this.onSpaceChange();this.onInterFaceChange();this.onValueChange()};e.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};e.prototype.blockVerticalScrolling=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(!this.scrollY&&((t=this.el)===null||t===void 0?void 0:t.contains(e.target))){u(e)}return[2]}))}))};e.prototype.mutationListener=function(){this.swiper.notifyChange()};e.prototype.visibilityListener=function(){this.swiper.notifyChange()};e.prototype.swipeListener=function(e){var t=e.left,r=e.right;if(t){this.next()}else if(r){this.previous()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile;this.swiper.notifyChange()};e.prototype.resizeListener=function(){this.swiper.notifyChange()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;return[2]}))}))};e.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.previous(e);return[2]}))}))};e.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.next(e);return[2]}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.swiper.containerId]}))}))};e.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};e.prototype.swiperOnChange=function(e){this.value=e;this.balChange.emit(e)};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("inner");var o=a.element("container");return t(n,{key:"561107c8e3c5eb7a80b3e2a8b113ed13f2fdfb5d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),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-tabs").class(this.controls==="tabs"))},this.controls==="tabs"?t(O,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:function(t){return e.swiper.onControlChange(t.value)}}):"",t("div",{key:"6adb9641efe5f488a940ffac297bcc7b3932c92a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),a.class()),a.modifier("is-".concat(this.aspectRatio)).class()),a.modifier("inverted").class(this.inverted)),a.modifier("full-height").class(this.fullHeight)),ref:function(t){return e.swiper.innerEl=t}},t("div",{key:"fb4083afd4a967761c25200e8630f171b02a6c2d",id:this.swiper.containerId,role:this.controls==="tabs"?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),o.class()),o.modifier("border").class(this.border)),o.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.swiper.containerEl=t}},t("slot",{key:"c46d996cc3904bcdc38951f155e3a49f73f284f8"}),this.border?t("div",{id:"".concat(this.swiper.id,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:function(t){return e.swiper.borderEl=t}}):"")),this.swiper.renderControls())};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}},enumerable:false,configurable:true});return e}());i([p({tags:["bal-carousel-item"],characterData:false}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"mutationListener",null);i([w(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"visibilityListener",null);i([m(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"swipeListener",null);i([c(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"breakpointListener",null);i([f(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"resizeListener",null);i([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],C.prototype,"configChanged",null);C.style=z;var D=e("bal_carousel_item",function(){function e(e){var t=this;r(this,e);this.balNavigate=a(this,"balNavigate");this.balFocus=a(this,"balFocus");this.balBlur=a(this,"balBlur");this.imageInheritAttributes={};this.isOnLoadEventDone=false;this.containerId="";this.svgContent="";this.label="";this.svg="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.target="_self";this.generateSvgContent=function(){if(t.svg!==undefined&&t.svg.length>0){t.svgContent=y(t.svg)}};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()}}e.prototype.svgChanged=function(){this.generateSvgContent()};e.prototype.connectedCallback=function(){this.generateSvgContent()};e.prototype.componentDidLoad=function(){var e=this;x((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=k(this.el,["alt"]);this.getContainerId()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,j()];case 1:e.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.closest("bal-carousel");t=this;return[4,e.getContainerId()];case 1:t.containerId=r.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("item");var o=!!this.color&&!!this.label;var i=this.el.closest("bal-carousel");var s=i&&i.controls==="tabs"?"tabpanel":"listitem";var c="".concat(this.containerId,"-").concat(d(this.label));if(!o){return t(n,{id:c,role:s,class:Object.assign({},a.class()),"aria-label":this.label},this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",t("slot",null))}var u=a.element("button");var b=u.element("image");var h=u.element("label");var p=this,m=p.elementType,f=p.download,g=p.href,_=p.rel,w=p.target,v=p.name,y=p.value;var k=this.href===undefined?"button":"a";var x=k==="button"?{type:m,name:v,value:y}:{download:f,href:g,rel:_,target:w};return t(n,{id:c,role:s,"aria-label":this.label,class:Object.assign({},a.class())},t(k,Object.assign({},x,{class:Object.assign(Object.assign({},u.class()),u.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(t){return e.buttonEl=t}}),this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({class:Object.assign({},b.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&this.svgContent!==undefined?t("div",{class:Object.assign({},b.class()),innerHTML:this.svgContent}):"",this.label!==undefined?t("span",{class:Object.assign({},h.class())},this.label):"",t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{svg:["svgChanged"]}},enumerable:false,configurable:true});return e}())}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{l(a.next(e))}catch(e){o(e)}}function s(e){try{l(a["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):n(e.value).then(i,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=s(0),i["throw"]=s(1),i["return"]=s(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(r=0)),r)try{if(a=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=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(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-Duesi2dC.system.js","./p-CLDmOIBx.system.js","./p-DKjTFqnu.system.js","./p-BNWt5z9B.system.js","./p-DV-2u4Pm.system.js","./p-xlS5vO33.system.js","./p-CTuoH3RE.system.js","./p-DyfQv-rM.system.js","./p-ncoiCFQ1.system.js","./p-DST0VloN.system.js","./p-BpMXwP_q.system.js","./p-Ck7YRry-.system.js","./p-m5GX4h3i.system.js","./p-D1opIX9W.system.js","./p-DtlqgdI2.system.js","./p-DDPYMMGG.system.js","./p-D7_eHNTI.system.js","./p-BCtb7Ny9.system.js","./p-DdX8FaaK.system.js","./p-DLdNtVfE.system.js","./p-BM_oHMik.system.js","./p-4Y53iwfN.system.js","./p-Bzy18UgU.system.js"],(function(e){"use strict";var t,r,a,n,o,i,s,l,c,u,b,d,h,p,m,f,g,_,w,v,y,k,x,j;return{setters:[function(e){t=e.h;r=e.r;a=e.c;n=e.H;o=e.g},function(e){i=e._;s=e.a},function(e){l=e.B},function(e){c=e.L},function(e){u=e.s},function(e){b=e.a},function(e){d=e.t;h=e.S},function(e){p=e.L},function(e){m=e.L},function(e){f=e.L},function(e){g=e.b},function(e){_=e.d},function(e){w=e.L},function(e){v=e.L},function(e){y=e.s},function(e){k=e.i},function(e){x=e.l;j=e.a},null,null,null,null,null,null,null,null,null],execute:function(){var O=function(e){var r=e.value,a=e.items,n=e.containerId,o=e.onControlChange;var i=l.block("carousel");var s=i.element("controls");return t("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",{role:"tabs"},a.map((function(e){return t("button",{class:{button:true,"is-fullwidth":true,"is-primary":r===e.value,"is-light":r!==e.value},role:"tab","aria-selected":b(r===e.value),"aria-controls":n+"-"+d(e.label),key:e.value,onClick:function(){return o(e)}},e.label)})))))};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-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;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-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__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-swiper__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-swiper__inner--shadow-left.bal-swiper__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-swiper__inner--shadow-right.bal-swiper__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--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.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{-webkit-box-sizing:border-box;box-sizing:border-box;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;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.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:100%;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:100%;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;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-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}';var C=e("bal_carousel",function(){function e(e){r(this,e);this.balChange=a(this,"balChange");this.swiper=new h;this.swiperIsLastSlideVisible=false;this.hasAnimated=false;this.isMobile=g.isMobile;this.language=_.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.space="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;this.mutationObserverActive=true}e.prototype.onValueChange=function(){this.swiper.index=this.value};e.prototype.onStepsChange=function(){this.swiper.steps=this.steps};e.prototype.onItemsPerViewChange=function(){this.swiper.itemsPerView=this.itemsPerView};e.prototype.onControlsChange=function(){this.swiper.controls=this.controls};e.prototype.onSpaceChange=function(){this.swiper.gapSpace=this.space};e.prototype.onInterFaceChange=function(){this.swiper.gapSpace=this.interface==="product"?"normal":this.space};e.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.onControlsChange();this.onItemsPerViewChange();this.onStepsChange();this.onSpaceChange();this.onInterFaceChange();this.onValueChange()};e.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};e.prototype.blockVerticalScrolling=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(!this.scrollY&&((t=this.el)===null||t===void 0?void 0:t.contains(e.target))){u(e)}return[2]}))}))};e.prototype.mutationListener=function(){this.swiper.notifyChange()};e.prototype.visibilityListener=function(){this.swiper.notifyChange()};e.prototype.swipeListener=function(e){var t=e.left,r=e.right;if(t){this.next()}else if(r){this.previous()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile;this.swiper.notifyChange()};e.prototype.resizeListener=function(){this.swiper.notifyChange()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;return[2]}))}))};e.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.previous(e);return[2]}))}))};e.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.next(e);return[2]}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.swiper.containerId]}))}))};e.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};e.prototype.swiperOnChange=function(e){this.value=e;this.balChange.emit(e)};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("inner");var o=a.element("container");return t(n,{key:"561107c8e3c5eb7a80b3e2a8b113ed13f2fdfb5d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),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-tabs").class(this.controls==="tabs"))},this.controls==="tabs"?t(O,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:function(t){return e.swiper.onControlChange(t.value)}}):"",t("div",{key:"6adb9641efe5f488a940ffac297bcc7b3932c92a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),a.class()),a.modifier("is-".concat(this.aspectRatio)).class()),a.modifier("inverted").class(this.inverted)),a.modifier("full-height").class(this.fullHeight)),ref:function(t){return e.swiper.innerEl=t}},t("div",{key:"fb4083afd4a967761c25200e8630f171b02a6c2d",id:this.swiper.containerId,role:this.controls==="tabs"?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),o.class()),o.modifier("border").class(this.border)),o.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.swiper.containerEl=t}},t("slot",{key:"c46d996cc3904bcdc38951f155e3a49f73f284f8"}),this.border?t("div",{id:"".concat(this.swiper.id,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:function(t){return e.swiper.borderEl=t}}):"")),this.swiper.renderControls())};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}},enumerable:false,configurable:true});return e}());i([p({tags:["bal-carousel-item"],characterData:false}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"mutationListener",null);i([w(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"visibilityListener",null);i([m(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"swipeListener",null);i([c(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"breakpointListener",null);i([f(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"resizeListener",null);i([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],C.prototype,"configChanged",null);C.style=z;var D=e("bal_carousel_item",function(){function e(e){var t=this;r(this,e);this.balNavigate=a(this,"balNavigate");this.balFocus=a(this,"balFocus");this.balBlur=a(this,"balBlur");this.imageInheritAttributes={};this.isOnLoadEventDone=false;this.containerId="";this.svgContent="";this.label="";this.svg="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.target="_self";this.generateSvgContent=function(){if(t.svg!==undefined&&t.svg.length>0){t.svgContent=y(t.svg)}};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()}}e.prototype.svgChanged=function(){this.generateSvgContent()};e.prototype.connectedCallback=function(){this.generateSvgContent()};e.prototype.componentDidLoad=function(){var e=this;x((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=k(this.el,["alt"]);this.getContainerId()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,j()];case 1:e.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.closest("bal-carousel");t=this;return[4,e.getContainerId()];case 1:t.containerId=r.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("item");var o=!!this.color&&!!this.label;var i=this.el.closest("bal-carousel");var s=i&&i.controls==="tabs"?"tabpanel":"listitem";var c="".concat(this.containerId,"-").concat(d(this.label));if(!o){return t(n,{id:c,role:s,class:Object.assign({},a.class()),"aria-label":this.label},this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",t("slot",null))}var u=a.element("button");var b=u.element("image");var h=u.element("label");var p=this,m=p.elementType,f=p.download,g=p.href,_=p.rel,w=p.target,v=p.name,y=p.value;var k=this.href===undefined?"button":"a";var x=k==="button"?{type:m,name:v,value:y}:{download:f,href:g,rel:_,target:w};return t(n,{id:c,role:s,"aria-label":this.label,class:Object.assign({},a.class())},t(k,Object.assign({},x,{class:Object.assign(Object.assign({},u.class()),u.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(t){return e.buttonEl=t}}),this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({class:Object.assign({},b.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&this.svgContent!==undefined?t("div",{class:Object.assign({},b.class()),innerHTML:this.svgContent}):"",this.label!==undefined?t("span",{class:Object.assign({},h.class())},this.label):"",t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{svg:["svgChanged"]}},enumerable:false,configurable:true});return e}())}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as l,c as i,h as e,H as t,g as a}from"./p-BdVwMG9u.js";import{_ as s,a as d}from"./p-dfXERft2.js";import{d as o}from"./p-FCLKfv6B.js";import{d as n,a as r}from"./p-Ba5qjFjW.js";import{L as b}from"./p-Dvgek0Sb.js";import{B as h}from"./p-ByiN-QjD.js";import{b as f}from"./p-BzAHSyRi.js";import{L as c}from"./p-P4eJh_wN.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-C20cwFWy.js";import"./p-MBsgW7uz.js";import"./p-DcKTia-G.js";const m=class{constructor(e){l(this,e),this.balFormControlDidLoad=i(this,"balFormControlDidLoad"),this.fieldId="bal-field-"+p++,this.formControlElement=["bal-field-control"],this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"],this.formElements=[...this.formControlElement,"bal-field-label","bal-field-message"],this.required=void 0,this.horizontal=!1,this.invalid=void 0,this.valid=!1,this.disabled=void 0,this.readonly=void 0,this.loading=void 0,this.isDirectChild=l=>{if(!l)return!1;const i=l.parentElement;return!!i&&("bal-field"!==i.nodeName.toLowerCase()||i===this.el)&&(i===this.el||this.isDirectChild(i))},this.isVisible=l=>!!l&&"true"!==l.ariaHidden,this.findDirectChild=l=>{const i=this.el.querySelector(l);if(this.isDirectChild(i)&&this.isVisible(i))return i},this.findDirectChildren=l=>l.map((l=>Array.from(this.el.querySelectorAll(l)).filter(this.isDirectChild).filter(this.isVisible))).flat(),this.mutationObserverActive=!0}requiredHandler(){this.updateProps([...this.inputElements,"bal-field-label"],"required")}invalidHandler(){this.updateProps([...this.inputElements,...this.formElements],"invalid")}validHandler(){this.updateProps([...this.inputElements,...this.formElements],"valid")}disabledHandler(){this.updateProps([...this.inputElements,...this.formElements],"disabled")}readonlyHandler(){this.updateProps([...this.inputElements,...this.formElements],"readonly")}loadingHandler(){this.updateProps([...this.inputElements,...this.formControlElement],"loading")}connectedCallback(){this.triggerAllHandlers()}componentWillLoad(){this.triggerAllHandlers()}async componentDidLoad(){await this.syncAriaAttributes()}async syncAriaAttributes(){await n(this.el),await r();const l=this.findDirectChild("bal-field-label bal-label"),i=this.findDirectChild("bal-field-message"),e=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]),t=Object.assign({},o);l&&(t.labelId=`${this.fieldId}-lbl`),i&&(t.messageId=`${this.fieldId}-msg`);for(let a=0;a<e.length;a++){const s=e[a];0===a?(t.controlId=`${this.fieldId}-ctrl`,await(null==l?void 0:l.setAriaForm(t)),await(null==i?void 0:i.setAriaForm(t)),await(null==s?void 0:s.setAriaForm(t))):(t.controlId=`${this.fieldId}-ctrl-${a}`,await(null==s?void 0:s.setAriaForm(t)))}}mutationListener(){this.triggerAllHandlers(),this.syncAriaAttributes()}triggerAllHandlers(){this.requiredHandler(),this.invalidHandler(),this.validHandler(),this.readonlyHandler(),this.disabledHandler(),this.loadingHandler()}updateProps(l,i){const e=this[i];void 0!==e&&this.notifyComponents(l,(l=>l[i]=e))}notifyComponents(l,i){this.el.querySelectorAll(l.join(", ")).forEach((l=>i(l)))}render(){return e(t,{key:"ef05b294a516d40c5089d051feeb46715f581bc1",id:this.fieldId,class:{"bal-field":!0,field:!0,"bal-field--invalid":!0===this.invalid,"bal-field--horizontal":!0===this.horizontal}},e("slot",{key:"5710d7fd141b21d699004d7982d5d5bb7238cd94"}),e("span",{key:"e1b36343cdcb60960bcdac4d938c946f40041334",class:"bal-field-hidden"}))}get el(){return a(this)}static get watchers(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}}};s([b({subtree:!1,waitAfterFramePrint:!0}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],m.prototype,"mutationListener",null);let p=0;m.style=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";const u=class{constructor(i){l(this,i),this.iconRight="",this.iconLeft="",this.expandedOnMobile=void 0,this.loading=!1}get buildIconLeftTemplate(){return this.iconLeft?e("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"}):""}get buildIconRightTemplate(){return this.iconRight?e("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"}):""}render(){return e(t,{key:"f2dbde868506b54d5b5e2fc14b5c29c417d42891",class:{"bal-field-control":!0,control:!0,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},e("slot",{key:"274cd16bccefc825d85e4b1222da7c523a1aa937"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)}},g=class{constructor(i){l(this,i),this.hideTitleOnDesktop=!1,this.subject="",this.closeLabel="Close",this.small=!1,this.isDesktop=f.isDesktop}breakpointListener(l){this.isDesktop=l.desktop}render(){const l=h.block("field-hint");return e(t,{key:"90dbf0da0a0c7ec498538721135e2fdefc4ac238",class:Object.assign({},l.class())},e("bal-hint",{key:"1976d07de449aa8b2897a375f61953f0c705e4ae",class:Object.assign({},l.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},!this.subject||this.hideTitleOnDesktop&&this.isDesktop?"":e("bal-hint-title",null,this.subject),e("bal-hint-text",{key:"ae2b48186e4f4c1adbfe7b3ed57a798a55a4cad0"},e("slot",{key:"e4a33e9e14ab86a15e78321fbd9f7325e0420ec5"}))))}};s([c(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],g.prototype,"breakpointListener",null);const y=class{constructor(i){l(this,i),this.htmlFor=void 0,this.required=!0,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="small",this.weight="bold"}componentDidLoad(){this.element&&(this.parentBalFieldElement=this.element.closest("bal-field"),this.parentBalFieldElement&&this.parentBalFieldElement.classList.add("has-label"))}disconnectedCallback(){this.parentBalFieldElement&&this.parentBalFieldElement.classList.remove("has-label")}render(){return e(t,{key:"6685a5711aba2152b975fe49fe114a9edb400679",class:"bal-field-label"},e("bal-label",{key:"f677ab02ba144832c6304dc99c3e2900079e38b7",multiline:!0,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},e("slot",{key:"687bfc73cab2cf7bef4e3e15b6a9090d5ba29d38"})))}get element(){return a(this)}},v=class{constructor(i){l(this,i),this.ariaForm=o,this.color="",this.invalid=!1,this.valid=!1,this.disabled=!1,this.readonly=!1,this.noReservedSpace=!1}async setAriaForm(l){this.ariaForm=Object.assign({},l)}render(){return e(t,{key:"24a1ad8e6d848841fd1e83428aa14430ed6fe5fc",id:this.ariaForm.messageId,class:{"bal-field-message":!0,help:!0,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly,[`is-${this.color}`]:!!this.color},style:{minHeight:this.noReservedSpace?"0":void 0}},e("slot",{key:"2cb9fb2480527f5b4ae63611f3a424fcc202bc36"}))}};export{m as bal_field,u as bal_field_control,g as bal_field_hint,y as bal_field_label,v as bal_field_message}
|
|
1
|
+
import{r as l,c as i,h as e,H as t,g as a}from"./p-BdVwMG9u.js";import{_ as s,a as d}from"./p-dfXERft2.js";import{d as o}from"./p-FCLKfv6B.js";import{d as n,a as r}from"./p-Ba5qjFjW.js";import{L as b}from"./p-Dvgek0Sb.js";import{B as h}from"./p-ByiN-QjD.js";import{b as f}from"./p-BTcRU1Tz.js";import{L as c}from"./p-DFbJ5rLM.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-C20cwFWy.js";import"./p-MBsgW7uz.js";import"./p-CKoK3EFm.js";const m=class{constructor(e){l(this,e),this.balFormControlDidLoad=i(this,"balFormControlDidLoad"),this.fieldId="bal-field-"+p++,this.formControlElement=["bal-field-control"],this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"],this.formElements=[...this.formControlElement,"bal-field-label","bal-field-message"],this.required=void 0,this.horizontal=!1,this.invalid=void 0,this.valid=!1,this.disabled=void 0,this.readonly=void 0,this.loading=void 0,this.isDirectChild=l=>{if(!l)return!1;const i=l.parentElement;return!!i&&("bal-field"!==i.nodeName.toLowerCase()||i===this.el)&&(i===this.el||this.isDirectChild(i))},this.isVisible=l=>!!l&&"true"!==l.ariaHidden,this.findDirectChild=l=>{const i=this.el.querySelector(l);if(this.isDirectChild(i)&&this.isVisible(i))return i},this.findDirectChildren=l=>l.map((l=>Array.from(this.el.querySelectorAll(l)).filter(this.isDirectChild).filter(this.isVisible))).flat(),this.mutationObserverActive=!0}requiredHandler(){this.updateProps([...this.inputElements,"bal-field-label"],"required")}invalidHandler(){this.updateProps([...this.inputElements,...this.formElements],"invalid")}validHandler(){this.updateProps([...this.inputElements,...this.formElements],"valid")}disabledHandler(){this.updateProps([...this.inputElements,...this.formElements],"disabled")}readonlyHandler(){this.updateProps([...this.inputElements,...this.formElements],"readonly")}loadingHandler(){this.updateProps([...this.inputElements,...this.formControlElement],"loading")}connectedCallback(){this.triggerAllHandlers()}componentWillLoad(){this.triggerAllHandlers()}async componentDidLoad(){await this.syncAriaAttributes()}async syncAriaAttributes(){await n(this.el),await r();const l=this.findDirectChild("bal-field-label bal-label"),i=this.findDirectChild("bal-field-message"),e=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]),t=Object.assign({},o);l&&(t.labelId=`${this.fieldId}-lbl`),i&&(t.messageId=`${this.fieldId}-msg`);for(let a=0;a<e.length;a++){const s=e[a];0===a?(t.controlId=`${this.fieldId}-ctrl`,await(null==l?void 0:l.setAriaForm(t)),await(null==i?void 0:i.setAriaForm(t)),await(null==s?void 0:s.setAriaForm(t))):(t.controlId=`${this.fieldId}-ctrl-${a}`,await(null==s?void 0:s.setAriaForm(t)))}}mutationListener(){this.triggerAllHandlers(),this.syncAriaAttributes()}triggerAllHandlers(){this.requiredHandler(),this.invalidHandler(),this.validHandler(),this.readonlyHandler(),this.disabledHandler(),this.loadingHandler()}updateProps(l,i){const e=this[i];void 0!==e&&this.notifyComponents(l,(l=>l[i]=e))}notifyComponents(l,i){this.el.querySelectorAll(l.join(", ")).forEach((l=>i(l)))}render(){return e(t,{key:"ef05b294a516d40c5089d051feeb46715f581bc1",id:this.fieldId,class:{"bal-field":!0,field:!0,"bal-field--invalid":!0===this.invalid,"bal-field--horizontal":!0===this.horizontal}},e("slot",{key:"5710d7fd141b21d699004d7982d5d5bb7238cd94"}),e("span",{key:"e1b36343cdcb60960bcdac4d938c946f40041334",class:"bal-field-hidden"}))}get el(){return a(this)}static get watchers(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}}};s([b({subtree:!1,waitAfterFramePrint:!0}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],m.prototype,"mutationListener",null);let p=0;m.style=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";const u=class{constructor(i){l(this,i),this.iconRight="",this.iconLeft="",this.expandedOnMobile=void 0,this.loading=!1}get buildIconLeftTemplate(){return this.iconLeft?e("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"}):""}get buildIconRightTemplate(){return this.iconRight?e("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"}):""}render(){return e(t,{key:"f2dbde868506b54d5b5e2fc14b5c29c417d42891",class:{"bal-field-control":!0,control:!0,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},e("slot",{key:"274cd16bccefc825d85e4b1222da7c523a1aa937"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)}},g=class{constructor(i){l(this,i),this.hideTitleOnDesktop=!1,this.subject="",this.closeLabel="Close",this.small=!1,this.isDesktop=f.isDesktop}breakpointListener(l){this.isDesktop=l.desktop}render(){const l=h.block("field-hint");return e(t,{key:"90dbf0da0a0c7ec498538721135e2fdefc4ac238",class:Object.assign({},l.class())},e("bal-hint",{key:"1976d07de449aa8b2897a375f61953f0c705e4ae",class:Object.assign({},l.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},!this.subject||this.hideTitleOnDesktop&&this.isDesktop?"":e("bal-hint-title",null,this.subject),e("bal-hint-text",{key:"ae2b48186e4f4c1adbfe7b3ed57a798a55a4cad0"},e("slot",{key:"e4a33e9e14ab86a15e78321fbd9f7325e0420ec5"}))))}};s([c(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],g.prototype,"breakpointListener",null);const y=class{constructor(i){l(this,i),this.htmlFor=void 0,this.required=!0,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="small",this.weight="bold"}componentDidLoad(){this.element&&(this.parentBalFieldElement=this.element.closest("bal-field"),this.parentBalFieldElement&&this.parentBalFieldElement.classList.add("has-label"))}disconnectedCallback(){this.parentBalFieldElement&&this.parentBalFieldElement.classList.remove("has-label")}render(){return e(t,{key:"6685a5711aba2152b975fe49fe114a9edb400679",class:"bal-field-label"},e("bal-label",{key:"f677ab02ba144832c6304dc99c3e2900079e38b7",multiline:!0,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},e("slot",{key:"687bfc73cab2cf7bef4e3e15b6a9090d5ba29d38"})))}get element(){return a(this)}},v=class{constructor(i){l(this,i),this.ariaForm=o,this.color="",this.invalid=!1,this.valid=!1,this.disabled=!1,this.readonly=!1,this.noReservedSpace=!1}async setAriaForm(l){this.ariaForm=Object.assign({},l)}render(){return e(t,{key:"24a1ad8e6d848841fd1e83428aa14430ed6fe5fc",id:this.ariaForm.messageId,class:{"bal-field-message":!0,help:!0,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly,[`is-${this.color}`]:!!this.color},style:{minHeight:this.noReservedSpace?"0":void 0}},e("slot",{key:"2cb9fb2480527f5b4ae63611f3a424fcc202bc36"}))}};export{m as bal_field,u as bal_field_control,g as bal_field_hint,y as bal_field_label,v as bal_field_message}
|
package/dist/baloise-design-system/{p-78eb8b6cd9.system.entry.js → p-7c7f374fc8.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{o(a.next(t))}catch(t){r(t)}}function l(t){try{o(a["throw"](t))}catch(t){r(t)}}function o(t){t.done?i(t.value):n(t.value).then(s,l)}o((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=l(0),s["throw"]=l(1),s["return"]=l(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(t){return function(e){return o([t,e])}}function o(l){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(i=0)),i)try{if(a=1,n&&(r=l[0]&2?n["return"]:l[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,l[1])).done)return r;if(n=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;n=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(l[0]===6&&i.label<r[1]){i.label=r[1];r=l;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(l);break}if(r[2])i.ops.pop();i.trys.pop();continue}l=e.call(t,i)}catch(t){l=[6,t];n=0}finally{a=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var a=0,n=e.length,r;a<n;a++){if(r||!(a in e)){if(!r)r=Array.prototype.slice.call(e,0,a);r[a]=e[a]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./p-PNu_g_s6.system.js","./p-m5GX4h3i.system.js","./p-Cjiw70Dk.system.js","./p-BPUKeAhO.system.js","./p-BbAtjg9Y.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-BNWt5z9B.system.js","./p-CDt5sRVY.system.js","./p-DKjTFqnu.system.js","./p-D7_eHNTI.system.js","./p-DvahsaGu.system.js","./p-ncoiCFQ1.system.js","./p-DV-2u4Pm.system.js","./p-DST0VloN.system.js","./p-C8LDaK6Z.system.js","./p-CTuoH3RE.system.js","./p-xlS5vO33.system.js","./p-C6x8G3mu.system.js","./p-BpMXwP_q.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-BM_oHMik.system.js","./p-DtlqgdI2.system.js","./p-DdX8FaaK.system.js","./p-DDPYMMGG.system.js","./p-q1IO5uRR.system.js","./p-BCtb7Ny9.system.js"],(function(t){"use strict";var e,i,a,n,r,s,l,o,b,_,c,d,u,h,v,f,m,p,g,w,x,y,j,O,k,z,A,D,C,L,F,B,I,P,S,M,N,T;return{setters:[function(t){e=t.r;i=t.c;a=t.h;n=t.H;r=t.g},function(t){s=t.a;l=t.i},function(t){o=t._;b=t.a},function(t){_=t.a},function(t){c=t.B},function(t){d=t.s},function(t){u=t.m;h=t.d;v=t.t;f=t.k;m=t.n;p=t.q;g=t.l;w=t.i;x=t.a},function(t){y=t.L},function(t){j=t.t;O=t.S;k=t.g;z=t.a},function(t){A=t.n},function(t){D=t.a},function(t){C=t.b},function(t){L=t.b},function(t){F=t.d},function(t){B=t.L},function(t){I=t.L},function(t){P=t.L},function(t){S=t.L},function(t){M=t.L},function(t){N=t.L},function(t){T=t.L},null,null,null,null,null,null,null,null,null],execute:function(){var G=t("bal_tab_item",function(){function t(t){e(this,t);this.balNavigate=i(this,"balNavigate");this.balKeyDown=i(this,"balKeyDown");this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(V++);this.isActive=false;this.tabsId=undefined;this.active=false;this.value="";this.label="";this.href=undefined;this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.a11yControls=undefined;this.subLabel="";this.svg=""}t.prototype.componentWillLoad=function(){this.inheritAttributes=s(this.el)};t.prototype.setTabId=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.tabsId=t;return[2]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,keyDown:this.balKeyDown,trackingData:this.inheritAttributes,noPanel:this.noPanel,a11yControls:this.a11yControls,subLabel:this.subLabel,svg:this.svg}},enumerable:false,configurable:true});t.prototype.render=function(){var t=!this.noPanel;var e=!this.isActive||this.noPanel;return a(n,{key:"a7ebf68e3c2fed0d2068d33afe86cb642e1f111d",id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-hidden":e?"true":"false","aria-labelledby":this.tabsId?"".concat(this.tabsId,"-button-").concat(this.value):undefined,tabindex:e?"-1":undefined,hidden:e?true:undefined},a("slot",{key:"cfa012ad2c5f2a14a762e8a65872d99100602c3a"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());var V=0;var q=function(t){var e=t.item,i=t.inverted,n=t.accordion,r=t.isAccordionOpen,s=t.isMobile,l=t.hasBubble;var o=c.block("tabs").element("nav").element("item").element("icon");var b=e.disabled?"grey":"primary";if(i){b=e.disabled?"primary-light":"white"}return a("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("display-svg").class(e.svg!==undefined))},e.svg?a("bal-icon",{svg:e.svg,size:"large",color:"auto"}):a("bal-icon",{size:s||n?"small":"",name:n?"nav-go-down":e.icon,color:b,turn:n&&r===true&&e.active}),l?a("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var E=function(t){var e=t.item,i=t.inverted,n=t.hasBubble,r=t.isExpanded,s=t.isVertical,l=t.context;var o=c.block("tabs").element("nav").element("item").element("label");return a("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("inverted").class(i)),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("vertical").class(s)),o.modifier("expanded").class(r)),o.modifier("context-".concat(l)).class(l!==undefined)),o.modifier("with-svg").class(e.svg&&e.svg.length>0)),"data-testid":"bal-tabs-item-label"},e.label,e.subLabel&&a("span",{class:o.element("sub-label").class()},e.subLabel),n?a("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var K=function(t){var e=t.item,i=t.tabsId,n=t.isFirst,r=t.isLast,s=t.isMobile,l=t.isVertical,o=t.accordion,b=t.isAccordionOpen,_=t.isLinkList,d=t.inverted,u=t.isExpanded,h=t.spaceless,v=t.clickable,f=t.iconPosition,m=t.context,p=t.onSelectTab,g=t.hasSubLabelInGroup,w=t.dimInactiveElements;var x;var y=c.block("tabs").element("nav").element("item");if(e.invisible){return}var O=e.bubble!==false;var k=e.icon!==undefined;var z=k&&O&&f!=="horizontal"&&!o||s&&k&&O&&!l&&!o;var A=o&&O||o&&s&&k&&O&&!l;var C=!k&&O&&!o||O&&!s&&f==="horizontal"&&!o||O&&l&&!o;var L=e.href===undefined||e.href==="";var F=L?"button":"a";var B=L?{type:"button",role:"tab","aria-controls":((x=e.aria)===null||x===void 0?void 0:x.controls)||e.tabPanelID||undefined,"aria-expanded":D(e.active),"aria-disabled":D(e.disabled),"aria-label":e.label}:{role:"listitem",href:e.href,rel:e.rel,target:e.target};if(!_){B["tabindex"]=e.active?"0":"-1"}var I=function(){return a(F,Object.assign({id:"".concat(i,"-button-").concat(j(e.value)),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},y.class()),y.modifier("active").class(e.active)),y.modifier("disabled").class(e.disabled)),y.modifier("clickable").class(v)),y.modifier("accordion").class(o)),y.modifier("inverted").class(d)),y.modifier("expanded").class(u)),y.modifier("spaceless").class(h)),y.modifier("first").class(n)),y.modifier("last").class(r)),y.modifier("passed").class(e.passed)),y.modifier("vertical").class(l)),y.modifier("context-".concat(m)).class(m!==undefined)),y.modifier("icon-position-".concat(f)).class(f!=="horizontal")),y.modifier("display-svg").class(e.svg&&e.svg.length>0)),y.modifier("group-has-sub-label").class(g)),y.modifier("dim-inactive-elements").class(w)),{"bal-focusable":!e.disabled&&!e.invisible}),draggable:false,"data-tabs":i,"data-label":e.label,"data-value":e.value,"data-index":e.index,"data-testid":"bal-tabs-item","aria-selected":!L?undefined:e.active?"true":"false"},B,{onClick:function(t){return p(t,e)},onKeyDown:function(t){var i;(i=e.keyDown)===null||i===void 0?void 0:i.emit(t)}}),e.icon||e.svg?a(q,{accordion:false,item:e,isMobile:s,hasBubble:z,inverted:d}):"",a(E,{item:e,isMobile:s,isVertical:l,isExpanded:u,hasBubble:C,inverted:d,context:m}),o&&!e.href?a(q,{accordion:o,isAccordionOpen:b,item:e,isMobile:s,hasBubble:A,inverted:d}):"")};if(_){return a("li",null,I())}else{return I()}};var R=function(t){var e=t.swiper,i=t.items,n=t.tabsId,r=t.isVertical,s=t.inNavbar,l=t.isMobile,o=t.isTouch,b=t.ariaLabel,_=t.lineActive,d=t.lineHidden,u=t.isLinkList,h=t.border,v=t.accordion,f=t.isAccordionOpen,m=t.inverted,p=t.clickable,g=t.animated,w=t.spaceless,x=t.expanded,y=t.verticalColSize,j=t.showSwiperControls,O=t.iconPosition,k=t.context,z=t.onSelectTab,A=t.dimInactiveElements;var D=c.block("tabs").element("nav");var C=D.element("inner");var L=D.element("container");var F=D.element("line");var B=D.element("border");var I=i.filter((function(t){return!t.invisible}));var P=s&&!o;var S=i.some((function(t){return t.subLabel&&t.subLabel.length>0}));var M=function(t){var e=t.item,i=t.index;return a(K,{item:e,isLinkList:u,tabsId:n,isFirst:i===0,isLast:i===I.length-1,isMobile:l,isVertical:r,iconPosition:O,spaceless:w,inverted:m,accordion:v,isAccordionOpen:f,context:k,isExpanded:x,clickable:p&&!e.disabled,onSelectTab:z,hasSubLabelInGroup:S,dimInactiveElements:A})};var N=u?"nav":"div";var T=u?"ul":"div";return a("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},D.class()),D.modifier("vertical").class(r)),D.modifier("full-height").class(P)),D.modifier("vertical-col-".concat(y)).class(r)),e.cssSwiper())},a(N,{id:"".concat(n,"-nav"),class:Object.assign(Object.assign(Object.assign({},e.cssInnerSwiper()),C.class()),C.modifier("full-height").class(P)),ref:function(t){if(t){e.innerEl=t}},"aria-label":u?b:undefined},a(T,{id:e.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},e.cssSwiperContainer()),L.class()),L.modifier("vertical").class(r)),L.modifier("expanded").class(x&&!r)),role:u?undefined:"tablist","aria-label":u?undefined:b,ref:function(t){if(t){e.containerEl=t}}},I.map((function(t,e){return a(M,{item:t,index:e})})),a("div",{id:"".concat(n,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},F.class()),F.modifier("active").class(_)),F.modifier("inverted").class(m)),F.modifier("animated").class(g)),F.modifier("vertical").class(r)),F.modifier("hidden").class(d))}),h?a("div",{id:"".concat(n,"-border"),class:Object.assign(Object.assign(Object.assign({},B.class()),B.modifier("inverted").class(m)),B.modifier("vertical").class(r))}):"")),j?e.renderControls():"")};var Y=function(t){var e=t.items,i=t.value,n=t.onSelectTab;var r=c.block("tabs").element("select");var s=function(t){var i=e.filter((function(e){return e.value===t.detail}));if(i.length>0){var a=i[0];if(a.href!==""&&a.href!==undefined){if(C.hasWindow){window.open(a.href,a.target)}}n(t,a)}};return a("bal-select",{class:Object.assign({},r.class()),value:i,onBalChange:function(t){return s(t)}},e.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return a("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var H='@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}.bal-tabs__nav__container{position:relative}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset;width:auto}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-small)}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--active{color:var(--bal-tabs-tab-label-text-color-active)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}.bal-tabs__nav__item__label__sub-label{font-size:var(--bal-text-size-small)}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-active:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;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-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__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-swiper__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-swiper__inner--shadow-left.bal-swiper__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-swiper__inner--shadow-right.bal-swiper__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-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}';var W=t("bal_tabs",function(){function t(t){var a=this;e(this,t);this.balChange=i(this,"balChange");this.balWillAnimate=i(this,"balWillAnimate");this.balDidAnimate=i(this,"balDidAnimate");this.tabsId="bal-tabs-".concat(X++);this.inheritAttributes={};this.swiper=new O;this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.enableLineRender=false;this.hasAnimated=false;this.index=0;this.isMobile=L.isMobile;this.isTablet=L.isTablet;this.language=F.language;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined;this.dimInactiveElements=false;this.handleAsTabList=false;this.mutationObserverActive=true;this.getOptions=function(){if(a.options.length>0){return __spreadArray([],a.options.map(A),true)}else{return Promise.all(a.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!_(a.store,t)){a.store=t}else if(!a.optionalTabSelection&&!a.accordion&&a.value===undefined&&a.store.length>0){var e=a.store[0];a.value=e.value}};this.setActiveItem=function(){var t=a.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];a.value=e.value}};this.setActiveContent=function(){if(a.options.length===0){a.items.forEach((function(t){return t.setActive(a.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var i=a.isVertical();if(i){return t.clientHeight}else{var n=t.clientWidth;if(a.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var i=a.isVertical();if(i){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft!==undefined&&t.offsetLeft!==null){if(a.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest(".bal-tabs__nav__item");if(n){if(a.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){var t=[];for(var e=0;e<arguments.length;e++){t[e]=arguments[e]}return __awaiter(a,__spreadArray([],t,true),void 0,(function(t){var e=this;if(t===void 0){t=false}return __generator(this,(function(t){if(!this.enableLineRender){return[2]}if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}u((function(){return __awaiter(e,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,h(this.el,true)];case 1:e.sent();this.currentRaf=u((function(){return __awaiter(t,void 0,void 0,(function(){var t,e,i,a,n,r,s,l,o,b;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=k(t);i=this.getLineSize(t,e);a=this.getOffset(t,e);n=this.getLineElement();if(!n)return[3,3];r=this.isVertical();this.balWillAnimate.emit(this.value);s=v(n,300);if(!r)return[3,1];n.style.setProperty("transform","translateY(".concat(a,"px)"));n.style.setProperty("min-height","".concat(i,"px"));n.style.setProperty("height","".concat(i,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(a,"px)"));n.style.setProperty("min-width","".concat(i,"px"));n.style.setProperty("width","".concat(i,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");l=this.getBorderElement();o=this.getCarouselElement();if(l&&o){if(this.expanded){l.style.setProperty("width","100%")}else{b=z(o);l.style.setProperty("width","".concat(b,"px"))}}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(a.accordion){if(a.isAccordionOpen){a.collapseAccordion(t)}else{a.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=true;if(a.accordionState===4){return}a.accordionState=4;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)};this.collapseAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=false;if(a.accordionState===1){return}a.accordionState=1;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return a.animated};this.onOptionChange=f((function(){return a.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(a,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=i.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:e=i.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,e){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(e.prevent||e.disabled||!this.clickable){d(t)}if(!(!e.disabled&&this.clickable))return[3,3];if(this.accordion){if(e.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(e.navigate){e.navigate.emit(t)}if(!(e.value!==this.value))return[3,3];this.balChange.emit(e.value);return[4,this.select(e)];case 1:i.sent();return[4,this.focus(e)];case 2:i.sent();i.label=3;case 3:return[2]}}))}))}}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.expandedChanged=function(){this.updateSwiper()};t.prototype.debounceChanged=function(){this.balChange=m(this.balChange,this.debounce)};t.prototype.verticalChanged=function(){this.updateSwiper()};t.prototype.valueChanged=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t!==e){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.swiper.controls="small";this.updateSwiper();this.inNavbar=p("bal-navbar",this.el);if(this.inNavbar){var t=this.el.closest("bal-navbar");if(t){this.inNavbarLight=t.light}}this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1;if(this.accordion){var e=p("bal-nav-menu-bar",this.el);if(e){this.isAccordionOpen=false}else{var i=this.value!==undefined&&this.value.length>0;if(i){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidRender=function(){this.animateLine()};t.prototype.componentWillRender=function(){this.updateSwiper()};t.prototype.componentDidLoad=function(){var t=this;this.onOptionChange();this.items.forEach((function(e){e.setTabId(t.tabsId)}));g((function(){t.enableLineRender=true;t.animateLine(true)}))};t.prototype.componentWillLoad=function(){this.inheritAttributes=l(this.el,["aria-label"])};t.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};t.prototype.mutationListener=function(){this.onOptionChange();this.swiper.notifyChange()};t.prototype.visibilityListener=function(){this.swiper.notifyChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.swiper.notifyChange()};t.prototype.resizeListener=function(t){this.swiper.notifyChange();if(!this.isVertical()&&t.width||this.isVertical()&&t.height){this.animateLine()}};t.prototype.swipeListener=function(t){var e=t.left,i=t.right;if(e){this.swiper.next()}else if(i){this.swiper.previous()}};t.prototype.animationListener=function(t){this.isUsedInNavbar(t.target);this.animateLine()};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.store;return[2,e.find((function(e){return e.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};t.prototype.swiperOnChange=function(t){this.index=t};t.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0||this.handleAsTabList},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.getTargetElement=function(t){var e='[data-tabs="'.concat(this.tabsId,'"]');var i=Array.from(this.el.querySelectorAll(e));return i.filter((function(e){return e.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.swiper.containerId))};t.prototype.updateSwiper=function(){if(this.overflow){if(this.expanded||this.isVertical()){this.swiper.disable()}else{this.swiper.activate()}}else{this.swiper.disable()}};t.prototype.isUsedInNavbar=function(t){var e=t.closest("bal-navbar");var i=t;if(e&&w(e,this.el)){this.isNavbarOpen=i}};t.prototype.isTabActive=function(t){return t.value===this.value};t.prototype.isTabVisible=function(t){return!t.hidden};t.prototype.parseVertical=function(){if(this.vertical==="true"||this.vertical===""){return true}if(this.vertical==="false"||this.vertical===undefined){return false}if(this.vertical==="mobile"){return this.isMobile}if(this.vertical==="tablet"){return this.isTablet||this.isMobile}return this.vertical};t.prototype.isVertical=function(){var t=this.parseVertical();var e=this.isMobile;var i=this.isTablet;var a=e||i;return t||a&&this.inNavbar};t.prototype.findNextTab=function(t){var e=this;if(t===void 0){t=false}var i=this.store.findIndex((function(t){return e.isTabActive(t)}));var a=this.store.map((function(t,e){return{index:e,visible:!t.hidden&&!t.disabled}}));if(t){a=a.reverse()}var n=a.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,e){if(t>i){return t}if(e<=t){return t}else{return e}};var s=function(t,e){if(t<i){return t}if(e>=t){return t}else{return e}};var l=t?s:r;var o=n.reduce((function(t,e){return l(t,e)}),i);return this.store[o]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var e=this.findNextTab();if(e){this.onSelectTab(t,e)}};t.prototype.tabListSelectPrevious=function(t){var e=this.findPreviousTab();if(e){this.onSelectTab(t,e)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,a,n;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.querySelector("button.bal-focused, a.bal-focused")!==null;if(!this.swiper.isActive())return[3,2];return[4,this.getOptions()];case 1:i=r.sent();a=i.findIndex((function(e){return e.value===t.value}));this.swiper.updateIndex(a);r.label=2;case 2:return[4,x()];case 3:r.sent();if(e){n=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(j(t.value)));if(n){n.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=c.block("tabs");var i=e.element("content");var r=this.isMobile;var s=this.isTablet;var l=r||s;var o=this.inNavbar&&!l&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var b=this.isVertical();var _=this.border||this.inNavbar&&l;var d=r&&this.selectOnMobile;var u=this.store.map((function(e){return Object.assign(Object.assign({},e),{active:e.value===t.value})}));var h=this.accordionState===4||this.accordionState===8;var v=h?"content expanded":"content";var f=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var m=!this.isTabList;var p=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(",");var g=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",");return a(n,{key:"df9259a96b0763c4eae688a54a657ceaea8b39a2",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("navbar").class(this.inNavbar)),e.modifier("vertical").class(b)),e.modifier("fullwidth").class(this.expanded||this.fullwidth)),e.modifier("accordion").class(this.accordion)),e.modifier("animated").class(this.animated&&this.isTabList)),e.modifier("expanding").class(this.accordionState===8)),e.modifier("expanded").class(this.accordionState===4)),e.modifier("collapsing").class(this.accordionState===2)),e.modifier("collapsed").class(this.accordionState===1)),"data-value":p,"data-label":g},d?a(Y,{value:this.value,items:u,onSelectTab:this.onSelectTab}):a(R,{swiper:this.swiper,items:u,isLinkList:m,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:f,lineHidden:!this.enableLineRender,inverted:o,animated:this.animated&&this.isTabList,context:this.context,border:_,spaceless:this.spaceless,expanded:this.expanded,isMobile:r,isTouch:l,isVertical:b,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),a("div",{key:"47ff9e0e5e38a7361a928de8dc6a42aad8ab1cb8",part:v,class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("vertical").class(this.isVertical())),i.modifier("hidden").class(this.context==="meta"||this.context==="navbar"||this.context==="navigation"))},a("div",{key:"f7068bbf0aa5fb282d0ab93e3b3ffc740b8b998e",id:this.tabsId,class:Object.assign({},i.element("wrapper").class())},a("slot",{key:"12e2c4813faa77f774b5400501d114b0e9a57535"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());o([y("bal-tabs"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],W.prototype,"createLogger",null);o([B({tags:["bal-tabs","bal-tab-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],W.prototype,"mutationListener",null);o([I(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],W.prototype,"visibilityListener",null);o([P(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],W.prototype,"breakpointListener",null);o([S(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],W.prototype,"resizeListener",null);o([M(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],W.prototype,"swipeListener",null);o([N(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],W.prototype,"animationListener",null);o([T(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],W.prototype,"configChanged",null);var X=0;W.style=H}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{o(a.next(t))}catch(t){r(t)}}function l(t){try{o(a["throw"](t))}catch(t){r(t)}}function o(t){t.done?i(t.value):n(t.value).then(s,l)}o((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=l(0),s["throw"]=l(1),s["return"]=l(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(t){return function(e){return o([t,e])}}function o(l){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(i=0)),i)try{if(a=1,n&&(r=l[0]&2?n["return"]:l[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,l[1])).done)return r;if(n=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;n=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(l[0]===6&&i.label<r[1]){i.label=r[1];r=l;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(l);break}if(r[2])i.ops.pop();i.trys.pop();continue}l=e.call(t,i)}catch(t){l=[6,t];n=0}finally{a=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var a=0,n=e.length,r;a<n;a++){if(r||!(a in e)){if(!r)r=Array.prototype.slice.call(e,0,a);r[a]=e[a]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./p-PNu_g_s6.system.js","./p-m5GX4h3i.system.js","./p-Cjiw70Dk.system.js","./p-BPUKeAhO.system.js","./p-BbAtjg9Y.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-BNWt5z9B.system.js","./p-CDt5sRVY.system.js","./p-DKjTFqnu.system.js","./p-D7_eHNTI.system.js","./p-DyfQv-rM.system.js","./p-ncoiCFQ1.system.js","./p-DV-2u4Pm.system.js","./p-DST0VloN.system.js","./p-Duesi2dC.system.js","./p-CTuoH3RE.system.js","./p-xlS5vO33.system.js","./p-C6x8G3mu.system.js","./p-BpMXwP_q.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-BM_oHMik.system.js","./p-DtlqgdI2.system.js","./p-DdX8FaaK.system.js","./p-DDPYMMGG.system.js","./p-DLdNtVfE.system.js","./p-BCtb7Ny9.system.js"],(function(t){"use strict";var e,i,a,n,r,s,l,o,b,_,c,d,u,h,v,f,m,p,g,w,x,y,j,O,k,z,D,A,C,L,F,B,I,P,S,M,N,T;return{setters:[function(t){e=t.r;i=t.c;a=t.h;n=t.H;r=t.g},function(t){s=t.a;l=t.i},function(t){o=t._;b=t.a},function(t){_=t.a},function(t){c=t.B},function(t){d=t.s},function(t){u=t.m;h=t.d;v=t.t;f=t.k;m=t.n;p=t.q;g=t.l;w=t.i;x=t.a},function(t){y=t.L},function(t){j=t.t;O=t.S;k=t.g;z=t.a},function(t){D=t.n},function(t){A=t.a},function(t){C=t.b},function(t){L=t.b},function(t){F=t.d},function(t){B=t.L},function(t){I=t.L},function(t){P=t.L},function(t){S=t.L},function(t){M=t.L},function(t){N=t.L},function(t){T=t.L},null,null,null,null,null,null,null,null,null],execute:function(){var V=t("bal_tab_item",function(){function t(t){e(this,t);this.balNavigate=i(this,"balNavigate");this.balKeyDown=i(this,"balKeyDown");this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(E++);this.isActive=false;this.tabsId=undefined;this.active=false;this.value="";this.label="";this.href=undefined;this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.a11yControls=undefined;this.subLabel="";this.svg=""}t.prototype.componentWillLoad=function(){this.inheritAttributes=s(this.el)};t.prototype.setTabId=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.tabsId=t;return[2]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,keyDown:this.balKeyDown,trackingData:this.inheritAttributes,noPanel:this.noPanel,a11yControls:this.a11yControls,subLabel:this.subLabel,svg:this.svg}},enumerable:false,configurable:true});t.prototype.render=function(){var t=!this.noPanel;var e=!this.isActive||this.noPanel;return a(n,{key:"a7ebf68e3c2fed0d2068d33afe86cb642e1f111d",id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-hidden":e?"true":"false","aria-labelledby":this.tabsId?"".concat(this.tabsId,"-button-").concat(this.value):undefined,tabindex:e?"-1":undefined,hidden:e?true:undefined},a("slot",{key:"cfa012ad2c5f2a14a762e8a65872d99100602c3a"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());var E=0;var G=function(t){var e=t.item,i=t.inverted,n=t.accordion,r=t.isAccordionOpen,s=t.isMobile,l=t.hasBubble;var o=c.block("tabs").element("nav").element("item").element("icon");var b=e.disabled?"grey":"primary";if(i){b=e.disabled?"primary-light":"white"}return a("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("display-svg").class(e.svg!==undefined))},e.svg?a("bal-icon",{svg:e.svg,size:"large",color:"auto"}):a("bal-icon",{size:s||n?"small":"",name:n?"nav-go-down":e.icon,color:b,turn:n&&r===true&&e.active}),l?a("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var Y=function(t){var e=t.item,i=t.inverted,n=t.hasBubble,r=t.isExpanded,s=t.isVertical,l=t.context;var o=c.block("tabs").element("nav").element("item").element("label");return a("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("inverted").class(i)),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("vertical").class(s)),o.modifier("expanded").class(r)),o.modifier("context-".concat(l)).class(l!==undefined)),o.modifier("with-svg").class(e.svg&&e.svg.length>0)),"data-testid":"bal-tabs-item-label"},e.label,e.subLabel&&a("span",{class:o.element("sub-label").class()},e.subLabel),n?a("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var q=function(t){var e=t.item,i=t.tabsId,n=t.isFirst,r=t.isLast,s=t.isMobile,l=t.isVertical,o=t.accordion,b=t.isAccordionOpen,_=t.isLinkList,d=t.inverted,u=t.isExpanded,h=t.spaceless,v=t.clickable,f=t.iconPosition,m=t.context,p=t.onSelectTab,g=t.hasSubLabelInGroup,w=t.dimInactiveElements;var x;var y=c.block("tabs").element("nav").element("item");if(e.invisible){return}var O=e.bubble!==false;var k=e.icon!==undefined;var z=k&&O&&f!=="horizontal"&&!o||s&&k&&O&&!l&&!o;var D=o&&O||o&&s&&k&&O&&!l;var C=!k&&O&&!o||O&&!s&&f==="horizontal"&&!o||O&&l&&!o;var L=e.href===undefined||e.href==="";var F=L?"button":"a";var B=L?{type:"button",role:"tab","aria-controls":((x=e.aria)===null||x===void 0?void 0:x.controls)||e.tabPanelID||undefined,"aria-expanded":A(e.active),"aria-disabled":A(e.disabled),"aria-label":e.label}:{role:"listitem",href:e.href,rel:e.rel,target:e.target};if(!_){B["tabindex"]=e.active?"0":"-1"}var I=function(){return a(F,Object.assign({id:"".concat(i,"-button-").concat(j(e.value)),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},y.class()),y.modifier("active").class(e.active)),y.modifier("disabled").class(e.disabled)),y.modifier("clickable").class(v)),y.modifier("accordion").class(o)),y.modifier("inverted").class(d)),y.modifier("expanded").class(u)),y.modifier("spaceless").class(h)),y.modifier("first").class(n)),y.modifier("last").class(r)),y.modifier("passed").class(e.passed)),y.modifier("vertical").class(l)),y.modifier("context-".concat(m)).class(m!==undefined)),y.modifier("icon-position-".concat(f)).class(f!=="horizontal")),y.modifier("display-svg").class(e.svg&&e.svg.length>0)),y.modifier("group-has-sub-label").class(g)),y.modifier("dim-inactive-elements").class(w)),{"bal-focusable":!e.disabled&&!e.invisible}),draggable:false,"data-tabs":i,"data-label":e.label,"data-value":e.value,"data-index":e.index,"data-testid":"bal-tabs-item","aria-selected":!L?undefined:e.active?"true":"false"},B,{onClick:function(t){return p(t,e)},onKeyDown:function(t){var i;(i=e.keyDown)===null||i===void 0?void 0:i.emit(t)}}),e.icon||e.svg?a(G,{accordion:false,item:e,isMobile:s,hasBubble:z,inverted:d}):"",a(Y,{item:e,isMobile:s,isVertical:l,isExpanded:u,hasBubble:C,inverted:d,context:m}),o&&!e.href?a(G,{accordion:o,isAccordionOpen:b,item:e,isMobile:s,hasBubble:D,inverted:d}):"")};if(_){return a("li",null,I())}else{return I()}};var H=function(t){var e=t.swiper,i=t.items,n=t.tabsId,r=t.isVertical,s=t.inNavbar,l=t.isMobile,o=t.isTouch,b=t.ariaLabel,_=t.lineActive,d=t.lineHidden,u=t.isLinkList,h=t.border,v=t.accordion,f=t.isAccordionOpen,m=t.inverted,p=t.clickable,g=t.animated,w=t.spaceless,x=t.expanded,y=t.verticalColSize,j=t.showSwiperControls,O=t.iconPosition,k=t.context,z=t.onSelectTab,D=t.dimInactiveElements;var A=c.block("tabs").element("nav");var C=A.element("inner");var L=A.element("container");var F=A.element("line");var B=A.element("border");var I=i.filter((function(t){return!t.invisible}));var P=s&&!o;var S=i.some((function(t){return t.subLabel&&t.subLabel.length>0}));var M=function(t){var e=t.item,i=t.index;return a(q,{item:e,isLinkList:u,tabsId:n,isFirst:i===0,isLast:i===I.length-1,isMobile:l,isVertical:r,iconPosition:O,spaceless:w,inverted:m,accordion:v,isAccordionOpen:f,context:k,isExpanded:x,clickable:p&&!e.disabled,onSelectTab:z,hasSubLabelInGroup:S,dimInactiveElements:D})};var N=u?"nav":"div";var T=u?"ul":"div";return a("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.class()),A.modifier("vertical").class(r)),A.modifier("full-height").class(P)),A.modifier("vertical-col-".concat(y)).class(r)),e.cssSwiper())},a(N,{id:"".concat(n,"-nav"),class:Object.assign(Object.assign(Object.assign({},e.cssInnerSwiper()),C.class()),C.modifier("full-height").class(P)),ref:function(t){if(t){e.innerEl=t}},"aria-label":u?b:undefined},a(T,{id:e.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},e.cssSwiperContainer()),L.class()),L.modifier("vertical").class(r)),L.modifier("expanded").class(x&&!r)),role:u?undefined:"tablist","aria-label":u?undefined:b,ref:function(t){if(t){e.containerEl=t}}},I.map((function(t,e){return a(M,{item:t,index:e})})),a("div",{id:"".concat(n,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},F.class()),F.modifier("active").class(_)),F.modifier("inverted").class(m)),F.modifier("animated").class(g)),F.modifier("vertical").class(r)),F.modifier("hidden").class(d))}),h?a("div",{id:"".concat(n,"-border"),class:Object.assign(Object.assign(Object.assign({},B.class()),B.modifier("inverted").class(m)),B.modifier("vertical").class(r))}):"")),j?e.renderControls():"")};var K=function(t){var e=t.items,i=t.value,n=t.onSelectTab;var r=c.block("tabs").element("select");var s=function(t){var i=e.filter((function(e){return e.value===t.detail}));if(i.length>0){var a=i[0];if(a.href!==""&&a.href!==undefined){if(C.hasWindow){window.open(a.href,a.target)}}n(t,a)}};return a("bal-select",{class:Object.assign({},r.class()),value:i,onBalChange:function(t){return s(t)}},e.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return a("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var W='@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}.bal-tabs__nav__container{position:relative}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset;width:auto}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-small)}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--active{color:var(--bal-tabs-tab-label-text-color-active)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}.bal-tabs__nav__item__label__sub-label{font-size:var(--bal-text-size-small)}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-active:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;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-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__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-swiper__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-swiper__inner--shadow-left.bal-swiper__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-swiper__inner--shadow-right.bal-swiper__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-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}';var X=t("bal_tabs",function(){function t(t){var a=this;e(this,t);this.balChange=i(this,"balChange");this.balWillAnimate=i(this,"balWillAnimate");this.balDidAnimate=i(this,"balDidAnimate");this.tabsId="bal-tabs-".concat(R++);this.inheritAttributes={};this.swiper=new O;this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.enableLineRender=false;this.hasAnimated=false;this.index=0;this.isMobile=L.isMobile;this.isTablet=L.isTablet;this.language=F.language;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined;this.dimInactiveElements=false;this.handleAsTabList=false;this.mutationObserverActive=true;this.getOptions=function(){if(a.options.length>0){return __spreadArray([],a.options.map(D),true)}else{return Promise.all(a.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!_(a.store,t)){a.store=t}else if(!a.optionalTabSelection&&!a.accordion&&a.value===undefined&&a.store.length>0){var e=a.store[0];a.value=e.value}};this.setActiveItem=function(){var t=a.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];a.value=e.value}};this.setActiveContent=function(){if(a.options.length===0){a.items.forEach((function(t){return t.setActive(a.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var i=a.isVertical();if(i){return t.clientHeight}else{var n=t.clientWidth;if(a.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var i=a.isVertical();if(i){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft!==undefined&&t.offsetLeft!==null){if(a.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest(".bal-tabs__nav__item");if(n){if(a.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){var t=[];for(var e=0;e<arguments.length;e++){t[e]=arguments[e]}return __awaiter(a,__spreadArray([],t,true),void 0,(function(t){var e=this;if(t===void 0){t=false}return __generator(this,(function(t){if(!this.enableLineRender){return[2]}if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}u((function(){return __awaiter(e,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,h(this.el,true)];case 1:e.sent();this.currentRaf=u((function(){return __awaiter(t,void 0,void 0,(function(){var t,e,i,a,n,r,s,l,o,b;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=k(t);i=this.getLineSize(t,e);a=this.getOffset(t,e);n=this.getLineElement();if(!n)return[3,3];r=this.isVertical();this.balWillAnimate.emit(this.value);s=v(n,300);if(!r)return[3,1];n.style.setProperty("transform","translateY(".concat(a,"px)"));n.style.setProperty("min-height","".concat(i,"px"));n.style.setProperty("height","".concat(i,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(a,"px)"));n.style.setProperty("min-width","".concat(i,"px"));n.style.setProperty("width","".concat(i,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");l=this.getBorderElement();o=this.getCarouselElement();if(l&&o){if(this.expanded){l.style.setProperty("width","100%")}else{b=z(o);l.style.setProperty("width","".concat(b,"px"))}}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(a.accordion){if(a.isAccordionOpen){a.collapseAccordion(t)}else{a.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=true;if(a.accordionState===4){return}a.accordionState=4;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)};this.collapseAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=false;if(a.accordionState===1){return}a.accordionState=1;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return a.animated};this.onOptionChange=f((function(){return a.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(a,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=i.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:e=i.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,e){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(e.prevent||e.disabled||!this.clickable){d(t)}if(!(!e.disabled&&this.clickable))return[3,3];if(this.accordion){if(e.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(e.navigate){e.navigate.emit(t)}if(!(e.value!==this.value))return[3,3];this.balChange.emit(e.value);return[4,this.select(e)];case 1:i.sent();return[4,this.focus(e)];case 2:i.sent();i.label=3;case 3:return[2]}}))}))}}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.expandedChanged=function(){this.updateSwiper()};t.prototype.debounceChanged=function(){this.balChange=m(this.balChange,this.debounce)};t.prototype.verticalChanged=function(){this.updateSwiper()};t.prototype.valueChanged=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t!==e){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.swiper.controls="small";this.updateSwiper();this.inNavbar=p("bal-navbar",this.el);if(this.inNavbar){var t=this.el.closest("bal-navbar");if(t){this.inNavbarLight=t.light}}this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1;if(this.accordion){var e=p("bal-nav-menu-bar",this.el);if(e){this.isAccordionOpen=false}else{var i=this.value!==undefined&&this.value.length>0;if(i){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidRender=function(){this.animateLine()};t.prototype.componentWillRender=function(){this.updateSwiper()};t.prototype.componentDidLoad=function(){var t=this;this.onOptionChange();this.items.forEach((function(e){e.setTabId(t.tabsId)}));g((function(){t.enableLineRender=true;t.animateLine(true)}))};t.prototype.componentWillLoad=function(){this.inheritAttributes=l(this.el,["aria-label"])};t.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};t.prototype.mutationListener=function(){this.onOptionChange();this.swiper.notifyChange()};t.prototype.visibilityListener=function(){this.swiper.notifyChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.swiper.notifyChange()};t.prototype.resizeListener=function(t){this.swiper.notifyChange();if(!this.isVertical()&&t.width||this.isVertical()&&t.height){this.animateLine()}};t.prototype.swipeListener=function(t){var e=t.left,i=t.right;if(e){this.swiper.next()}else if(i){this.swiper.previous()}};t.prototype.animationListener=function(t){this.isUsedInNavbar(t.target);this.animateLine()};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.store;return[2,e.find((function(e){return e.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};t.prototype.swiperOnChange=function(t){this.index=t};t.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0||this.handleAsTabList},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.getTargetElement=function(t){var e='[data-tabs="'.concat(this.tabsId,'"]');var i=Array.from(this.el.querySelectorAll(e));return i.filter((function(e){return e.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.swiper.containerId))};t.prototype.updateSwiper=function(){if(this.overflow){if(this.expanded||this.isVertical()){this.swiper.disable()}else{this.swiper.activate()}}else{this.swiper.disable()}};t.prototype.isUsedInNavbar=function(t){var e=t.closest("bal-navbar");var i=t;if(e&&w(e,this.el)){this.isNavbarOpen=i}};t.prototype.isTabActive=function(t){return t.value===this.value};t.prototype.isTabVisible=function(t){return!t.hidden};t.prototype.parseVertical=function(){if(this.vertical==="true"||this.vertical===""){return true}if(this.vertical==="false"||this.vertical===undefined){return false}if(this.vertical==="mobile"){return this.isMobile}if(this.vertical==="tablet"){return this.isTablet||this.isMobile}return this.vertical};t.prototype.isVertical=function(){var t=this.parseVertical();var e=this.isMobile;var i=this.isTablet;var a=e||i;return t||a&&this.inNavbar};t.prototype.findNextTab=function(t){var e=this;if(t===void 0){t=false}var i=this.store.findIndex((function(t){return e.isTabActive(t)}));var a=this.store.map((function(t,e){return{index:e,visible:!t.hidden&&!t.disabled}}));if(t){a=a.reverse()}var n=a.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,e){if(t>i){return t}if(e<=t){return t}else{return e}};var s=function(t,e){if(t<i){return t}if(e>=t){return t}else{return e}};var l=t?s:r;var o=n.reduce((function(t,e){return l(t,e)}),i);return this.store[o]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var e=this.findNextTab();if(e){this.onSelectTab(t,e)}};t.prototype.tabListSelectPrevious=function(t){var e=this.findPreviousTab();if(e){this.onSelectTab(t,e)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,a,n;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.querySelector("button.bal-focused, a.bal-focused")!==null;if(!this.swiper.isActive())return[3,2];return[4,this.getOptions()];case 1:i=r.sent();a=i.findIndex((function(e){return e.value===t.value}));this.swiper.updateIndex(a);r.label=2;case 2:return[4,x()];case 3:r.sent();if(e){n=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(j(t.value)));if(n){n.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=c.block("tabs");var i=e.element("content");var r=this.isMobile;var s=this.isTablet;var l=r||s;var o=this.inNavbar&&!l&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var b=this.isVertical();var _=this.border||this.inNavbar&&l;var d=r&&this.selectOnMobile;var u=this.store.map((function(e){return Object.assign(Object.assign({},e),{active:e.value===t.value})}));var h=this.accordionState===4||this.accordionState===8;var v=h?"content expanded":"content";var f=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var m=!this.isTabList;var p=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(",");var g=this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",");return a(n,{key:"df9259a96b0763c4eae688a54a657ceaea8b39a2",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("navbar").class(this.inNavbar)),e.modifier("vertical").class(b)),e.modifier("fullwidth").class(this.expanded||this.fullwidth)),e.modifier("accordion").class(this.accordion)),e.modifier("animated").class(this.animated&&this.isTabList)),e.modifier("expanding").class(this.accordionState===8)),e.modifier("expanded").class(this.accordionState===4)),e.modifier("collapsing").class(this.accordionState===2)),e.modifier("collapsed").class(this.accordionState===1)),"data-value":p,"data-label":g},d?a(K,{value:this.value,items:u,onSelectTab:this.onSelectTab}):a(H,{swiper:this.swiper,items:u,isLinkList:m,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:f,lineHidden:!this.enableLineRender,inverted:o,animated:this.animated&&this.isTabList,context:this.context,border:_,spaceless:this.spaceless,expanded:this.expanded,isMobile:r,isTouch:l,isVertical:b,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),a("div",{key:"47ff9e0e5e38a7361a928de8dc6a42aad8ab1cb8",part:v,class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("vertical").class(this.isVertical())),i.modifier("hidden").class(this.context==="meta"||this.context==="navbar"||this.context==="navigation"))},a("div",{key:"f7068bbf0aa5fb282d0ab93e3b3ffc740b8b998e",id:this.tabsId,class:Object.assign({},i.element("wrapper").class())},a("slot",{key:"12e2c4813faa77f774b5400501d114b0e9a57535"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());o([y("bal-tabs"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],X.prototype,"createLogger",null);o([B({tags:["bal-tabs","bal-tab-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],X.prototype,"mutationListener",null);o([I(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],X.prototype,"visibilityListener",null);o([P(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],X.prototype,"breakpointListener",null);o([S(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],X.prototype,"resizeListener",null);o([M(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],X.prototype,"swipeListener",null);o([N(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],X.prototype,"animationListener",null);o([T(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],X.prototype,"configChanged",null);var R=0;X.style=W}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r as t,c as a,H as s,g as o}from"./p-BdVwMG9u.js";import{_ as l,a as r}from"./p-dfXERft2.js";import{a as i}from"./p-BAaDJIzy.js";import{B as b}from"./p-ByiN-QjD.js";import{s as n}from"./p-CpDHeXfo.js";import{n as p}from"./p-Ba5qjFjW.js";import{L as c}from"./p-D7ovid3w.js";import{n as _}from"./p-DIC_sxLd.js";import{b as d}from"./p-BzAHSyRi.js";import{L as v}from"./p-Dvgek0Sb.js";import{L as m}from"./p-P4eJh_wN.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-DcKTia-G.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:l})=>{const r=b.block("steps").element("nav").element("item");if(!t.invisible)return t.href?e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:t.href,rel:t.rel,target:t.target,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t})):e("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange"),this.stepsId="bal-steps-"+y++,this.store=[],this.isMobile=d.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{i(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&n(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))}}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=p(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,l=-1;const r=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(l+=1),Object.assign(Object.assign({},e),{passed:o,index:l}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},r.filter((e=>!e.invisible)).map((t=>e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};l([c("bal-steps"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],f.prototype,"createLogger",null),l([v({tags:["bal-steps","bal-step-item"]}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],f.prototype,"mutationListener",null),l([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],f.prototype,"breakpointListener",null);let y=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px;border:none;background-color:rgba(0,0,0,0)}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}
|
|
1
|
+
import{h as e,r as t,c as a,H as s,g as o}from"./p-BdVwMG9u.js";import{_ as l,a as r}from"./p-dfXERft2.js";import{a as i}from"./p-BAaDJIzy.js";import{B as b}from"./p-ByiN-QjD.js";import{s as n}from"./p-CpDHeXfo.js";import{n as p}from"./p-Ba5qjFjW.js";import{L as c}from"./p-D7ovid3w.js";import{n as _}from"./p-DIC_sxLd.js";import{b as d}from"./p-BTcRU1Tz.js";import{L as v}from"./p-Dvgek0Sb.js";import{L as m}from"./p-DFbJ5rLM.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-CKoK3EFm.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:l})=>{const r=b.block("steps").element("nav").element("item");if(!t.invisible)return t.href?e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:t.href,rel:t.rel,target:t.target,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t})):e("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange"),this.stepsId="bal-steps-"+y++,this.store=[],this.isMobile=d.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{i(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&n(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))}}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=p(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,l=-1;const r=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(l+=1),Object.assign(Object.assign({},e),{passed:o,index:l}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},r.filter((e=>!e.invisible)).map((t=>e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};l([c("bal-steps"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],f.prototype,"createLogger",null),l([v({tags:["bal-steps","bal-step-item"]}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],f.prototype,"mutationListener",null),l([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],f.prototype,"breakpointListener",null);let y=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px;border:none;background-color:rgba(0,0,0,0)}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as t,h as i,H as n,g as e}from"./p-BdVwMG9u.js";import{_ as s,a as l}from"./p-dfXERft2.js";import{B as o}from"./p-ByiN-QjD.js";import{b as r}from"./p-BzAHSyRi.js";import{d as p}from"./p-CBkFUwrD.js";import{L as b}from"./p-P4eJh_wN.js";import{L as g}from"./p-B-L34nz8.js";import"./p-Ba5qjFjW.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-DcKTia-G.js";import"./p-D7ovid3w.js";const d={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}},c=class{constructor(i){a(this,i),this.balChangeEventEmitter=t(this,"balChange"),this._value=1,this.isMobile=r.isMobile,this.language=p.language,this.align="",this.size="",this.interface="",this.disabled=!1,this.value=1,this.totalPages=1,this.pageRange=2,this.sticky=!1,this.top=0}valueChanged(a){this._value=a}topValueChanged(a){this.sticky&&(this.el.style.top=`${a}px`)}componentWillLoad(){this._value=this.value,this.topValueChanged(this.top)}breakpointListener(a){this.isMobile=a.mobile}async next(){this._value<this.totalPages&&(this._value=this._value+1,this.balChangeEventEmitter.emit(this._value))}async previous(){1!==this._value&&(this._value=this._value-1,this.balChangeEventEmitter.emit(this._value))}async configChanged(a){this.language=a.language}selectPage(a){this._value=a,this.balChangeEventEmitter.emit(this._value)}getItems(a=2){const t=function(a,t,i){const n=[];(a>t||a<0)&&(a=1),t<=0&&(t=10),i<0&&(i=2);const e=5+2*i;if(t<=e)for(let i=1;i<=t;i++)n.push({type:"page",label:i.toString(),active:i===a});else if(a<=e-2-i){for(let t=1;t<=e-2;t++)n.push({type:"page",label:t.toString(),active:t===a});n.push({type:"dots",label:"...",active:!1}),n.push({type:"page",label:t.toString(),active:!1})}else if(a>=t-3){n.push({type:"page",label:"1",active:!1}),n.push({type:"dots",label:"...",active:!1});for(let i=t-e+3;i<=t;i++)n.push({type:"page",label:i.toString(),active:i===a})}else{n.push({type:"page",label:"1",active:!1}),n.push({type:"dots",label:"...",active:!1});const e=Number(a);for(let t=e-i;t<=e+i;t++)n.push({type:"page",label:t.toString(),active:t===a});n.push({type:"dots",label:"...",active:!1}),n.push({type:"page",label:t.toString(),active:!1})}return n}(this._value,this.totalPages,a);return t.map((a=>"page"===a.type?this.renderPageElement(Number(a.label)):this.renderEllipsisElement()))}renderEllipsisElement(){const a=o.block("pagination").element("nav").element("pagination-list").element("more");return i("li",{"aria-hidden":"true"},i("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("disabled").class(this.disabled))},i("span",null,"…")))}renderPageElement(a){const t=this._value===a,n=o.block("pagination").element("nav").element("pagination-list").element("dot");return i("li",null,"small"===this.interface?i("span",{role:"button","aria-current":t?"true":void 0,class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("active").class(t)),n.modifier("inactive").class(!t)),"aria-label":a,onClick:()=>this.selectPage(a)}):i("button",{class:{button:!0,"is-square":!0,"is-primary":t,"is-text":!t,"is-disabled":this.disabled,"is-small":this.isMobile||"small"===this.size},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(a),"data-testid":"bal-pagination-page-number"},a))}render(){const a=this.getItems(1),t=this.getItems(this.pageRange),e=o.block("pagination"),s=e.element("nav"),l=s.element("pagination-previous"),r=s.element("pagination-next"),p=s.element("pagination-list"),b="small"===this.interface,g=b?"is-link":"is-text",c=b||"small"===this.size||this.isMobile?"is-small":"",h=b,_=d[this.language].left,u=d[this.language].right,v=""===this.interface||b&&this.totalPages<=5;return i(n,{key:"c9f4756500a4f05b3d4756c0c568d6e7d930292c",class:Object.assign(Object.assign({},e.class()),e.modifier("is-sticky").class(this.sticky))},i("nav",{key:"463f770907d3b73651eb525c951870d53afb3147",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier(`context-${this.interface}`).class(""!==this.interface)),s.modifier(`align-${this.align}`).class(""!==this.align)),role:"navigation","aria-label":"pagination"},this.disabled?"":i("button",{class:Object.assign(Object.assign({button:!0,"is-square":!0,"is-disabled":this._value<2,"is-flat":h,[g]:!0,[c]:!0},l.class()),l.modifier(`context-${this.interface}`).class()),disabled:this._value<2,onClick:()=>this.previous(),"data-testid":"bal-pagination-controls-left",title:_},i("bal-icon",{name:"nav-go-left",size:"small",disabled:this._value<2})),this.disabled?"":i("button",{class:Object.assign(Object.assign({button:!0,"is-square":!0,"is-disabled":this._value===this.totalPages,"is-flat":h,[g]:!0,[c]:!0},r.class()),r.modifier(`context-${this.interface}`).class()),disabled:this._value===this.totalPages,onClick:()=>this.next(),"data-testid":"bal-pagination-controls-right",title:u},i("bal-icon",{name:"nav-go-right",size:"small",disabled:this._value===this.totalPages})),v&&this.isMobile?i((()=>i("ul",{key:"9b83d79dd7bb63cfeb8d98ff940f2a91c9db72c8",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},a)),null):"",v&&!this.isMobile?i((()=>i("ul",{key:"ac07986c347c110d113f46ceff2cb77ced99c5da",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},t)),null):"",v?"":i((()=>i("span",{key:"6851055924de8b04d1c2426851296fc43de9d5a8",class:Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class())},i("span",{key:"3c7b45ffc1b9844a54b05455444fc27f0947ed23"},this._value)," / "+this.totalPages)),null)))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],top:["topValueChanged"]}}};s([b(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],c.prototype,"breakpointListener",null),s([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],c.prototype,"configChanged",null),c.style=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list__more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list__more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list__more{width:3rem}}.bal-pagination__nav__pagination-list__more>span{display:inline;font-family:var(--bal-text-line-height-title);font-weight:700}.bal-pagination__nav__pagination-list__more--disabled{color:var(--bal-color-text-grey)}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}.bal-pagination__nav__pagination-list button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}";export{c as bal_pagination}
|
|
1
|
+
import{r as a,c as t,h as i,H as n,g as e}from"./p-BdVwMG9u.js";import{_ as s,a as l}from"./p-dfXERft2.js";import{B as o}from"./p-ByiN-QjD.js";import{b as r}from"./p-BTcRU1Tz.js";import{d as p}from"./p-CBkFUwrD.js";import{L as b}from"./p-DFbJ5rLM.js";import{L as g}from"./p-B-L34nz8.js";import"./p-Ba5qjFjW.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-CKoK3EFm.js";import"./p-D7ovid3w.js";const d={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}},c=class{constructor(i){a(this,i),this.balChangeEventEmitter=t(this,"balChange"),this._value=1,this.isMobile=r.isMobile,this.language=p.language,this.align="",this.size="",this.interface="",this.disabled=!1,this.value=1,this.totalPages=1,this.pageRange=2,this.sticky=!1,this.top=0}valueChanged(a){this._value=a}topValueChanged(a){this.sticky&&(this.el.style.top=`${a}px`)}componentWillLoad(){this._value=this.value,this.topValueChanged(this.top)}breakpointListener(a){this.isMobile=a.mobile}async next(){this._value<this.totalPages&&(this._value=this._value+1,this.balChangeEventEmitter.emit(this._value))}async previous(){1!==this._value&&(this._value=this._value-1,this.balChangeEventEmitter.emit(this._value))}async configChanged(a){this.language=a.language}selectPage(a){this._value=a,this.balChangeEventEmitter.emit(this._value)}getItems(a=2){const t=function(a,t,i){const n=[];(a>t||a<0)&&(a=1),t<=0&&(t=10),i<0&&(i=2);const e=5+2*i;if(t<=e)for(let i=1;i<=t;i++)n.push({type:"page",label:i.toString(),active:i===a});else if(a<=e-2-i){for(let t=1;t<=e-2;t++)n.push({type:"page",label:t.toString(),active:t===a});n.push({type:"dots",label:"...",active:!1}),n.push({type:"page",label:t.toString(),active:!1})}else if(a>=t-3){n.push({type:"page",label:"1",active:!1}),n.push({type:"dots",label:"...",active:!1});for(let i=t-e+3;i<=t;i++)n.push({type:"page",label:i.toString(),active:i===a})}else{n.push({type:"page",label:"1",active:!1}),n.push({type:"dots",label:"...",active:!1});const e=Number(a);for(let t=e-i;t<=e+i;t++)n.push({type:"page",label:t.toString(),active:t===a});n.push({type:"dots",label:"...",active:!1}),n.push({type:"page",label:t.toString(),active:!1})}return n}(this._value,this.totalPages,a);return t.map((a=>"page"===a.type?this.renderPageElement(Number(a.label)):this.renderEllipsisElement()))}renderEllipsisElement(){const a=o.block("pagination").element("nav").element("pagination-list").element("more");return i("li",{"aria-hidden":"true"},i("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("disabled").class(this.disabled))},i("span",null,"…")))}renderPageElement(a){const t=this._value===a,n=o.block("pagination").element("nav").element("pagination-list").element("dot");return i("li",null,"small"===this.interface?i("span",{role:"button","aria-current":t?"true":void 0,class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("active").class(t)),n.modifier("inactive").class(!t)),"aria-label":a,onClick:()=>this.selectPage(a)}):i("button",{class:{button:!0,"is-square":!0,"is-primary":t,"is-text":!t,"is-disabled":this.disabled,"is-small":this.isMobile||"small"===this.size},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(a),"data-testid":"bal-pagination-page-number"},a))}render(){const a=this.getItems(1),t=this.getItems(this.pageRange),e=o.block("pagination"),s=e.element("nav"),l=s.element("pagination-previous"),r=s.element("pagination-next"),p=s.element("pagination-list"),b="small"===this.interface,g=b?"is-link":"is-text",c=b||"small"===this.size||this.isMobile?"is-small":"",h=b,_=d[this.language].left,u=d[this.language].right,m=""===this.interface||b&&this.totalPages<=5;return i(n,{key:"c9f4756500a4f05b3d4756c0c568d6e7d930292c",class:Object.assign(Object.assign({},e.class()),e.modifier("is-sticky").class(this.sticky))},i("nav",{key:"463f770907d3b73651eb525c951870d53afb3147",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier(`context-${this.interface}`).class(""!==this.interface)),s.modifier(`align-${this.align}`).class(""!==this.align)),role:"navigation","aria-label":"pagination"},this.disabled?"":i("button",{class:Object.assign(Object.assign({button:!0,"is-square":!0,"is-disabled":this._value<2,"is-flat":h,[g]:!0,[c]:!0},l.class()),l.modifier(`context-${this.interface}`).class()),disabled:this._value<2,onClick:()=>this.previous(),"data-testid":"bal-pagination-controls-left",title:_},i("bal-icon",{name:"nav-go-left",size:"small",disabled:this._value<2})),this.disabled?"":i("button",{class:Object.assign(Object.assign({button:!0,"is-square":!0,"is-disabled":this._value===this.totalPages,"is-flat":h,[g]:!0,[c]:!0},r.class()),r.modifier(`context-${this.interface}`).class()),disabled:this._value===this.totalPages,onClick:()=>this.next(),"data-testid":"bal-pagination-controls-right",title:u},i("bal-icon",{name:"nav-go-right",size:"small",disabled:this._value===this.totalPages})),m&&this.isMobile?i((()=>i("ul",{key:"9b83d79dd7bb63cfeb8d98ff940f2a91c9db72c8",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},a)),null):"",m&&!this.isMobile?i((()=>i("ul",{key:"ac07986c347c110d113f46ceff2cb77ced99c5da",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},t)),null):"",m?"":i((()=>i("span",{key:"6851055924de8b04d1c2426851296fc43de9d5a8",class:Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class())},i("span",{key:"3c7b45ffc1b9844a54b05455444fc27f0947ed23"},this._value)," / "+this.totalPages)),null)))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],top:["topValueChanged"]}}};s([b(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],c.prototype,"breakpointListener",null),s([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],c.prototype,"configChanged",null),c.style=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list__more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list__more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list__more{width:3rem}}.bal-pagination__nav__pagination-list__more>span{display:inline;font-family:var(--bal-text-line-height-title);font-weight:700}.bal-pagination__nav__pagination-list__more--disabled{color:var(--bal-color-text-grey)}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}.bal-pagination__nav__pagination-list button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}";export{c as bal_pagination}
|
package/dist/baloise-design-system/{p-25dce380f8.system.entry.js → p-8fac435a34.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-PNu_g_s6.system.js","./p-
|
|
1
|
+
System.register(["./p-PNu_g_s6.system.js","./p-DLdNtVfE.system.js","./p-BbAtjg9Y.system.js"],(function(e){"use strict";var a,t,c,f,r,s,b,i,d,n,o,h,l,p;return{setters:[function(e){a=e.r;t=e.h;c=e.H;f=e.g},function(e){r=e.b;s=e.a;b=e.c;i=e.d;d=e.e;n=e.f;o=e.g;h=e.h;l=e.i},function(e){p=e.B}],execute:function(){var v=".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)}";var u=e("bal_shape",function(){function e(e){var t=this;a(this,e);this.variation="1";this.color="green";this.rotation="0";this.getHex=function(){var e;switch(t.color){case"green":e=l;break;case"green-light":e=h;break;case"red":e=o;break;case"red-light":e=n;break;case"purple":e=d;break;case"purple-light":e=i;break;case"yellow":e=b;break;case"yellow-light":e=s;break;default:e=r}return e}}e.prototype.render=function(){var e=p.block("shape");var a=[t("g",{key:"62a32221af7fcc15d60b43ab4aaa143fab7d311c",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},t("g",{key:"ad7a506509762ad7769586774fc10aa54fef80fa",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},t("path",{key:"1f335e4e64feff4503a847358b87033f1b7d8aa2",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"}))),t("g",{key:"f974f1f708ff05106b3afcbb3f848a1dcf4e97fb",id:"b949d602-8478-437e-a171-ad3f26649cb4"},t("g",{key:"b212b8a5220cbefd36c5e9565bb2be3685658fc0",id:"ae3574e0-2065-4681-8937-4318b8656147"},t("path",{key:"287b0c85fc2e5fb7b845288f13a2f308a3b3c8ca",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"}))),t("g",{key:"b653bea006236af44c31c719af98b7ac04bf93ad",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},t("g",{key:"2cff6eea2c2b6891b4fef81d366869c31f87c5e6",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},t("path",{key:"777d6655facf61980ec4ee5ea598191e5e273021",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 t(c,{key:"cc915095d6cf923c3798033780f076c30a4b58ea",class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},t("svg",{key:"eb2afd20856fd2a7c4a318de4b0a4df1713f87b9",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return f(this)},enumerable:false,configurable:true});return e}());u.style=v}}}));
|