@baloise/ds-core 16.4.0 → 16.5.0-nightly.20240919

package/dist/baloise-design-system/{p-45e0c0783b.entry.js → p-cafe624e35.entry.js}

@@ -1 +1 @@
-import{r as e,h as a,H as r}from"./p-d7c752c6.js";import{_ as n,a as o}from"./p-43c9f5e9.js";import{l,a as i,L as t}from"./p-94efe2aa.js";import{B as s}from"./p-ae86d0a0.js";import{L as _}from"./p-b77e3348.js";import{k as c}from"./p-88f18fbc.js";import{s as p}from"./p-ad9a7657.js";import{e as b}from"./p-aafb6696.js";import{d}from"./p-a19d1e1d.js";import{L as g}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-a65354df.js";import"./p-2229e98e.js";const f=class{constructor(a){e(this,a),this.links=[],this.socialMediaLinks=[],this.language=d.language,this.region=d.region,this.allowedLanguages=d.allowedLanguages,this.hideLinks=!1,this.showSocialMedia=!1,this.hideLanguageSelection=!1}createLogger(e){this.log=e}connectedCallback(){this.updateFooterLinks(),this.updateSocialMediaLinks()}async configChanged(e){this.language===e.language&&this.region===e.region||(this.language=e.language,this.region=e.region,this.allowedLanguages=e.allowedLanguages,this.updateFooterLinks(),this.updateSocialMediaLinks())}changeLanguage(e){b(e)}updateFooterLinks(){if(!this.hideLinks&&("CH"===this.region||"DE"===this.region)){const e=this.region;c((()=>{l(new t(this.language),e).then((e=>this.links=e))}))}}updateSocialMediaLinks(){if(this.showSocialMedia&&("CH"===this.region||"DE"===this.region)){const e=this.region;c((()=>{i(new t(this.language),e).then((e=>this.socialMediaLinks=e))}))}}render(){const e=s.block("footer"),n=e.element("inner"),o=n.element("wrapper"),l=o.element("container"),i=o.element("links-container"),t=o.element("header-container"),_=t.element("logo"),c=t.element("language"),b=c.element("wrapper"),d=c.element("icon"),g=i.element("legal-links"),f=i.element("social-media-links");return a(r,{class:Object.assign({},e.class())},a("footer",{class:Object.assign({},n.class())},a("div",{class:Object.assign({},o.class())},a("div",{class:Object.assign(Object.assign({container:!0},l.class()),t.class())},a("div",{class:Object.assign({},_.class())},a("bal-logo",{color:"white"})),a("div",{class:Object.assign({},c.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},a("div",{class:Object.assign({},b.class())},a("bal-input-group",null,a("bal-icon",{class:Object.assign({},d.class()),name:"web",color:"white",onClick:e=>{var a;p(e),null===(a=this.selectEl)||void 0===a||a.open()}}),a("bal-select",{ref:e=>this.selectEl=e,value:this.language,onBalChange:e=>this.changeLanguage(e.detail),"data-testid":"bal-footer-language"},this.allowedLanguages.map((e=>a("bal-select-option",{key:e,label:e.toLocaleUpperCase(),value:e},e.toLocaleUpperCase())))))))),a("slot",null),a("div",{class:Object.assign(Object.assign({container:!0},l.class()),i.class())},a("div",{class:Object.assign({},f.class()),style:{display:this.showSocialMedia?"flex":"none"}},this.socialMediaLinks.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-inverted":!0}},a("bal-icon",{name:e.label.toLowerCase()}))))),a("div",{class:Object.assign({},g.class()),style:{display:this.hideLinks?"none":"flex"}},this.links.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-light":!0}},e.label))))))))}};n([_("bal-footer"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],f.prototype,"createLogger",null),n([g(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background-active:var(--bal-color-light-blue-3)}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);color:var(--bal-footer-color);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner,.bal-footer__inner p{color:var(--bal-footer-color)}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language bal-icon,.bal-footer__inner__wrapper__header-container__language .input{cursor:pointer}.bal-footer__inner__wrapper__header-container__language:hover bal-icon svg,.bal-footer__inner__wrapper__header-container__language:hover bal-icon g,.bal-footer__inner__wrapper__header-container__language:hover bal-icon path,.bal-footer__inner__wrapper__header-container__language:hover bal-icon circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language:hover .input{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language:active bal-icon svg,.bal-footer__inner__wrapper__header-container__language:active bal-icon g,.bal-footer__inner__wrapper__header-container__language:active bal-icon path,.bal-footer__inner__wrapper__header-container__language:active bal-icon circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language:active .input{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__language__wrapper{width:5rem}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group{background:rgba(0,0,0,0);border:none}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group:hover{background:rgba(0,0,0,0) !important}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group bal-icon{min-width:.75rem !important}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";export{f as bal_footer}
+import{r as e,h as a,H as r}from"./p-d7c752c6.js";import{_ as n,a as o}from"./p-43c9f5e9.js";import{l,a as i,L as t}from"./p-f5940253.js";import{B as s}from"./p-ae86d0a0.js";import{L as _}from"./p-b77e3348.js";import{k as c}from"./p-88f18fbc.js";import{s as p}from"./p-ad9a7657.js";import{e as b}from"./p-aafb6696.js";import{d}from"./p-a19d1e1d.js";import{L as g}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-a65354df.js";import"./p-2229e98e.js";const f=class{constructor(a){e(this,a),this.links=[],this.socialMediaLinks=[],this.language=d.language,this.region=d.region,this.allowedLanguages=d.allowedLanguages,this.hideLinks=!1,this.showSocialMedia=!1,this.hideLanguageSelection=!1}createLogger(e){this.log=e}connectedCallback(){this.updateFooterLinks(),this.updateSocialMediaLinks()}async configChanged(e){this.language===e.language&&this.region===e.region||(this.language=e.language,this.region=e.region,this.allowedLanguages=e.allowedLanguages,this.updateFooterLinks(),this.updateSocialMediaLinks())}changeLanguage(e){b(e)}updateFooterLinks(){if(!this.hideLinks&&("CH"===this.region||"DE"===this.region)){const e=this.region;c((()=>{l(new t(this.language),e).then((e=>this.links=e))}))}}updateSocialMediaLinks(){if(this.showSocialMedia&&("CH"===this.region||"DE"===this.region)){const e=this.region;c((()=>{i(new t(this.language),e).then((e=>this.socialMediaLinks=e))}))}}render(){const e=s.block("footer"),n=e.element("inner"),o=n.element("wrapper"),l=o.element("container"),i=o.element("links-container"),t=o.element("header-container"),_=t.element("logo"),c=t.element("language"),b=c.element("wrapper"),d=c.element("icon"),g=i.element("legal-links"),f=i.element("social-media-links");return a(r,{class:Object.assign({},e.class())},a("footer",{class:Object.assign({},n.class())},a("div",{class:Object.assign({},o.class())},a("div",{class:Object.assign(Object.assign({container:!0},l.class()),t.class())},a("div",{class:Object.assign({},_.class())},a("bal-logo",{color:"white"})),a("div",{class:Object.assign({},c.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},a("div",{class:Object.assign({},b.class())},a("bal-input-group",null,a("bal-icon",{class:Object.assign({},d.class()),name:"web",color:"white",onClick:e=>{var a;p(e),null===(a=this.selectEl)||void 0===a||a.open()}}),a("bal-select",{ref:e=>this.selectEl=e,value:this.language,onBalChange:e=>this.changeLanguage(e.detail),"data-testid":"bal-footer-language"},this.allowedLanguages.map((e=>a("bal-select-option",{key:e,label:e.toLocaleUpperCase(),value:e},e.toLocaleUpperCase())))))))),a("slot",null),a("div",{class:Object.assign(Object.assign({container:!0},l.class()),i.class())},a("div",{class:Object.assign({},f.class()),style:{display:this.showSocialMedia?"flex":"none"}},this.socialMediaLinks.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-inverted":!0}},a("bal-icon",{name:e.label.toLowerCase()}))))),a("div",{class:Object.assign({},g.class()),style:{display:this.hideLinks?"none":"flex"}},this.links.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-light":!0}},e.label))))))))}};n([_("bal-footer"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],f.prototype,"createLogger",null),n([g(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background-active:var(--bal-color-light-blue-3)}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);color:var(--bal-footer-color);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner,.bal-footer__inner p{color:var(--bal-footer-color)}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language bal-icon,.bal-footer__inner__wrapper__header-container__language .input{cursor:pointer}.bal-footer__inner__wrapper__header-container__language:hover bal-icon svg,.bal-footer__inner__wrapper__header-container__language:hover bal-icon g,.bal-footer__inner__wrapper__header-container__language:hover bal-icon path,.bal-footer__inner__wrapper__header-container__language:hover bal-icon circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language:hover .input{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language:active bal-icon svg,.bal-footer__inner__wrapper__header-container__language:active bal-icon g,.bal-footer__inner__wrapper__header-container__language:active bal-icon path,.bal-footer__inner__wrapper__header-container__language:active bal-icon circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language:active .input{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__language__wrapper{width:5rem}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group{background:rgba(0,0,0,0);border:none}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group:hover{background:rgba(0,0,0,0) !important}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group bal-icon{min-width:.75rem !important}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";export{f as bal_footer}

package/dist/baloise-design-system/{p-2f4c6257f4.entry.js → p-cda868a6a5.entry.js}

@@ -1 +1 @@
-import{h as o,r as t,c as i,H as e,g as a}from"./p-d7c752c6.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{o as s,q as n,s as d,h as c,u as h,e as p}from"./p-94efe2aa.js";import{B as b}from"./p-ae86d0a0.js";import{L as u}from"./p-b77e3348.js";import{s as m}from"./p-ad9a7657.js";import{i as w}from"./p-dd5e13d1.js";import{d as f}from"./p-f385e205.js";import{k as v,b as g,d as y}from"./p-88f18fbc.js";import{l as _}from"./p-9a3d9e17.js";import{c as x,a as k,f as j,s as O}from"./p-b80d9e4d.js";import{D as C}from"./p-9b4da619.js";import{a as F}from"./p-d9b38501.js";import{d as L}from"./p-a19d1e1d.js";import{L as z}from"./p-69e7c8d6.js";import"./p-4573c419.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";class A{constructor(){this.handleAutoFill=async o=>{if(m(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,t=await this.parseAutoFillValueWithOptions(o);if(void 0===t)return void(this.component.isAutoFilled=!1);s(t,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(t,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const t=await this.component.listEl.getOptions();for(let i=0;i<t.length;i++){const e=t[i];if(e.value===o||e.label===o)return[e.value]}}}const D={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class E{connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,v((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var t;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,v((()=>this.component.balBlur.emit(o)))))}}class S{connectedCallback(o){this.component=o}focusOptionByLabel(o,t={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,t)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class V{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const t=o.target;(null==t?void 0:t.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const q=({name:t,httpFormSubmit:i,multiple:e,required:a,disabled:r,rawValue:l,refSelectEl:s})=>{const n=b.block("dropdown");return i?o("select",{class:Object.assign({},n.element("root").element("select").class()),"aria-hidden":"true",name:t,multiple:e,required:a,disabled:r,tabindex:-1,ref:s},l.map((t=>o("option",{key:t,value:t,selected:!0},t)))):""},B=({icon:t,language:i,loading:e,clearable:a,invalid:r,filled:l,expanded:s,disabled:n})=>{const d=b.block("dropdown");return e?o("bal-spinner",{class:Object.assign({},d.element("rear").class()),small:!0,variation:"circle"}):a&&l&&!n?o("button",{title:D[i].clearable,class:Object.assign(Object.assign(Object.assign({},d.element("rear").class()),d.element("clear").class()),d.element("clear").modifier("invalid").class(r))},o("bal-icon",{class:Object.assign({},d.element("rear").class()),name:"close-circle",size:"",color:"grey"})):o("bal-icon",{class:Object.assign({},d.element("rear").class()),name:t,turn:s,color:n?"grey":r?"danger":"primary"})},T=({inputId:t,isExpanded:i,rawOptions:e,isDisabled:a,hasPropOptions:r,required:l,filter:s,multiple:n,contentHeight:d,refPanelEl:c,refListEl:h})=>{const p=b.block("dropdown");return o("div",{id:`${t}-menu`,class:Object.assign(Object.assign({},p.element("list").class()),p.element("list").modifier("expanded").class(i)),ref:c},o("bal-option-list",{multiple:n,disabled:a,filter:s,required:l,contentHeight:d,ref:h},o("slot",null),r?e.map((t=>o("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label))):""))};class R{constructor(){this.updatePanelPosition=(o,t)=>()=>{x(o,t,{placement:"bottom-start",middleware:[j(),O()]}).then((({x:o,y:i})=>{Object.assign(t.style,{left:`${o}px`,top:`${i}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;this.component.panelEl&&(this.component.panelCleanup=k(this.component.el,this.component.panelEl,this.updatePanelPosition(this.component.el,this.component.panelEl))),this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class P{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,t){const i=typeof o;i!==typeof t&&this.updateRawValueByValueProp(o),"string"===i&&o!==t&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(t)&&!s(o,t)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],t=!1){this.component.isAutoFilled=t,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let t=[];return _(o)||""===o||(t=Array.isArray(o)?[...o.filter((o=>!_(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),t}updateRawValueByValueProp(o=[]){const t=this.parseValueString(o);this.updateRawValue(t)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const t=this.component.rawValue.filter((t=>t!==o.value));this.updateRawValueBySelection(t)}async updateInputContent(){await g(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const I=({filled:t,chips:i,placeholder:e,choices:a,invalid:r,disabled:l,readonly:s,onRemoveChip:n})=>{const d=b.block("dropdown");return t?i?o("div",{class:Object.assign({},d.element("root").element("content").element("chips").class())},a.map((t=>o("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:r,disabled:l||s,closable:!(l||s),onBalCloseClick:()=>n(t)},t.label)))):a.map((o=>o.label)).join(", "):e},H=({name:t,inputId:i,httpFormSubmit:e,ariaForm:a,rawValue:r,autocomplete:l,required:s,disabled:n,readonly:d,placeholder:c,expanded:h,invalid:p,language:u,inputLabel:m,inheritedAttributes:w,refInputEl:f,onChange:v,onFocus:g,onBlur:y,onKeyDown:_})=>{const x=b.block("dropdown"),k=()=>o("input",Object.assign({id:a.controlId||`${i}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:t,autoComplete:l,value:r.join(","),required:s,disabled:n,readonly:d,placeholder:c,title:h?D[u].close:D[u].open,"aria-label":h?D[u].close:D[u].open,"aria-owns":`${i}-menu`,"aria-invalid":F(p),"aria-disabled":F(n||d),"aria-labelledby":a.labelId,"aria-describedby":a.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":m,"data-value":r.join(","),ref:o=>f(o),onChange:o=>v(o),onFocus:o=>g(o),onBlur:o=>y(o),onKeyDown:o=>_(o)},w));return e?o(k,null):o("form",{novalidate:!0},o(k,null))},$=class{constructor(o){t(this,o),this.balChange=i(this,"balChange",7),this.balFocus=i(this,"balFocus",7),this.balBlur=i(this,"balBlur",7),this.inputId="bal-dropdown-"+W++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new P,this.eventsUtil=new E,this.popupUtil=new R,this.optionUtil=new C,this.formSubmitUtil=new V,this.focusUtil=new S,this.autoFillUtil=new A,this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var t,i,e,a,r;o&&o.key?this.isExpanded?n(o)?(m(o),null===(t=this.listEl)||void 0===t||t.focusNext()):d(o)?(m(o),null===(i=this.listEl)||void 0===i||i.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(m(o),null===(e=this.listEl)||void 0===e||e.focusFirst()):"End"===o.key||"PageDown"===o.key?(m(o),null===(a=this.listEl)||void 0===a||a.focusLast()):c(o)?(m(o),null===(r=this.listEl)||void 0===r||r.selectByFocus()):"Tab"===o.key||h(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):c(o)||p(o)?(m(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.inputLabel="",this.ariaForm=f,this.language=L.language,this.region=L.region,this.httpFormSubmit=L.httpFormSubmit,this.labelToFocus="",this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.icon="caret-down",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[]}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,t){this.valueUtil.valueChanged(o,t)}connectedCallback(){this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)}async componentWillRender(){this.inheritedAttributes=w(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async listenToOptionChange(o){this.optionUtil.listenToOptionChange(o)}listenOnClickOutside(o){this.eventsUtil.handleOutsideClick(o)}resetHandler(o){this.formSubmitUtil.handle(o)}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await y(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const t=b.block("dropdown");return o(e,{class:Object.assign({},t.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").class()),t.element("root").modifier("focused").class(this.hasFocus)),t.element("root").modifier("invalid").class(this.invalid)),t.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{class:Object.assign(Object.assign(Object.assign({},t.element("root").element("content").class()),t.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},o(I,{filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o(H,{name:this.name,inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(q,{name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(B,{icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),o(T,{inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",null)))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};r([u("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],$.prototype,"createLogger",null),r([z(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],$.prototype,"configChanged",null);let W=0;$.style=":root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-size:var(--bal-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__rear{z-index:1}";export{$ as bal_dropdown}
+import{h as o,r as t,c as i,H as e,g as a}from"./p-d7c752c6.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{o as s,q as n,s as d,h as c,u as h,e as p}from"./p-f5940253.js";import{B as b}from"./p-ae86d0a0.js";import{L as u}from"./p-b77e3348.js";import{s as m}from"./p-ad9a7657.js";import{i as w}from"./p-dd5e13d1.js";import{d as f}from"./p-f385e205.js";import{k as v,b as g,d as y}from"./p-88f18fbc.js";import{l as _}from"./p-9a3d9e17.js";import{c as x,a as k,f as j,s as O}from"./p-b80d9e4d.js";import{D as C}from"./p-9b4da619.js";import{a as F}from"./p-d9b38501.js";import{d as L}from"./p-a19d1e1d.js";import{L as z}from"./p-69e7c8d6.js";import"./p-4573c419.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";class A{constructor(){this.handleAutoFill=async o=>{if(m(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,t=await this.parseAutoFillValueWithOptions(o);if(void 0===t)return void(this.component.isAutoFilled=!1);s(t,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(t,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const t=await this.component.listEl.getOptions();for(let i=0;i<t.length;i++){const e=t[i];if(e.value===o||e.label===o)return[e.value]}}}const D={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class E{connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,v((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var t;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,v((()=>this.component.balBlur.emit(o)))))}}class S{connectedCallback(o){this.component=o}focusOptionByLabel(o,t={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,t)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class V{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const t=o.target;(null==t?void 0:t.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const q=({name:t,httpFormSubmit:i,multiple:e,required:a,disabled:r,rawValue:l,refSelectEl:s})=>{const n=b.block("dropdown");return i?o("select",{class:Object.assign({},n.element("root").element("select").class()),"aria-hidden":"true",name:t,multiple:e,required:a,disabled:r,tabindex:-1,ref:s},l.map((t=>o("option",{key:t,value:t,selected:!0},t)))):""},B=({icon:t,language:i,loading:e,clearable:a,invalid:r,filled:l,expanded:s,disabled:n})=>{const d=b.block("dropdown");return e?o("bal-spinner",{class:Object.assign({},d.element("rear").class()),small:!0,variation:"circle"}):a&&l&&!n?o("button",{title:D[i].clearable,class:Object.assign(Object.assign(Object.assign({},d.element("rear").class()),d.element("clear").class()),d.element("clear").modifier("invalid").class(r))},o("bal-icon",{class:Object.assign({},d.element("rear").class()),name:"close-circle",size:"",color:"grey"})):o("bal-icon",{class:Object.assign({},d.element("rear").class()),name:t,turn:s,color:n?"grey":r?"danger":"primary"})},T=({inputId:t,isExpanded:i,rawOptions:e,isDisabled:a,hasPropOptions:r,required:l,filter:s,multiple:n,contentHeight:d,refPanelEl:c,refListEl:h})=>{const p=b.block("dropdown");return o("div",{id:`${t}-menu`,class:Object.assign(Object.assign({},p.element("list").class()),p.element("list").modifier("expanded").class(i)),ref:c},o("bal-option-list",{multiple:n,disabled:a,filter:s,required:l,contentHeight:d,ref:h},o("slot",null),r?e.map((t=>o("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label))):""))};class R{constructor(){this.updatePanelPosition=(o,t)=>()=>{x(o,t,{placement:"bottom-start",middleware:[j(),O()]}).then((({x:o,y:i})=>{Object.assign(t.style,{left:`${o}px`,top:`${i}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;this.component.panelEl&&(this.component.panelCleanup=k(this.component.el,this.component.panelEl,this.updatePanelPosition(this.component.el,this.component.panelEl))),this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class P{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,t){const i=typeof o;i!==typeof t&&this.updateRawValueByValueProp(o),"string"===i&&o!==t&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(t)&&!s(o,t)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],t=!1){this.component.isAutoFilled=t,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let t=[];return _(o)||""===o||(t=Array.isArray(o)?[...o.filter((o=>!_(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),t}updateRawValueByValueProp(o=[]){const t=this.parseValueString(o);this.updateRawValue(t)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const t=this.component.rawValue.filter((t=>t!==o.value));this.updateRawValueBySelection(t)}async updateInputContent(){await g(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const I=({filled:t,chips:i,placeholder:e,choices:a,invalid:r,disabled:l,readonly:s,onRemoveChip:n})=>{const d=b.block("dropdown");return t?i?o("div",{class:Object.assign({},d.element("root").element("content").element("chips").class())},a.map((t=>o("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:r,disabled:l||s,closable:!(l||s),onBalCloseClick:()=>n(t)},t.label)))):a.map((o=>o.label)).join(", "):e},H=({name:t,inputId:i,httpFormSubmit:e,ariaForm:a,rawValue:r,autocomplete:l,required:s,disabled:n,readonly:d,placeholder:c,expanded:h,invalid:p,language:u,inputLabel:m,inheritedAttributes:w,refInputEl:f,onChange:v,onFocus:g,onBlur:y,onKeyDown:_})=>{const x=b.block("dropdown"),k=()=>o("input",Object.assign({id:a.controlId||`${i}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:t,autoComplete:l,value:r.join(","),required:s,disabled:n,readonly:d,placeholder:c,title:h?D[u].close:D[u].open,"aria-label":h?D[u].close:D[u].open,"aria-owns":`${i}-menu`,"aria-invalid":F(p),"aria-disabled":F(n||d),"aria-labelledby":a.labelId,"aria-describedby":a.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":m,"data-value":r.join(","),ref:o=>f(o),onChange:o=>v(o),onFocus:o=>g(o),onBlur:o=>y(o),onKeyDown:o=>_(o)},w));return e?o(k,null):o("form",{novalidate:!0},o(k,null))},$=class{constructor(o){t(this,o),this.balChange=i(this,"balChange",7),this.balFocus=i(this,"balFocus",7),this.balBlur=i(this,"balBlur",7),this.inputId="bal-dropdown-"+W++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new P,this.eventsUtil=new E,this.popupUtil=new R,this.optionUtil=new C,this.formSubmitUtil=new V,this.focusUtil=new S,this.autoFillUtil=new A,this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var t,i,e,a,r;o&&o.key?this.isExpanded?n(o)?(m(o),null===(t=this.listEl)||void 0===t||t.focusNext()):d(o)?(m(o),null===(i=this.listEl)||void 0===i||i.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(m(o),null===(e=this.listEl)||void 0===e||e.focusFirst()):"End"===o.key||"PageDown"===o.key?(m(o),null===(a=this.listEl)||void 0===a||a.focusLast()):c(o)?(m(o),null===(r=this.listEl)||void 0===r||r.selectByFocus()):"Tab"===o.key||h(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):c(o)||p(o)?(m(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.inputLabel="",this.ariaForm=f,this.language=L.language,this.region=L.region,this.httpFormSubmit=L.httpFormSubmit,this.labelToFocus="",this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.icon="caret-down",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[]}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,t){this.valueUtil.valueChanged(o,t)}connectedCallback(){this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)}async componentWillRender(){this.inheritedAttributes=w(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async listenToOptionChange(o){this.optionUtil.listenToOptionChange(o)}listenOnClickOutside(o){this.eventsUtil.handleOutsideClick(o)}resetHandler(o){this.formSubmitUtil.handle(o)}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await y(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const t=b.block("dropdown");return o(e,{class:Object.assign({},t.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").class()),t.element("root").modifier("focused").class(this.hasFocus)),t.element("root").modifier("invalid").class(this.invalid)),t.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{class:Object.assign(Object.assign(Object.assign({},t.element("root").element("content").class()),t.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},o(I,{filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o(H,{name:this.name,inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(q,{name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(B,{icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),o(T,{inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",null)))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};r([u("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],$.prototype,"createLogger",null),r([z(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],$.prototype,"configChanged",null);let W=0;$.style=":root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-size:var(--bal-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__rear{z-index:1}";export{$ as bal_dropdown}

package/dist/baloise-design-system/{p-a52564d27f.system.entry.js → p-d059465399.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,s){function u(t){try{f(e.next(t))}catch(t){s(t)}}function a(t){try{f(e["throw"](t))}catch(t){s(t)}}function f(t){t.done?i(t.value):r(t.value).then(u,a)}f((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(n){return f([t,n])}}function f(a){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(i=0)),i)try{if(e=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=n.call(t,i)}catch(t){a=[6,t];r=0}finally{e=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,n,i){if(i||arguments.length===2)for(var e=0,r=n.length,s;e<r;e++){if(s||!(e in n)){if(!s)s=Array.prototype.slice.call(n,0,e);s[e]=n[e]}}return t.concat(s||Array.prototype.slice.call(n))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-d2ee9b0a.system.js","./p-8954495d.system.js","./p-8949aa8b.system.js","./p-8a87b9a8.system.js","./p-bb6304d0.system.js","./p-145d5c4e.system.js","./p-db0895e2.system.js","./p-6e5745c8.system.js","./p-23bdd8dc.system.js","./p-6913b916.system.js","./p-ba579059.system.js","./p-056b22a7.system.js","./p-0177e3a0.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-2880433e.system.js"],(function(t){"use strict";var n,i,e,r,s,u,a,f,o,c,h,l,d,v,b,p,y,m,_,g,j,w,k,x,F,O,A,C,I,K,P,S,T,V,B;return{setters:[function(t){n=t.r;i=t.c;e=t.h;r=t.H;s=t.g},function(t){u=t._;a=t.a},function(t){f=t.h;o=t.a;c=t.i;h=t.e;l=t.f;d=t.k;v=t.l;b=t.s;p=t.b;y=t.j;m=t.c;_=t.d},function(t){g=t.m},function(t){j=t.i},function(t){w=t.w;k=t.x;x=t.v},function(t){F=t.a;O=t.d},function(t){A=t.g},function(t){C=t.B},function(t){I=t.d},function(t){K=t.L},function(t){P=t.l},function(t){S=t.N;T=t.A},function(t){V=t.i},function(t){B=t.L},function(){},function(){},function(){}],execute:function(){var E="[object Number]";var G=Object.prototype;var q=G.toString;function z(t){return!!t&&typeof t=="object"}function D(t){return L(t)&&t!=+t}function L(t){return typeof t=="number"||z(t)&&q.call(t)==E}var N=D;var H=function(){var t=A();return t&&t.locale||F};var J=function(){return w(H())};var M=function(){return k(H())};var Q=function(t,n){return x(H(),t,n)};var R=function(){return"-"};function U(t){return typeof t==="string"&&M()!=="."}function W(t){var n=parseFloat(t);return typeof n==="number"&&!N(n)}function X(t){return!W(t)&&t!==""&&t!==R()&&t!==J()}function Y(t,n){if(n===void 0){n=0}var i=t;if(i===""||i===undefined||i===null||N(i)||i===R()||i===J()||!W(i)){return undefined}if(U(i)){i=i.split(M()).join("").split("`").join("").split("'").join("")}return n===0?parseInt(i,10):parseFloat(i)}function Z(t,n){if(n===void 0){n=0}var i=t;if(P(i)){return""}if(U(i)){i=i.split(M()).join("").split("`").join("").split("'").join("")}if(i.charAt(0)===J()){i="0".concat(i)}var e=n===0?parseInt(i,10):parseFloat(i.replace(J(),"."));return N(e)?"":e.toFixed(n)}function $(t){return t.replace(".",J())}function tt(t,n,i){if(n===void 0){n=0}if(i===void 0){i=""}if(P(t)){return""}if(t.charAt(0)===J()){t="0".concat(t)}var e=n===0?parseInt(t,10):parseFloat(t);var r=i!==""?" ".concat(i.trim()):"";return N(e)?"":Q(e,n)+r}var nt=function(t){return(t.split(J())||[]).length-1||0};function it(t){var n=t.key,i=t.ctrlKey,e=t.metaKey,r=t.selectionStart,s=t.selectionEnd,u=t.newValue,a=t.decimal;if(["a","c","v"].includes(n)&&(i||e)){return true}if(n===R()&&r&&r>0&&s&&s>0){return false}if(n===J()){if(a===0){return false}else if(nt(u)>1){return false}}if(!__spreadArray(__spreadArray(__spreadArray([],S,true),T,true),[J(),R()],false).includes(n)){return false}if(a!==0&&u.includes(J())&&__spreadArray([],S,true).includes(n)){var f=u.split(J());var o=f[f.length-1];if(o.length>a){return false}}return true}var et=".bal-number-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}";var rt=et;var st=t("bal_number_input",function(){function t(t){var e=this;n(this,t);this.balInput=i(this,"balInput",7);this.balChange=i(this,"balChange",7);this.balBlur=i(this,"balBlur",7);this.balFocus=i(this,"balFocus",7);this.balKeyPress=i(this,"balKeyPress",7);this.inputId="bal-number-input-".concat(ut++);this.inheritedAttributes={};this.lastValue="";this.inputValue=this.value;this.initialValue=undefined;this.onClick=function(t){return f(e,t)};this.handleClick=function(t){return o(e,t)};this.onInput=function(t){var n;if(e.nativeInput){if(X(e.nativeInput.value)){e.nativeInputValue=e.lastValue||"";return}}e.lastValue=((n=e.nativeInput)===null||n===void 0?void 0:n.value)||"";e.balInput.emit(Y(e.lastValue,e.decimal))};this.onFocus=function(t){c(e,t);if(e.nativeInput){e.nativeInputValue=$(e.lastValue||"");clearTimeout(e.selectTimeout);e.selectTimeout=setTimeout((function(){return e.nativeInput.select()}))}};this.onBlur=function(t){h(e,t);if(e.nativeInput){e.lastValue=Z(e.lastValueGetter,e.decimal);e.nativeInputValue=tt(e.lastValueGetter,e.decimal,e.suffix);e.nativeInput.value=e.nativeInputValue}e.inputValue=Y(e.lastValueGetter,e.decimal);l(e)};this.onKeydown=function(t){var n=d(e);var i=v(e,t);var r=t===null||t===void 0?void 0:t.target;if(r&&!it({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:e.decimal,newValue:i,oldValue:n,selectionStart:r.selectionStart,selectionEnd:r.selectionEnd})){return b(t)}};this.focused=false;this.language=O.language;this.region=O.region;this.ariaForm=I;this.nativeInputValue="";this.inputPattern=this.createPattern();this.name=this.inputId;this.invalid=false;this.decimal=0;this.suffix=undefined;this.pattern=undefined;this.placeholder=undefined;this.required=false;this.disabled=false;this.readonly=false;this.exactNumber=false;this.max=undefined;this.min=undefined;this.debounce=0;this.value=undefined;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=g(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,n){if(t!==n){var i=t===""||P(t)||N(t);var e=this.exactNumber?"0":"";var r=i?e:t.toString();this.inputValue=Y(Z(r,this.decimal),this.decimal);this.lastValue=Z(r,this.decimal);if(this.focused){this.nativeInputValue=$(this.lastValue)}else{this.nativeInputValue=tt(this.lastValue,this.decimal,this.suffix)}}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||0;if(this.value!==undefined){this.valueChanged(this.value,undefined)}};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=j(this.el,["aria-label","tabindex","title"])};t.prototype.listenOnClick=function(t){p(this,t)};t.prototype.resetHandler=function(t){var n=t.target;if(n===null||n===void 0?void 0:n.contains(this.el)){y(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=t.language;this.region=t.region;this.inputPattern=this.createPattern();if(this.nativeInput){if(this.focused){this.nativeInputValue=$(this.lastValue)}else{this.nativeInputValue=tt(this.lastValue,this.decimal,this.suffix)}}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){m(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){_(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.createPattern=function(){if(this.pattern){return this.pattern}var t=this.suffix||"";if(t!==""){t=" ".concat(t)}var n=M();var i=J();if(i===","){i="\\,"}return"-?\\d{1,3}(?:".concat(n,"\\d{3})*(?:\\").concat(i,"\\d{1,2})?(?:").concat(t,")?")};Object.defineProperty(t.prototype,"lastValueGetter",{get:function(){if(this.exactNumber&&(P(this.lastValue)||V(this.lastValue))){return"0"}return this.lastValue},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var n=C.block("number-input");return e(r,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},n.class())},e("input",Object.assign({class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:function(n){return t.nativeInput=n},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:function(n){return t.onInput(n)},onFocus:function(n){return t.onFocus(n)},onBlur:function(n){return t.onBlur(n)},onClick:this.onClick,onKeyDown:function(n){return t.onKeydown(n)},onKeyPress:function(n){return t.balKeyPress.emit(n)}},this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());u([K("bal-number-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],st.prototype,"createLogger",null);u([B(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],st.prototype,"configChanged",null);var ut=0;st.style=rt}}}));
+var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,s){function u(t){try{f(e.next(t))}catch(t){s(t)}}function a(t){try{f(e["throw"](t))}catch(t){s(t)}}function f(t){t.done?i(t.value):r(t.value).then(u,a)}f((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(n){return f([t,n])}}function f(a){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(i=0)),i)try{if(e=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=n.call(t,i)}catch(t){a=[6,t];r=0}finally{e=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,n,i){if(i||arguments.length===2)for(var e=0,r=n.length,s;e<r;e++){if(s||!(e in n)){if(!s)s=Array.prototype.slice.call(n,0,e);s[e]=n[e]}}return t.concat(s||Array.prototype.slice.call(n))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-d2ee9b0a.system.js","./p-8954495d.system.js","./p-8949aa8b.system.js","./p-71588db3.system.js","./p-bb6304d0.system.js","./p-145d5c4e.system.js","./p-db0895e2.system.js","./p-6e5745c8.system.js","./p-23bdd8dc.system.js","./p-6913b916.system.js","./p-ba579059.system.js","./p-056b22a7.system.js","./p-0177e3a0.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-2880433e.system.js"],(function(t){"use strict";var n,i,e,r,s,u,a,f,o,c,h,l,d,v,b,p,y,m,_,g,j,w,k,x,F,O,A,C,I,K,P,S,T,V,B;return{setters:[function(t){n=t.r;i=t.c;e=t.h;r=t.H;s=t.g},function(t){u=t._;a=t.a},function(t){f=t.h;o=t.a;c=t.i;h=t.e;l=t.f;d=t.k;v=t.l;b=t.s;p=t.b;y=t.j;m=t.c;_=t.d},function(t){g=t.m},function(t){j=t.i},function(t){w=t.w;k=t.x;x=t.v},function(t){F=t.a;O=t.d},function(t){A=t.g},function(t){C=t.B},function(t){I=t.d},function(t){K=t.L},function(t){P=t.l},function(t){S=t.N;T=t.A},function(t){V=t.i},function(t){B=t.L},function(){},function(){},function(){}],execute:function(){var E="[object Number]";var G=Object.prototype;var q=G.toString;function z(t){return!!t&&typeof t=="object"}function D(t){return L(t)&&t!=+t}function L(t){return typeof t=="number"||z(t)&&q.call(t)==E}var N=D;var H=function(){var t=A();return t&&t.locale||F};var J=function(){return w(H())};var M=function(){return k(H())};var Q=function(t,n){return x(H(),t,n)};var R=function(){return"-"};function U(t){return typeof t==="string"&&M()!=="."}function W(t){var n=parseFloat(t);return typeof n==="number"&&!N(n)}function X(t){return!W(t)&&t!==""&&t!==R()&&t!==J()}function Y(t,n){if(n===void 0){n=0}var i=t;if(i===""||i===undefined||i===null||N(i)||i===R()||i===J()||!W(i)){return undefined}if(U(i)){i=i.split(M()).join("").split("`").join("").split("'").join("")}return n===0?parseInt(i,10):parseFloat(i)}function Z(t,n){if(n===void 0){n=0}var i=t;if(P(i)){return""}if(U(i)){i=i.split(M()).join("").split("`").join("").split("'").join("")}if(i.charAt(0)===J()){i="0".concat(i)}var e=n===0?parseInt(i,10):parseFloat(i.replace(J(),"."));return N(e)?"":e.toFixed(n)}function $(t){return t.replace(".",J())}function tt(t,n,i){if(n===void 0){n=0}if(i===void 0){i=""}if(P(t)){return""}if(t.charAt(0)===J()){t="0".concat(t)}var e=n===0?parseInt(t,10):parseFloat(t);var r=i!==""?" ".concat(i.trim()):"";return N(e)?"":Q(e,n)+r}var nt=function(t){return(t.split(J())||[]).length-1||0};function it(t){var n=t.key,i=t.ctrlKey,e=t.metaKey,r=t.selectionStart,s=t.selectionEnd,u=t.newValue,a=t.decimal;if(["a","c","v"].includes(n)&&(i||e)){return true}if(n===R()&&r&&r>0&&s&&s>0){return false}if(n===J()){if(a===0){return false}else if(nt(u)>1){return false}}if(!__spreadArray(__spreadArray(__spreadArray([],S,true),T,true),[J(),R()],false).includes(n)){return false}if(a!==0&&u.includes(J())&&__spreadArray([],S,true).includes(n)){var f=u.split(J());var o=f[f.length-1];if(o.length>a){return false}}return true}var et=".bal-number-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}";var rt=et;var st=t("bal_number_input",function(){function t(t){var e=this;n(this,t);this.balInput=i(this,"balInput",7);this.balChange=i(this,"balChange",7);this.balBlur=i(this,"balBlur",7);this.balFocus=i(this,"balFocus",7);this.balKeyPress=i(this,"balKeyPress",7);this.inputId="bal-number-input-".concat(ut++);this.inheritedAttributes={};this.lastValue="";this.inputValue=this.value;this.initialValue=undefined;this.onClick=function(t){return f(e,t)};this.handleClick=function(t){return o(e,t)};this.onInput=function(t){var n;if(e.nativeInput){if(X(e.nativeInput.value)){e.nativeInputValue=e.lastValue||"";return}}e.lastValue=((n=e.nativeInput)===null||n===void 0?void 0:n.value)||"";e.balInput.emit(Y(e.lastValue,e.decimal))};this.onFocus=function(t){c(e,t);if(e.nativeInput){e.nativeInputValue=$(e.lastValue||"");clearTimeout(e.selectTimeout);e.selectTimeout=setTimeout((function(){return e.nativeInput.select()}))}};this.onBlur=function(t){h(e,t);if(e.nativeInput){e.lastValue=Z(e.lastValueGetter,e.decimal);e.nativeInputValue=tt(e.lastValueGetter,e.decimal,e.suffix);e.nativeInput.value=e.nativeInputValue}e.inputValue=Y(e.lastValueGetter,e.decimal);l(e)};this.onKeydown=function(t){var n=d(e);var i=v(e,t);var r=t===null||t===void 0?void 0:t.target;if(r&&!it({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:e.decimal,newValue:i,oldValue:n,selectionStart:r.selectionStart,selectionEnd:r.selectionEnd})){return b(t)}};this.focused=false;this.language=O.language;this.region=O.region;this.ariaForm=I;this.nativeInputValue="";this.inputPattern=this.createPattern();this.name=this.inputId;this.invalid=false;this.decimal=0;this.suffix=undefined;this.pattern=undefined;this.placeholder=undefined;this.required=false;this.disabled=false;this.readonly=false;this.exactNumber=false;this.max=undefined;this.min=undefined;this.debounce=0;this.value=undefined;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=g(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,n){if(t!==n){var i=t===""||P(t)||N(t);var e=this.exactNumber?"0":"";var r=i?e:t.toString();this.inputValue=Y(Z(r,this.decimal),this.decimal);this.lastValue=Z(r,this.decimal);if(this.focused){this.nativeInputValue=$(this.lastValue)}else{this.nativeInputValue=tt(this.lastValue,this.decimal,this.suffix)}}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||0;if(this.value!==undefined){this.valueChanged(this.value,undefined)}};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=j(this.el,["aria-label","tabindex","title"])};t.prototype.listenOnClick=function(t){p(this,t)};t.prototype.resetHandler=function(t){var n=t.target;if(n===null||n===void 0?void 0:n.contains(this.el)){y(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=t.language;this.region=t.region;this.inputPattern=this.createPattern();if(this.nativeInput){if(this.focused){this.nativeInputValue=$(this.lastValue)}else{this.nativeInputValue=tt(this.lastValue,this.decimal,this.suffix)}}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){m(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){_(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.createPattern=function(){if(this.pattern){return this.pattern}var t=this.suffix||"";if(t!==""){t=" ".concat(t)}var n=M();var i=J();if(i===","){i="\\,"}return"-?\\d{1,3}(?:".concat(n,"\\d{3})*(?:\\").concat(i,"\\d{1,2})?(?:").concat(t,")?")};Object.defineProperty(t.prototype,"lastValueGetter",{get:function(){if(this.exactNumber&&(P(this.lastValue)||V(this.lastValue))){return"0"}return this.lastValue},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var n=C.block("number-input");return e(r,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},n.class())},e("input",Object.assign({class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:function(n){return t.nativeInput=n},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:function(n){return t.onInput(n)},onFocus:function(n){return t.onFocus(n)},onBlur:function(n){return t.onBlur(n)},onClick:this.onClick,onKeyDown:function(n){return t.onKeydown(n)},onKeyPress:function(n){return t.balKeyPress.emit(n)}},this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());u([K("bal-number-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],st.prototype,"createLogger",null);u([B(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],st.prototype,"configChanged",null);var ut=0;st.style=rt}}}));

package/dist/baloise-design-system/p-d1bee6d3.system.js

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var t=function(e,n){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))t[n]=e[n]};return t(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");t(e,n);function i(){this.constructor=e}e.prototype=n===null?Object.create(n):(i.prototype=n.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,u){function s(t){try{f(i.next(t))}catch(t){u(t)}}function o(t){try{f(i["throw"](t))}catch(t){u(t)}}function f(t){t.done?n(t.value):r(t.value).then(s,o)}f((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},i,r,u,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return f([t,e])}}function f(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)try{if(i=1,r&&(u=o[0]&2?r["return"]:o[0]?r["throw"]||((u=r["return"])&&u.call(r),0):r.next)&&!(u=u.call(r,o[1])).done)return u;if(r=0,u)o=[o[0]&2,u.value];switch(o[0]){case 0:case 1:u=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(u=n.trys,u=u.length>0&&u[u.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!u||o[1]>u[0]&&o[1]<u[3])){n.label=o[1];break}if(o[0]===6&&n.label<u[1]){n.label=u[1];u=o;break}if(u&&n.label<u[2]){n.label=u[2];n.ops.push(o);break}if(u[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(t){o=[6,t];r=0}finally{i=u=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-8954495d.system.js","./p-a1f6e944.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-08aebcfa.system.js"],(function(t){"use strict";var e,n,i,r,u,s,o,f,c,a,h,l;return{setters:[function(t){e=t.h;n=t.j;i=t.r},function(t){r=t.b},function(t){u=t.b},function(t){s=t.L;o=t.S},function(t){f=t.b;c=t.a;a=t.c;h=t.d;l=t.e}],execute:function(){var b=function(){function t(t){if(t===void 0){t={}}this.previousWidth=r.window.width;this.previousHeight=r.window.height;this.previousIsLandscape=this.isLandscape;this.options={onlyListenToWidthChanges:false};this.options=Object.assign(Object.assign({},this.options),t)}t.prototype.hasResized=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(u.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape){this.resetPreviousValues();return[2,true]}}else{if(this.options.onlyListenToWidthChanges){if(!this.sameWidth){this.resetPreviousValues();return[2,true]}}else{if(!this.sameWidth||!this.sameHeight){this.resetPreviousValues();return[2,true]}}}return[2,false]}))}))};Object.defineProperty(t.prototype,"isLandscape",{get:function(){return r.window.width>r.window.height},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"sameWidth",{get:function(){return this.previousWidth===r.window.width},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"sameHeight",{get:function(){return this.previousHeight===r.window.height},enumerable:false,configurable:true});t.prototype.resetPreviousValues=function(){this.previousWidth=r.window.width;this.previousHeight=r.window.height;this.previousIsLandscape=this.isLandscape};return t}();var v=function(t){__extends(r,t);function r(){var n=t.apply(this,arguments)||this;n.resizeHandler=new b({onlyListenToWidthChanges:true});n.debouncedNotify=e((function(){return n.notify()}),100);n.notify=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.resizeHandler.hasResized()];case 1:if(e.sent()){t.prototype.notify.call(this,undefined)}return[2]}}))}))};return n}r.prototype.connect=function(e){t.prototype.connect.call(this,e);if(this.el){n(this.el,"resize",this.debouncedNotify,{passive:true})}};r.prototype.disconnect=function(){t.prototype.disconnect.call(this);if(this.el){i(this.el,"resize",this.debouncedNotify)}};return r}(s);t("B",v);var d=function(t){return parseInt(t.slice(0,-2),10)};var g=d(l);var w=d(f);var m=d(c);var _=d(a);var j=d(h);var y=function(t){var e=t.innerWidth;return e<g};var p=function(t){var e=t.innerWidth;return e>=g&&e<w};var O=function(t){return y(t)||p(t)};var k=function(t){return!O(t)};var D=function(t){var e=t.innerWidth;return e>=m&&e<_};var x=function(t){var e=t.innerWidth;return e>=_&&e<j};var S=function(t){var e=t.innerWidth;return e>=j};var T={mobile:y,tablet:p,touch:O,desktop:k,highDefinition:D,widescreen:x,fullhd:S};var W=function(){function t(){this.breakpoints=[];if(r.hasWindow){this.win=window;this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{};this.detect()}}Object.defineProperty(t.prototype,"isMobile",{get:function(){return this.includes("mobile")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTablet",{get:function(){return this.includes("tablet")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTouch",{get:function(){return this.includes("touch")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isDesktop",{get:function(){return this.includes("desktop")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isHighDefinition",{get:function(){return this.includes("highDefinition")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isWidescreen",{get:function(){return this.includes("widescreen")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isFullHD",{get:function(){return this.includes("fullhd")},enumerable:false,configurable:true});t.prototype.includes=function(t){var e;this.detect();return!!((e=this.breakpoints)===null||e===void 0?void 0:e.includes(t))};t.prototype.detect=function(){var t=this;if(this.win){this.breakpoints=Object.keys(T).filter((function(e){return T[e](t.win)}));this.win.BaloiseDesignSystem.breakpoints=this.breakpoints;this.win.BaloiseDesignSystem.platforms=this.breakpoints}return this.breakpoints};t.prototype.toObject=function(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}};return t}();t("d",W);var C=t("b",new W);var H={mobile:false,tablet:false,touch:false,desktop:false,highDefinition:false,widescreen:false,fullhd:false};var L=function(t){__extends(n,t);function n(){var n=t.call(this,(function(t){return t.breakpointListener(n.state)}))||this;n.state=H;n.listener=new v;n.debouncedNotify=e((function(){return n.notify()}),50);n.listener.connect();n.listener.add((function(){C.detect();var t=C.toObject();if(!n.isEqual(t)){n.state=t;n.debouncedNotify()}}));return n}n.prototype.attach=function(e){t.prototype.attach.call(this,e);C.detect();var n=C.toObject();if(!this.isEqual(n)){this.state=n;this.debouncedNotify()}};n.prototype.isEqual=function(t){return JSON.stringify(this.state)===JSON.stringify(t)};return n}(o);t("c",L);var z=t("a",new L)}}}));

package/dist/baloise-design-system/{p-0295f5df96.entry.js → p-d311d2eaaa.entry.js}

@@ -1 +1 @@
-import{h as e,r as t,c as a,H as s,g as o}from"./p-d7c752c6.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{m as i}from"./p-88f18fbc.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{o as p}from"./p-94efe2aa.js";import{s as c}from"./p-ad9a7657.js";import{n as _}from"./p-06ecf846.js";import{b as d}from"./p-e851f284.js";import{L as v}from"./p-3231863d.js";import{L as m}from"./p-f7091a61.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-ec4875a2.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:r})=>{const l=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(`color-${a}`).class()),l.modifier("done").class(t.done)),l.modifier("active").class(t.active)),l.modifier("failed").class(t.failed)),l.modifier("disabled").class(t.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>r(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+k++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.isMobile=d.isMobile,this.store=[],this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,r=-1;const l=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(r+=1),Object.assign(Object.assign({},e),{passed:o,index:r}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},e("bal-carousel",{class:Object.assign({},a.element("carousel").class()),htmlRole:"",onBalChange:c,controls:"small","items-per-view":"auto",steps:3},l.filter((e=>!e.invisible)).map((t=>e("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier(`color-${this.color}`).class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};r([n("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],f.prototype,"createLogger",null),r([v({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],f.prototype,"mutationListener",null),r([m(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],f.prototype,"breakpointListener",null);let k=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-passed-background-light-blue)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-passed-background-purple)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-passed-background-red)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-passed-background-yellow)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-passed-background-green)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}
+import{h as e,r as t,c as a,H as s,g as o}from"./p-d7c752c6.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{m as i}from"./p-88f18fbc.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{o as p}from"./p-f5940253.js";import{s as c}from"./p-ad9a7657.js";import{n as _}from"./p-06ecf846.js";import{b as d}from"./p-b2470c06.js";import{L as v}from"./p-3231863d.js";import{L as m}from"./p-209c2224.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-7847862b.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:r})=>{const l=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(`color-${a}`).class()),l.modifier("done").class(t.done)),l.modifier("active").class(t.active)),l.modifier("failed").class(t.failed)),l.modifier("disabled").class(t.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>r(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+k++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.isMobile=d.isMobile,this.store=[],this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,r=-1;const l=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(r+=1),Object.assign(Object.assign({},e),{passed:o,index:r}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},e("bal-carousel",{class:Object.assign({},a.element("carousel").class()),htmlRole:"",onBalChange:c,controls:"small","items-per-view":"auto",steps:3},l.filter((e=>!e.invisible)).map((t=>e("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier(`color-${this.color}`).class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};r([n("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],f.prototype,"createLogger",null),r([v({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],f.prototype,"mutationListener",null),r([m(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],f.prototype,"breakpointListener",null);let k=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-passed-background-light-blue)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-passed-background-purple)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-passed-background-red)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-passed-background-yellow)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-passed-background-green)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}