@baloise/ds-core 19.3.0-nightly.20250708 → 19.3.0-snapshot.1750-976dfc402
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/initialize.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-ad649a64fb.entry.js → p-08977e9406.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c20cbafc29.entry.js → p-0b8ce48910.entry.js} +1 -1
- package/dist/baloise-design-system/{p-79a18d176a.system.entry.js → p-0e02222400.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3f79120987.system.entry.js → p-12158a9a65.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bf1775e940.entry.js → p-23d6cb2c2c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-db1964f42f.system.entry.js → p-350c585c13.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d3734c7ca3.system.entry.js → p-357a6b3692.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6bbe6ae3ac.entry.js → p-3b4d2f2824.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e77c95a509.entry.js → p-498ab55370.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a565803979.system.entry.js → p-59cff8a476.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-25904a3a32.system.entry.js → p-6b5a0dc2c6.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1cc2af7961.entry.js → p-8558bccdde.entry.js} +1 -1
- package/dist/baloise-design-system/{p-739babffba.entry.js → p-8e44ff7489.entry.js} +1 -1
- package/dist/baloise-design-system/{p-823ba40262.system.entry.js → p-90fe516bf6.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e0e6c5c71b.entry.js → p-956c3fedc2.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5c8d672daf.system.entry.js → p-9d39af5e21.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1e41fafb90.entry.js → p-9eeab464ff.entry.js} +1 -1
- package/dist/baloise-design-system/{p-DdzX4Wag.js → p-BML6LWKk.js} +1 -1
- package/dist/baloise-design-system/p-BeNkxgaQ.system.js +1 -0
- package/dist/baloise-design-system/{p-DxXOcH_X.system.js → p-BqrXyIJr.system.js} +1 -1
- package/dist/baloise-design-system/{p-BZ6BqdA4.js → p-BsVy4ZqB.js} +1 -1
- package/dist/baloise-design-system/{p-DCsrNOXZ.system.js → p-CIxY6YGv.system.js} +1 -1
- package/dist/baloise-design-system/{p-CZC4wl84.js → p-CmARjHN6.js} +1 -1
- package/dist/baloise-design-system/{p-D1EZbgsc.system.js → p-CvgHRsPG.system.js} +1 -1
- package/dist/baloise-design-system/{p-CIFusj0z.js → p-DWlKQ09O.js} +1 -1
- package/dist/baloise-design-system/p-DgPiq0y0.js +1 -1
- package/dist/baloise-design-system/p-DpZ1EJms.system.js +1 -1
- package/dist/baloise-design-system/p-UHSJaF1l.system.js +1 -1
- package/dist/baloise-design-system/{p-d9b5d41686.entry.js → p-a68c8442fe.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e1db904140.system.entry.js → p-ab7423a886.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b599fd62e7.entry.js → p-b3f6cfa123.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a550fef066.system.entry.js → p-d00a0e8b67.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-783d9a3ab5.system.entry.js → p-d71fa7e9c9.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-678bdb3479.system.entry.js → p-d8919063e1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f11b49a56c.entry.js → p-e88e20c66a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-DoqKRzi8.system.js → p-wBZhg8oB.system.js} +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +4 -4
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +4 -4
- 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 +5 -5
- package/dist/cjs/bal-segment_2.cjs.entry.js +5 -5
- 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 +4 -4
- package/dist/cjs/{breakpoints.decorator-CwCkb0Wk.js → breakpoints.decorator-ADGT2Mmf.js} +1 -1
- package/dist/cjs/{breakpoints.subject-rYKhKSkc.js → breakpoints.subject-YK_OMXSx.js} +1 -1
- package/dist/cjs/index-D4vG8k57.js +1 -1
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/{tokens.esm-UrQvf_TZ.js → tokens.esm-Dmx9eyOv.js} +1 -1
- package/dist/cjs/{window-resize.decorator-Bnaiii58.js → window-resize.decorator-BXcrpIGQ.js} +1 -1
- package/dist/cjs/{window-resize.subject-ByxuNJOP.js → window-resize.subject-B5Oc2QDq.js} +1 -1
- package/dist/collection/index.js +0 -4
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +4 -4
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +4 -4
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +4 -4
- 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 +5 -5
- package/dist/esm/bal-segment_2.entry.js +5 -5
- 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 +4 -4
- package/dist/esm/{breakpoints.decorator-queOOS5k.js → breakpoints.decorator-Bsg5vkrf.js} +1 -1
- package/dist/esm/{breakpoints.subject-E41ul03w.js → breakpoints.subject-Bv6KLYFi.js} +1 -1
- package/dist/esm/index-DgPiq0y0.js +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/{tokens.esm-WRxiggn2.js → tokens.esm-O2qEYnZ8.js} +1 -1
- package/dist/esm/{window-resize.decorator-Jk_vxbTJ.js → window-resize.decorator-Cok0BBus.js} +1 -1
- package/dist/esm/{window-resize.subject-bimD5WP9.js → window-resize.subject-ewjbONXg.js} +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-queOOS5k.js → breakpoints.decorator-Bsg5vkrf.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-E41ul03w.js → breakpoints.subject-Bv6KLYFi.js} +1 -1
- package/dist/esm-es5/index-DgPiq0y0.js +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-Jk_vxbTJ.js → window-resize.decorator-Cok0BBus.js} +1 -1
- package/dist/esm-es5/{window-resize.subject-bimD5WP9.js → window-resize.subject-ewjbONXg.js} +1 -1
- package/dist/types/index.d.ts +1 -1
- package/package.json +6 -6
- package/dist/baloise-design-system/p-DN2D5o_M.system.js +0 -1
- /package/dist/baloise-design-system/{p-7kyLHbsB.system.js → p-DUlyLSLN.system.js} +0 -0
- /package/dist/baloise-design-system/{p-WRxiggn2.js → p-O2qEYnZ8.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-WRxiggn2.js → tokens.esm-O2qEYnZ8.js} +0 -0
package/dist/baloise-design-system/{p-e1db904140.system.entry.js → p-ab7423a886.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,a,s){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function n(e){try{i(s.next(e))}catch(e){o(e)}}function l(e){try{i(s["throw"](e))}catch(e){o(e)}}function i(e){e.done?a(e.value):r(e.value).then(n,l)}i((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,r,o,n;return n={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(e){return function(t){return i([e,t])}}function i(l){if(s)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(a=0)),a)try{if(s=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:a.label++;return{value:l[1],done:false};case 5:a.label++;r=l[1];l=[0];continue;case 7:l=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){a=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){a.label=l[1];break}if(l[0]===6&&a.label<o[1]){a.label=o[1];o=l;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(l);break}if(o[2])a.ops.pop();a.trys.pop();continue}l=t.call(e,a)}catch(e){l=[6,e];r=0}finally{s=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,a){if(a||arguments.length===2)for(var s=0,r=t.length,o;s<r;s++){if(o||!(s in t)){if(!o)o=Array.prototype.slice.call(t,0,s);o[s]=t[s]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-UHSJaF1l.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-BPUKeAhO.system.js","./p-c5kwQsXB.system.js","./p-CTl0uAFp.system.js","./p-DxjqC_a1.system.js","./p-DoqKRzi8.system.js","./p-DN2D5o_M.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-YF2lEyTF.system.js","./p-SeKJ5o8j.system.js","./p-7kyLHbsB.system.js"],(function(e){"use strict";var t,a,s,r,o,n,l,i,b,c,p,_,d,u,v,f;return{setters:[function(e){t=e.M;a=e.L;s=e.H;r=e.P;o=e.T;n=e.N;l=e.O},function(e){i=e._;b=e.a},function(e){c=e.B},function(e){p=e.a},function(e){_=e.s},function(e){d=e.n},function(e){u=e.L},function(e){v=e.b},function(e){f=e.L},null,null,null,null,null,null],execute:function(){var m=function(e){var a=e.item,s=e.isMobile;var r=c.block("steps").element("nav").element("item").element("icon");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(a.done)),r.modifier("active").class(a.active)),r.modifier("failed").class(a.failed)),r.modifier("disabled").class(a.disabled))},t("bal-icon",{style:{display:a.done?"block":"none"},size:s?"small":"",color:a.disabled?"grey":"white",name:"check"}),t("span",{style:{display:!a.done?"block":"none"}},a.failed?"!":(a.index||0)+1))};var g=function(e){var a=e.item;var s=c.block("steps").element("nav").element("item").element("label");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(a.done)),s.modifier("active").class(a.active)),s.modifier("failed").class(a.failed)),s.modifier("disabled").class(a.disabled)),"data-testid":"bal-steps-option-label"},a.label)};var h=function(e){var a=e.item,s=e.color,r=e.isMobile,o=e.clickable,n=e.onSelectTab;var l=c.block("steps").element("nav").element("item");if(a.invisible){return}if(a.href){return t("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(s)).class()),l.modifier("done").class(a.done)),l.modifier("active").class(a.active)),l.modifier("failed").class(a.failed)),l.modifier("disabled").class(a.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),href:a.href,rel:a.rel,target:a.target,onClick:function(e){return n(e,a)}},t(m,{item:a,isMobile:r}),t(g,{item:a}))}return t("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(s)).class()),l.modifier("done").class(a.done)),l.modifier("active").class(a.active)),l.modifier("failed").class(a.failed)),l.modifier("disabled").class(a.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),onClick:function(e){return n(e,a)}},t(m,{item:a,isMobile:r}),t(g,{item:a}))};var y='@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}';var k=e("bal_steps",function(){function e(e){var t=this;s(this,e);this.balChange=r(this,"balChange");this.stepsId="bal-steps-".concat(x++);this.store=[];this.isMobile=v.isMobile;this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined;this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(d),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!p(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var s=t.store[0];t.value=s.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){_(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=o(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.swiperOnChange=function(e){};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var a=c.block("steps");var s=a.element("nav");var r=true;var o=-1;var l=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){r=false}if(!e.invisible){o=o+1}return Object.assign(Object.assign({},e),{passed:r,index:o})}));return t(n,{class:Object.assign({},a.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},t("nav",{class:Object.assign({},s.class()),role:"tablist","aria-live":"polite"},l.filter((function(e){return!e.invisible})).map((function(a){return t(h,{item:a,color:e.color,isMobile:e.isMobile,clickable:e.clickable&&!a.disabled,onSelectTab:e.onSelectTab})}))),t("div",{id:this.stepsId,class:Object.assign({},a.element("steps__content").class())},t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());i([a("bal-steps"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],k.prototype,"createLogger",null);i([u({tags:["bal-steps","bal-step-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],k.prototype,"mutationListener",null);i([f(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],k.prototype,"breakpointListener",null);var x=0;k.style=y}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,a,s){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function n(e){try{i(s.next(e))}catch(e){o(e)}}function l(e){try{i(s["throw"](e))}catch(e){o(e)}}function i(e){e.done?a(e.value):r(e.value).then(n,l)}i((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,r,o,n;return n={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(e){return function(t){return i([e,t])}}function i(l){if(s)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(a=0)),a)try{if(s=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:a.label++;return{value:l[1],done:false};case 5:a.label++;r=l[1];l=[0];continue;case 7:l=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){a=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){a.label=l[1];break}if(l[0]===6&&a.label<o[1]){a.label=o[1];o=l;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(l);break}if(o[2])a.ops.pop();a.trys.pop();continue}l=t.call(e,a)}catch(e){l=[6,e];r=0}finally{s=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,a){if(a||arguments.length===2)for(var s=0,r=t.length,o;s<r;s++){if(o||!(s in t)){if(!o)o=Array.prototype.slice.call(t,0,s);o[s]=t[s]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-UHSJaF1l.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-BPUKeAhO.system.js","./p-c5kwQsXB.system.js","./p-CTl0uAFp.system.js","./p-DxjqC_a1.system.js","./p-wBZhg8oB.system.js","./p-BeNkxgaQ.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-YF2lEyTF.system.js","./p-SeKJ5o8j.system.js","./p-DUlyLSLN.system.js"],(function(e){"use strict";var t,a,s,r,o,n,l,i,b,c,p,_,d,u,v,f;return{setters:[function(e){t=e.M;a=e.L;s=e.H;r=e.P;o=e.T;n=e.N;l=e.O},function(e){i=e._;b=e.a},function(e){c=e.B},function(e){p=e.a},function(e){_=e.s},function(e){d=e.n},function(e){u=e.L},function(e){v=e.b},function(e){f=e.L},null,null,null,null,null,null],execute:function(){var m=function(e){var a=e.item,s=e.isMobile;var r=c.block("steps").element("nav").element("item").element("icon");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(a.done)),r.modifier("active").class(a.active)),r.modifier("failed").class(a.failed)),r.modifier("disabled").class(a.disabled))},t("bal-icon",{style:{display:a.done?"block":"none"},size:s?"small":"",color:a.disabled?"grey":"white",name:"check"}),t("span",{style:{display:!a.done?"block":"none"}},a.failed?"!":(a.index||0)+1))};var g=function(e){var a=e.item;var s=c.block("steps").element("nav").element("item").element("label");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(a.done)),s.modifier("active").class(a.active)),s.modifier("failed").class(a.failed)),s.modifier("disabled").class(a.disabled)),"data-testid":"bal-steps-option-label"},a.label)};var h=function(e){var a=e.item,s=e.color,r=e.isMobile,o=e.clickable,n=e.onSelectTab;var l=c.block("steps").element("nav").element("item");if(a.invisible){return}if(a.href){return t("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(s)).class()),l.modifier("done").class(a.done)),l.modifier("active").class(a.active)),l.modifier("failed").class(a.failed)),l.modifier("disabled").class(a.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),href:a.href,rel:a.rel,target:a.target,onClick:function(e){return n(e,a)}},t(m,{item:a,isMobile:r}),t(g,{item:a}))}return t("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(s)).class()),l.modifier("done").class(a.done)),l.modifier("active").class(a.active)),l.modifier("failed").class(a.failed)),l.modifier("disabled").class(a.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),onClick:function(e){return n(e,a)}},t(m,{item:a,isMobile:r}),t(g,{item:a}))};var y='@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}';var k=e("bal_steps",function(){function e(e){var t=this;s(this,e);this.balChange=r(this,"balChange");this.stepsId="bal-steps-".concat(x++);this.store=[];this.isMobile=v.isMobile;this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined;this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(d),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!p(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var s=t.store[0];t.value=s.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){_(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=o(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.swiperOnChange=function(e){};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var a=c.block("steps");var s=a.element("nav");var r=true;var o=-1;var l=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){r=false}if(!e.invisible){o=o+1}return Object.assign(Object.assign({},e),{passed:r,index:o})}));return t(n,{class:Object.assign({},a.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},t("nav",{class:Object.assign({},s.class()),role:"tablist","aria-live":"polite"},l.filter((function(e){return!e.invisible})).map((function(a){return t(h,{item:a,color:e.color,isMobile:e.isMobile,clickable:e.clickable&&!a.disabled,onSelectTab:e.onSelectTab})}))),t("div",{id:this.stepsId,class:Object.assign({},a.element("steps__content").class())},t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());i([a("bal-steps"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],k.prototype,"createLogger",null);i([u({tags:["bal-steps","bal-step-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],k.prototype,"mutationListener",null);i([f(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],k.prototype,"breakpointListener",null);var x=0;k.style=y}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{H as t,P as a,M as i,N as e,O as s,a as n,L as l,f as r,Q as o,r as b,W as _,I as d,T as h,X as c,K as v,t as m,x as p}from"./p-DgPiq0y0.js";import{a as u,i as g}from"./p-C4sZQbkT.js";import{_ as f,a as w}from"./p-dfXERft2.js";import{L as x}from"./p-pZ7tokLV.js";import{a as y}from"./p-BAaDJIzy.js";import{B as j}from"./p-ByiN-QjD.js";import{b as O}from"./p-DdzX4Wag.js";import{L as k}from"./p-CZC4wl84.js";import{L}from"./p-B_VNoLFI.js";import{s as z}from"./p-CzKsK_-N.js";import{L as C}from"./p-DExQyjsY.js";import"./p-BZ6BqdA4.js";import{L as A}from"./p-CHdm2a6D.js";import{t as $,S as D,g as I,a as T}from"./p-DXglhVgP.js";import{L as B}from"./p-CQIRFXKv.js";import{L as S}from"./p-B3C_UjgS.js";import{n as V}from"./p-BmVI6cLw.js";import{a as E}from"./p-DBsOHTWj.js";import"./p-N2wlH4Xn.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-CrVMeGPj.js";import"./p-WRxiggn2.js";import"./p-D1VPLQ5z.js";import"./p-DWG-IuAM.js";const F=class{constructor(i){t(this,i),this.balNavigate=a(this,"balNavigate"),this.balKeyDown=a(this,"balKeyDown"),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+P++,this.isActive=!1,this.tabsId=void 0,this.active=!1,this.value="",this.label="",this.href=void 0,this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.a11yControls=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=u(this.el)}async setTabId(t){this.tabsId=t}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){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:!1,prevent:this.prevent,navigate:this.balNavigate,keyDown:this.balKeyDown,trackingData:this.inheritAttributes,noPanel:this.noPanel,a11yControls:this.a11yControls,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.isActive||this.noPanel;return i(e,{key:"404225fa81eca41461e3815c6aebf4140fef9d6f",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:this.noPanel?void 0:"tabpanel","aria-hidden":t?"true":"false","aria-labelledby":this.tabsId?`${this.tabsId}-button-${this.value}`:void 0,tabindex:t?"-1":void 0,hidden:!!t||void 0},i("slot",{key:"8c97e95d9b6a836d3abeb3f5fe205039e0449cc4"}))}get el(){return s(this)}};let P=0;const M=({item:t,inverted:a,accordion:e,isAccordionOpen:s,isMobile:n,hasBubble:l})=>{const r=j.block("tabs").element("nav").element("item").element("icon");let o=t.disabled?"grey":"primary";return a&&(o=t.disabled?"primary-light":"white"),i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("display-svg").class(void 0!==t.svg))},i("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||e?"small":"",name:e?"nav-go-down":t.icon,color:o,turn:e&&!0===s&&t.active}),l?i("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},N=({item:t,inverted:a,hasBubble:e,isExpanded:s,isVertical:n,context:l})=>{const r=j.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("inverted").class(a)),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("vertical").class(n)),r.modifier("expanded").class(s)),r.modifier(`context-${l}`).class(void 0!==l)),r.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&i("span",{class:r.element("sub-label").class()},t.subLabel),e?i("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},W=({item:t,tabsId:a,isFirst:e,isLast:s,isMobile:n,isVertical:l,accordion:r,isAccordionOpen:o,isLinkList:b,inverted:_,isExpanded:d,spaceless:h,clickable:c,iconPosition:v,context:m,onSelectTab:p,hasSubLabelInGroup:u,dimInactiveElements:g})=>{var f;const w=j.block("tabs").element("nav").element("item");if(t.invisible)return;const x=!1!==t.bubble,y=void 0!==t.icon,O=y&&x&&"horizontal"!==v&&!r||n&&y&&x&&!l&&!r,k=r&&x||r&&n&&y&&x&&!l,L=!y&&x&&!r||x&&!n&&"horizontal"===v&&!r||x&&l&&!r,z=void 0===t.href||""===t.href,C=z?"button":"a",A=z?{type:"button",role:"tab","aria-controls":(null===(f=t.aria)||void 0===f?void 0:f.controls)||t.tabPanelID||void 0,"aria-expanded":E(t.active),"aria-disabled":E(t.disabled),"aria-label":t.label}:{role:"listitem",href:t.href,rel:t.rel,target:t.target};b||(A.tabindex=t.active?"0":"-1");const D=()=>i(C,Object.assign({id:`${a}-button-${$(t.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({},w.class()),w.modifier("active").class(t.active)),w.modifier("disabled").class(t.disabled)),w.modifier("clickable").class(c)),w.modifier("accordion").class(r)),w.modifier("inverted").class(_)),w.modifier("expanded").class(d)),w.modifier("spaceless").class(h)),w.modifier("first").class(e)),w.modifier("last").class(s)),w.modifier("passed").class(t.passed)),w.modifier("vertical").class(l)),w.modifier(`context-${m}`).class(void 0!==m)),w.modifier(`icon-position-${v}`).class("horizontal"!==v)),w.modifier("display-svg").class(t.svg&&t.svg.length>0)),w.modifier("group-has-sub-label").class(u)),w.modifier("dim-inactive-elements").class(g)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":z?t.active?"true":"false":void 0},A,{onClick:a=>p(a,t),onKeyDown:a=>{var i;null===(i=t.keyDown)||void 0===i||i.emit(a)}}),t.icon||t.svg?i(M,{accordion:!1,item:t,isMobile:n,hasBubble:O,inverted:_}):"",i(N,{item:t,isMobile:n,isVertical:l,isExpanded:d,hasBubble:L,inverted:_,context:m}),r&&!t.href?i(M,{accordion:r,isAccordionOpen:o,item:t,isMobile:n,hasBubble:k,inverted:_}):"");return b?i("li",null,D()):D()},H=({swiper:t,items:a,tabsId:e,isVertical:s,inNavbar:n,isMobile:l,isTouch:r,ariaLabel:o,lineActive:b,lineHidden:_,isLinkList:d,border:h,accordion:c,isAccordionOpen:v,inverted:m,clickable:p,animated:u,spaceless:g,expanded:f,verticalColSize:w,showSwiperControls:x,iconPosition:y,context:O,onSelectTab:k,dimInactiveElements:L})=>{const z=j.block("tabs").element("nav"),C=z.element("inner"),A=z.element("container"),$=z.element("line"),D=z.element("border"),I=a.filter((t=>!t.invisible)),T=n&&!r,B=a.some((t=>t.subLabel&&t.subLabel.length>0)),S=({item:t,index:a})=>i(W,{item:t,isLinkList:d,tabsId:e,isFirst:0===a,isLast:a===I.length-1,isMobile:l,isVertical:s,iconPosition:y,spaceless:g,inverted:m,accordion:c,isAccordionOpen:v,context:O,isExpanded:f,clickable:p&&!t.disabled,onSelectTab:k,hasSubLabelInGroup:B,dimInactiveElements:L}),V=d?"nav":"div",E=d?"ul":"div";return i("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},z.class()),z.modifier("vertical").class(s)),z.modifier("full-height").class(T)),z.modifier(`vertical-col-${w}`).class(s)),t.cssSwiper())},i(V,{id:`${e}-nav`,class:Object.assign(Object.assign(Object.assign({},t.cssInnerSwiper()),C.class()),C.modifier("full-height").class(T)),ref:a=>{a&&(t.innerEl=a)},"aria-label":d?o:void 0},i(E,{id:t.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.cssSwiperContainer()),A.class()),A.modifier("vertical").class(s)),A.modifier("expanded").class(f&&!s)),role:d?void 0:"tablist","aria-label":d?void 0:o,ref:a=>{a&&(t.containerEl=a)}},I.map(((t,a)=>i(S,{item:t,index:a}))),i("div",{id:`${e}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},$.class()),$.modifier("active").class(b)),$.modifier("inverted").class(m)),$.modifier("animated").class(u)),$.modifier("vertical").class(s)),$.modifier("hidden").class(_))}),h?i("div",{id:`${e}-border`,class:Object.assign(Object.assign(Object.assign({},D.class()),D.modifier("inverted").class(m)),D.modifier("vertical").class(s))}):"")),x?t.renderControls():"")},K=({items:t,value:a,onSelectTab:e})=>{const s=j.block("tabs").element("select");return i("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const i=t.filter((t=>t.value===a.detail));if(i.length>0){const t=i[0];""!==t.href&&void 0!==t.href&&n.hasWindow&&window.open(t.href,t.target),e(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},R=class{constructor(i){t(this,i),this.balChange=a(this,"balChange"),this.balWillAnimate=a(this,"balWillAnimate"),this.balDidAnimate=a(this,"balDidAnimate"),this.tabsId="bal-tabs-"+X++,this.inheritAttributes={},this.swiper=new D,this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.enableLineRender=!1,this.hasAnimated=!1,this.index=0,this.isMobile=O.isMobile,this.isTablet=O.isTablet,this.language=r.language,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0,this.dimInactiveElements=!1,this.handleAsTabList=!1,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(V)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{y(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const i=t.clientWidth;return this.expanded?i:i-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(null!=t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const i=t.closest(".bal-tabs__nav__item");if(i)return this.expanded?i.offsetLeft:i.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.enableLineRender&&this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),o((async()=>{await b(this.el,!0),this.currentRaf=o((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=I(t),i=this.getLineSize(t,a),e=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=_(s,300);if(t)s.style.setProperty("transform",`translateY(${e}px)`),s.style.setProperty("min-height",`${i}px`),s.style.setProperty("height",`${i}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${e}px)`),s.style.setProperty("min-width",`${i}px`),s.style.setProperty("width",`${i}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();if(t&&n)if(this.expanded)t.style.setProperty("width","100%");else{const a=T(n);t.style.setProperty("width",`${a}px`)}await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=()=>{this.isAccordionOpen=!0,4!==this.accordionState&&(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.collapseAccordion=()=>{this.isAccordionOpen=!1,1!==this.accordionState&&(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=d((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&z(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))}}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}expandedChanged(){this.updateSwiper()}debounceChanged(){this.balChange=h(this.balChange,this.debounce)}verticalChanged(){this.updateSwiper()}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.swiper.connectedCallback(this),this.swiper.controls="small",this.updateSwiper(),this.inNavbar=c("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(c("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidRender(){this.animateLine()}componentWillRender(){this.updateSwiper()}componentDidLoad(){this.onOptionChange(),this.items.forEach((t=>{t.setTabId(this.tabsId)})),v((()=>{this.enableLineRender=!0,this.animateLine(!0)}))}componentWillLoad(){this.inheritAttributes=g(this.el,["aria-label"])}disconnectedCallback(){this.swiper.disconnectedCallback()}mutationListener(){this.onOptionChange(),this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.swiper.notifyChange()}resizeListener(t){this.swiper.notifyChange(),(!this.isVertical()&&t.width||this.isVertical()&&t.height)&&this.animateLine()}swipeListener({left:t,right:a}){t?this.swiper.next():a&&this.swiper.previous()}animationListener(t){this.isUsedInNavbar(t.target),this.animateLine()}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}swiperOnChange(t){this.index=t}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length||this.handleAsTabList}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.swiper.containerId}`)}updateSwiper(){this.overflow?this.expanded||this.isVertical()?this.swiper.disable():this.swiper.activate():this.swiper.disable()}isUsedInNavbar(t){const a=t.closest("bal-navbar"),i=t;a&&m(a,this.el)&&(this.isNavbarOpen=i)}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let i=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(i=i.reverse());const e=i.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,i)=>t<a||i>=t?t:i:(t,i)=>t>a||i<=t?t:i,n=e.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){const a=null!==this.el.querySelector("button.bal-focused, a.bal-focused");if(this.swiper.isActive()){const a=(await this.getOptions()).findIndex((a=>a.value===t.value));this.swiper.updateIndex(a)}if(await p(),a){const a=this.el.querySelector(`#${this.tabsId}-button-${$(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=j.block("tabs"),a=t.element("content"),s=this.isMobile,n=s||this.isTablet,l=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted,r=this.isVertical(),o=this.border||this.inNavbar&&n,b=s&&this.selectOnMobile,_=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),d=4===this.accordionState||8===this.accordionState?"content expanded":"content",h=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),c=!this.isTabList,v=this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),m=this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",");return i(e,{key:"69d96a45fe17ef7cf2c6acf7a59acb080f434f37",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(r)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated&&this.isTabList)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":v,"data-label":m},b?i(K,{value:this.value,items:_,onSelectTab:this.onSelectTab}):i(H,{swiper:this.swiper,items:_,isLinkList:c,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:h,lineHidden:!this.enableLineRender,inverted:l,animated:this.animated&&this.isTabList,context:this.context,border:o,spaceless:this.spaceless,expanded:this.expanded,isMobile:s,isTouch:n,isVertical:r,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),i("div",{key:"e0f122fe69cde2029ef069fa99b7c08176e62a31",part:d,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class("meta"===this.context||"navbar"===this.context||"navigation"===this.context))},i("div",{key:"bbbaad45e23863e488b6f7246f7112596ba50f1d",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},i("slot",{key:"e5dfe7d80380bc1f3eff95d5391375af110a1440"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}}};f([l("bal-tabs"),w("design:type",Function),w("design:paramtypes",[Function]),w("design:returntype",void 0)],R.prototype,"createLogger",null),f([C({tags:["bal-tabs","bal-tab-item"]}),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],R.prototype,"mutationListener",null),f([S(),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],R.prototype,"visibilityListener",null),f([k(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"breakpointListener",null),f([A(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"resizeListener",null),f([B(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"swipeListener",null),f([x(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"animationListener",null),f([L(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",Promise)],R.prototype,"configChanged",null);let X=0;R.style='@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)}@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--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-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)}';export{F as bal_tab_item,R as bal_tabs}
|
|
1
|
+
import{H as t,P as a,M as e,N as i,O as s,a as n,L as l,f as r,Q as o,r as b,W as _,I as d,T as h,X as c,K as v,t as m,x as p}from"./p-DgPiq0y0.js";import{a as u,i as g}from"./p-C4sZQbkT.js";import{_ as f,a as w}from"./p-dfXERft2.js";import{L as x}from"./p-pZ7tokLV.js";import{a as y}from"./p-BAaDJIzy.js";import{B as j}from"./p-ByiN-QjD.js";import{b as O}from"./p-BML6LWKk.js";import{L as k}from"./p-CmARjHN6.js";import{L}from"./p-B_VNoLFI.js";import{s as z}from"./p-CzKsK_-N.js";import{L as C}from"./p-DExQyjsY.js";import"./p-BsVy4ZqB.js";import{L as A}from"./p-CHdm2a6D.js";import{t as $,S as B,g as I,a as T}from"./p-DXglhVgP.js";import{L as D}from"./p-CQIRFXKv.js";import{L as S}from"./p-B3C_UjgS.js";import{n as V}from"./p-BmVI6cLw.js";import{a as E}from"./p-DBsOHTWj.js";import"./p-N2wlH4Xn.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-CrVMeGPj.js";import"./p-O2qEYnZ8.js";import"./p-D1VPLQ5z.js";import"./p-DWG-IuAM.js";const F=class{constructor(e){t(this,e),this.balNavigate=a(this,"balNavigate"),this.balKeyDown=a(this,"balKeyDown"),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+P++,this.isActive=!1,this.tabsId=void 0,this.active=!1,this.value="",this.label="",this.href=void 0,this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.a11yControls=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=u(this.el)}async setTabId(t){this.tabsId=t}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){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:!1,prevent:this.prevent,navigate:this.balNavigate,keyDown:this.balKeyDown,trackingData:this.inheritAttributes,noPanel:this.noPanel,a11yControls:this.a11yControls,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.isActive||this.noPanel;return e(i,{key:"404225fa81eca41461e3815c6aebf4140fef9d6f",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:this.noPanel?void 0:"tabpanel","aria-hidden":t?"true":"false","aria-labelledby":this.tabsId?`${this.tabsId}-button-${this.value}`:void 0,tabindex:t?"-1":void 0,hidden:!!t||void 0},e("slot",{key:"8c97e95d9b6a836d3abeb3f5fe205039e0449cc4"}))}get el(){return s(this)}};let P=0;const M=({item:t,inverted:a,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:l})=>{const r=j.block("tabs").element("nav").element("item").element("icon");let o=t.disabled?"grey":"primary";return a&&(o=t.disabled?"primary-light":"white"),e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("display-svg").class(void 0!==t.svg))},e("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:o,turn:i&&!0===s&&t.active}),l?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},N=({item:t,inverted:a,hasBubble:i,isExpanded:s,isVertical:n,context:l})=>{const r=j.block("tabs").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("inverted").class(a)),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("vertical").class(n)),r.modifier("expanded").class(s)),r.modifier(`context-${l}`).class(void 0!==l)),r.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&e("span",{class:r.element("sub-label").class()},t.subLabel),i?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},W=({item:t,tabsId:a,isFirst:i,isLast:s,isMobile:n,isVertical:l,accordion:r,isAccordionOpen:o,isLinkList:b,inverted:_,isExpanded:d,spaceless:h,clickable:c,iconPosition:v,context:m,onSelectTab:p,hasSubLabelInGroup:u,dimInactiveElements:g})=>{var f;const w=j.block("tabs").element("nav").element("item");if(t.invisible)return;const x=!1!==t.bubble,y=void 0!==t.icon,O=y&&x&&"horizontal"!==v&&!r||n&&y&&x&&!l&&!r,k=r&&x||r&&n&&y&&x&&!l,L=!y&&x&&!r||x&&!n&&"horizontal"===v&&!r||x&&l&&!r,z=void 0===t.href||""===t.href,C=z?"button":"a",A=z?{type:"button",role:"tab","aria-controls":(null===(f=t.aria)||void 0===f?void 0:f.controls)||t.tabPanelID||void 0,"aria-expanded":E(t.active),"aria-disabled":E(t.disabled),"aria-label":t.label}:{role:"listitem",href:t.href,rel:t.rel,target:t.target};b||(A.tabindex=t.active?"0":"-1");const B=()=>e(C,Object.assign({id:`${a}-button-${$(t.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({},w.class()),w.modifier("active").class(t.active)),w.modifier("disabled").class(t.disabled)),w.modifier("clickable").class(c)),w.modifier("accordion").class(r)),w.modifier("inverted").class(_)),w.modifier("expanded").class(d)),w.modifier("spaceless").class(h)),w.modifier("first").class(i)),w.modifier("last").class(s)),w.modifier("passed").class(t.passed)),w.modifier("vertical").class(l)),w.modifier(`context-${m}`).class(void 0!==m)),w.modifier(`icon-position-${v}`).class("horizontal"!==v)),w.modifier("display-svg").class(t.svg&&t.svg.length>0)),w.modifier("group-has-sub-label").class(u)),w.modifier("dim-inactive-elements").class(g)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":z?t.active?"true":"false":void 0},A,{onClick:a=>p(a,t),onKeyDown:a=>{var e;null===(e=t.keyDown)||void 0===e||e.emit(a)}}),t.icon||t.svg?e(M,{accordion:!1,item:t,isMobile:n,hasBubble:O,inverted:_}):"",e(N,{item:t,isMobile:n,isVertical:l,isExpanded:d,hasBubble:L,inverted:_,context:m}),r&&!t.href?e(M,{accordion:r,isAccordionOpen:o,item:t,isMobile:n,hasBubble:k,inverted:_}):"");return b?e("li",null,B()):B()},H=({swiper:t,items:a,tabsId:i,isVertical:s,inNavbar:n,isMobile:l,isTouch:r,ariaLabel:o,lineActive:b,lineHidden:_,isLinkList:d,border:h,accordion:c,isAccordionOpen:v,inverted:m,clickable:p,animated:u,spaceless:g,expanded:f,verticalColSize:w,showSwiperControls:x,iconPosition:y,context:O,onSelectTab:k,dimInactiveElements:L})=>{const z=j.block("tabs").element("nav"),C=z.element("inner"),A=z.element("container"),$=z.element("line"),B=z.element("border"),I=a.filter((t=>!t.invisible)),T=n&&!r,D=a.some((t=>t.subLabel&&t.subLabel.length>0)),S=({item:t,index:a})=>e(W,{item:t,isLinkList:d,tabsId:i,isFirst:0===a,isLast:a===I.length-1,isMobile:l,isVertical:s,iconPosition:y,spaceless:g,inverted:m,accordion:c,isAccordionOpen:v,context:O,isExpanded:f,clickable:p&&!t.disabled,onSelectTab:k,hasSubLabelInGroup:D,dimInactiveElements:L}),V=d?"nav":"div",E=d?"ul":"div";return e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},z.class()),z.modifier("vertical").class(s)),z.modifier("full-height").class(T)),z.modifier(`vertical-col-${w}`).class(s)),t.cssSwiper())},e(V,{id:`${i}-nav`,class:Object.assign(Object.assign(Object.assign({},t.cssInnerSwiper()),C.class()),C.modifier("full-height").class(T)),ref:a=>{a&&(t.innerEl=a)},"aria-label":d?o:void 0},e(E,{id:t.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.cssSwiperContainer()),A.class()),A.modifier("vertical").class(s)),A.modifier("expanded").class(f&&!s)),role:d?void 0:"tablist","aria-label":d?void 0:o,ref:a=>{a&&(t.containerEl=a)}},I.map(((t,a)=>e(S,{item:t,index:a}))),e("div",{id:`${i}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},$.class()),$.modifier("active").class(b)),$.modifier("inverted").class(m)),$.modifier("animated").class(u)),$.modifier("vertical").class(s)),$.modifier("hidden").class(_))}),h?e("div",{id:`${i}-border`,class:Object.assign(Object.assign(Object.assign({},B.class()),B.modifier("inverted").class(m)),B.modifier("vertical").class(s))}):"")),x?t.renderControls():"")},K=({items:t,value:a,onSelectTab:i})=>{const s=j.block("tabs").element("select");return e("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const e=t.filter((t=>t.value===a.detail));if(e.length>0){const t=e[0];""!==t.href&&void 0!==t.href&&n.hasWindow&&window.open(t.href,t.target),i(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>e("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},R=class{constructor(e){t(this,e),this.balChange=a(this,"balChange"),this.balWillAnimate=a(this,"balWillAnimate"),this.balDidAnimate=a(this,"balDidAnimate"),this.tabsId="bal-tabs-"+Q++,this.inheritAttributes={},this.swiper=new B,this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.enableLineRender=!1,this.hasAnimated=!1,this.index=0,this.isMobile=O.isMobile,this.isTablet=O.isTablet,this.language=r.language,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0,this.dimInactiveElements=!1,this.handleAsTabList=!1,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(V)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{y(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const e=t.clientWidth;return this.expanded?e:e-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(null!=t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const e=t.closest(".bal-tabs__nav__item");if(e)return this.expanded?e.offsetLeft:e.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.enableLineRender&&this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),o((async()=>{await b(this.el,!0),this.currentRaf=o((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=I(t),e=this.getLineSize(t,a),i=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=_(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${e}px`),s.style.setProperty("height",`${e}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${e}px`),s.style.setProperty("width",`${e}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();if(t&&n)if(this.expanded)t.style.setProperty("width","100%");else{const a=T(n);t.style.setProperty("width",`${a}px`)}await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=()=>{this.isAccordionOpen=!0,4!==this.accordionState&&(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.collapseAccordion=()=>{this.isAccordionOpen=!1,1!==this.accordionState&&(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=d((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&z(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))}}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}expandedChanged(){this.updateSwiper()}debounceChanged(){this.balChange=h(this.balChange,this.debounce)}verticalChanged(){this.updateSwiper()}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.swiper.connectedCallback(this),this.swiper.controls="small",this.updateSwiper(),this.inNavbar=c("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(c("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidRender(){this.animateLine()}componentWillRender(){this.updateSwiper()}componentDidLoad(){this.onOptionChange(),this.items.forEach((t=>{t.setTabId(this.tabsId)})),v((()=>{this.enableLineRender=!0,this.animateLine(!0)}))}componentWillLoad(){this.inheritAttributes=g(this.el,["aria-label"])}disconnectedCallback(){this.swiper.disconnectedCallback()}mutationListener(){this.onOptionChange(),this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.swiper.notifyChange()}resizeListener(t){this.swiper.notifyChange(),(!this.isVertical()&&t.width||this.isVertical()&&t.height)&&this.animateLine()}swipeListener({left:t,right:a}){t?this.swiper.next():a&&this.swiper.previous()}animationListener(t){this.isUsedInNavbar(t.target),this.animateLine()}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}swiperOnChange(t){this.index=t}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length||this.handleAsTabList}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.swiper.containerId}`)}updateSwiper(){this.overflow?this.expanded||this.isVertical()?this.swiper.disable():this.swiper.activate():this.swiper.disable()}isUsedInNavbar(t){const a=t.closest("bal-navbar"),e=t;a&&m(a,this.el)&&(this.isNavbarOpen=e)}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let e=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(e=e.reverse());const i=e.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,e)=>t<a||e>=t?t:e:(t,e)=>t>a||e<=t?t:e,n=i.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){const a=null!==this.el.querySelector("button.bal-focused, a.bal-focused");if(this.swiper.isActive()){const a=(await this.getOptions()).findIndex((a=>a.value===t.value));this.swiper.updateIndex(a)}if(await p(),a){const a=this.el.querySelector(`#${this.tabsId}-button-${$(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=j.block("tabs"),a=t.element("content"),s=this.isMobile,n=s||this.isTablet,l=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted,r=this.isVertical(),o=this.border||this.inNavbar&&n,b=s&&this.selectOnMobile,_=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),d=4===this.accordionState||8===this.accordionState?"content expanded":"content",h=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),c=!this.isTabList,v=this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),m=this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",");return e(i,{key:"69d96a45fe17ef7cf2c6acf7a59acb080f434f37",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(r)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated&&this.isTabList)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":v,"data-label":m},b?e(K,{value:this.value,items:_,onSelectTab:this.onSelectTab}):e(H,{swiper:this.swiper,items:_,isLinkList:c,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:h,lineHidden:!this.enableLineRender,inverted:l,animated:this.animated&&this.isTabList,context:this.context,border:o,spaceless:this.spaceless,expanded:this.expanded,isMobile:s,isTouch:n,isVertical:r,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),e("div",{key:"e0f122fe69cde2029ef069fa99b7c08176e62a31",part:d,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class("meta"===this.context||"navbar"===this.context||"navigation"===this.context))},e("div",{key:"bbbaad45e23863e488b6f7246f7112596ba50f1d",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},e("slot",{key:"e5dfe7d80380bc1f3eff95d5391375af110a1440"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}}};f([l("bal-tabs"),w("design:type",Function),w("design:paramtypes",[Function]),w("design:returntype",void 0)],R.prototype,"createLogger",null),f([C({tags:["bal-tabs","bal-tab-item"]}),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],R.prototype,"mutationListener",null),f([S(),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],R.prototype,"visibilityListener",null),f([k(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"breakpointListener",null),f([A(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"resizeListener",null),f([D(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"swipeListener",null),f([x(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",void 0)],R.prototype,"animationListener",null),f([L(),w("design:type",Function),w("design:paramtypes",[Object]),w("design:returntype",Promise)],R.prototype,"configChanged",null);let Q=0;R.style='@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)}@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--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-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)}';export{F as bal_tab_item,R as bal_tabs}
|
package/dist/baloise-design-system/{p-a550fef066.system.entry.js → p-d00a0e8b67.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-UHSJaF1l.system.js","./p-BbAtjg9Y.system.js","./p-
|
|
1
|
+
System.register(["./p-UHSJaF1l.system.js","./p-BbAtjg9Y.system.js","./p-DUlyLSLN.system.js"],(function(e){"use strict";var a,t,c,r,s,d,i,b,f,n,o,h,l,p;return{setters:[function(e){a=e.H;t=e.M;c=e.N;r=e.O},function(e){s=e.B},function(e){d=e.b;i=e.a;b=e.c;f=e.d;n=e.e;o=e.f;h=e.g;l=e.h;p=e.i}],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 H=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=p;break;case"green-light":e=l;break;case"red":e=h;break;case"red-light":e=o;break;case"purple":e=n;break;case"purple-light":e=f;break;case"yellow":e=b;break;case"yellow-light":e=i;break;default:e=d}return e}}e.prototype.render=function(){var e=s.block("shape");var a=[t("g",{key:"bd098f8a0d60a01a901d6c7e0041945de00f7c84",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},t("g",{key:"7ae53a770a1f0f915dcfee5836350fb43f43c83c",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},t("path",{key:"27730d24993bf8f4ebb2180113d927f08d86c295",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:"a39bebf5119896bb95137f99b31bd091461e4187",id:"b949d602-8478-437e-a171-ad3f26649cb4"},t("g",{key:"8e9872fc0469e4227b39ce648713a79a0409d5c2",id:"ae3574e0-2065-4681-8937-4318b8656147"},t("path",{key:"08e8eecb7e5da4cf009cf1ff82219faedb82f3fa",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:"1176953bc3ee0cc6a799222c13b065d3ebc5eaf1",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},t("g",{key:"51e40727714bc0adf3667d6769fe51611adbbcb4",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},t("path",{key:"5d09a1cbc57fc21b1e62ddd4e263c18a7278c556",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:"5aa4927f8682c07a13ab2fa9b56f1248141d7cd7",class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},t("svg",{key:"99ee4d77c26e1cc4b84052907ef6d628f94b3937",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 r(this)},enumerable:false,configurable:true});return e}());H.style=v}}}));
|
package/dist/baloise-design-system/{p-783d9a3ab5.system.entry.js → p-d71fa7e9c9.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(r,e,a,o){function n(r){return r instanceof a?r:new a((function(e){e(r)}))}return new(a||(a=Promise))((function(a,s){function t(r){try{l(o.next(r))}catch(r){s(r)}}function i(r){try{l(o["throw"](r))}catch(r){s(r)}}function l(r){r.done?a(r.value):n(r.value).then(t,i)}l((o=o.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,t;return t={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function i(r){return function(e){return l([r,e])}}function l(i){if(o)throw new TypeError("Generator is already executing.");while(t&&(t=0,i[0]&&(a=0)),a)try{if(o=1,n&&(s=i[0]&2?n["return"]:i[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,i[1])).done)return s;if(n=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;n=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){a.label=i[1];break}if(i[0]===6&&a.label<s[1]){a.label=s[1];s=i;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(i);break}if(s[2])a.ops.pop();a.trys.pop();continue}i=e.call(r,a)}catch(r){i=[6,r];n=0}finally{o=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-UHSJaF1l.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(r,e,a,o){function n(r){return r instanceof a?r:new a((function(e){e(r)}))}return new(a||(a=Promise))((function(a,s){function t(r){try{l(o.next(r))}catch(r){s(r)}}function i(r){try{l(o["throw"](r))}catch(r){s(r)}}function l(r){r.done?a(r.value):n(r.value).then(t,i)}l((o=o.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,t;return t={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function i(r){return function(e){return l([r,e])}}function l(i){if(o)throw new TypeError("Generator is already executing.");while(t&&(t=0,i[0]&&(a=0)),a)try{if(o=1,n&&(s=i[0]&2?n["return"]:i[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,i[1])).done)return s;if(n=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;n=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){a.label=i[1];break}if(i[0]===6&&a.label<s[1]){a.label=s[1];s=i;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(i);break}if(s[2])a.ops.pop();a.trys.pop();continue}i=e.call(r,a)}catch(r){i=[6,r];n=0}finally{o=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-UHSJaF1l.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-wBZhg8oB.system.js","./p-BeNkxgaQ.system.js","./p-CIxY6YGv.system.js","./p-CvgHRsPG.system.js","./p-SeKJ5o8j.system.js","./p-YF2lEyTF.system.js","./p-DUlyLSLN.system.js"],(function(r){"use strict";var e,a,o,n,s,t,i,l,b,c,u;return{setters:[function(r){e=r.H;a=r.Q;o=r.M;n=r.N;s=r.O},function(r){t=r._;i=r.a},function(r){l=r.B},function(r){b=r.b},function(r){c=r.L},function(r){u=r.L},null,null,null,null],execute:function(){var g=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";var p=r("bal_progress_bar",function(){function r(r){e(this,r);this.animated=true;this.isTouch=b.isTouch;this.value=0;this.background="white";this.color="primary"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.windowResizeListener=function(){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){var r=this;if(this.lineEl){a((function(){var e=r.el.clientWidth;var a=Math.max(0,Math.min(100,r.value));var o=e/100*a;r.lineEl.style.width="".concat(o,"px");if(a===100){r.lineEl.classList.add("bal-progress-bar__line--full")}else{r.lineEl.classList.remove("bal-progress-bar__line--full")}}))}};r.prototype.render=function(){var r=this;var e=l.block("progress-bar");var a=e.element("line");return o(n,{key:"d024ab4ad15f9a04b2db9b5923785cc9eecbae74","aria-hidden":"true",class:Object.assign(Object.assign({},e.class()),e.modifier("background-".concat(this.background,"-of-").concat(this.color)).class())},o("div",{key:"8ed29c4d19bc1e5e57990b5c91d95134a7fc482d",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("color-".concat(this.color)).class()),a.modifier("animated").class(this.animated)),ref:function(e){return r.lineEl=e}}))};Object.defineProperty(r.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return r}());t([c(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",void 0)],p.prototype,"breakpointListener",null);t([u(),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],p.prototype,"windowResizeListener",null);p.style=g}}}));
|