@baloise/ds-core 16.5.0 → 16.5.1-nightly.20240926

package/dist/baloise-design-system/{p-8e17b76e7c.system.entry.js → p-7d2709b193.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,i,e,n){function r(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,s){function o(t){try{u(n.next(t))}catch(t){s(t)}}function f(t){try{u(n["throw"](t))}catch(t){s(t)}}function u(t){t.done?e(t.value):r(t.value).then(o,f)}u((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,o;return o={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function f(t){return function(i){return u([t,i])}}function u(f){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,f[0]&&(e=0)),e)try{if(n=1,r&&(s=f[0]&2?r["return"]:f[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,f[1])).done)return s;if(r=0,s)f=[f[0]&2,s.value];switch(f[0]){case 0:case 1:s=f;break;case 4:e.label++;return{value:f[1],done:false};case 5:e.label++;r=f[1];f=[0];continue;case 7:f=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(f[0]===6||f[0]===2)){e=0;continue}if(f[0]===3&&(!s||f[1]>s[0]&&f[1]<s[3])){e.label=f[1];break}if(f[0]===6&&e.label<s[1]){e.label=s[1];s=f;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(f);break}if(s[2])e.ops.pop();e.trys.pop();continue}f=i.call(t,e)}catch(t){f=[6,t];r=0}finally{n=s=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-2880433e.system.js","./p-71588db3.system.js","./p-8954495d.system.js","./p-8949aa8b.system.js","./p-d2ee9b0a.system.js","./p-db0895e2.system.js","./p-6e5745c8.system.js","./p-4c0bad70.system.js","./p-23bdd8dc.system.js","./p-bb6304d0.system.js","./p-0177e3a0.system.js","./p-6913b916.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(t){"use strict";var i,e,n,r,s,o,f,u,a,h,c,l,p,d,b,v,w,y,m,g;return{setters:[function(t){i=t.r;e=t.c;n=t.h;r=t.H;s=t.g},function(t){o=t._;f=t.a},function(t){u=t.c},function(t){a=t.v},function(t){h=t.k;c=t.m},function(t){l=t.i},function(t){p=t.s;d=t.b},function(t){b=t.B},function(t){v=t.d},function(t){w=t.i},function(t){y=t.L},function(t){m=t.d},function(t){g=t.L},function(){},function(){},function(){},function(){}],execute:function(){var j={exports:{}};(function(t){(function(i){var e,n=20,r=1,s=1e6,o=1e6,f=-7,u=21,a=false,h="[big.js] ",c=h+"Invalid ",l=c+"decimal places",p=c+"rounding mode",d=h+"Division by zero",b={},v=void 0,w=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function y(){function t(i){var e=this;if(!(e instanceof t))return i===v?y():new t(i);if(i instanceof t){e.s=i.s;e.e=i.e;e.c=i.c.slice()}else{if(typeof i!=="string"){if(t.strict===true&&typeof i!=="bigint"){throw TypeError(c+"value")}i=i===0&&1/i<0?"-0":String(i)}m(e,i)}e.constructor=t}t.prototype=b;t.DP=n;t.RM=r;t.NE=f;t.PE=u;t.strict=a;t.roundDown=0;t.roundHalfUp=1;t.roundHalfEven=2;t.roundUp=3;return t}function m(t,i){var e,n,r;if(!w.test(i)){throw Error(c+"number")}t.s=i.charAt(0)=="-"?(i=i.slice(1),-1):1;if((e=i.indexOf("."))>-1)i=i.replace(".","");if((n=i.search(/e/i))>0){if(e<0)e=n;e+=+i.slice(n+1);i=i.substring(0,n)}else if(e<0){e=i.length}r=i.length;for(n=0;n<r&&i.charAt(n)=="0";)++n;if(n==r){t.c=[t.e=0]}else{for(;r>0&&i.charAt(--r)=="0";);t.e=e-n-1;t.c=[];for(e=0;n<=r;)t.c[e++]=+i.charAt(n++)}return t}function g(t,i,e,n){var r=t.c;if(e===v)e=t.constructor.RM;if(e!==0&&e!==1&&e!==2&&e!==3){throw Error(p)}if(i<1){n=e===3&&(n||!!r[0])||i===0&&(e===1&&r[0]>=5||e===2&&(r[0]>5||r[0]===5&&(n||r[1]!==v)));r.length=1;if(n){t.e=t.e-i+1;r[0]=1}else{r[0]=t.e=0}}else if(i<r.length){n=e===1&&r[i]>=5||e===2&&(r[i]>5||r[i]===5&&(n||r[i+1]!==v||r[i-1]&1))||e===3&&(n||!!r[0]);r.length=i;if(n){for(;++r[--i]>9;){r[i]=0;if(i===0){++t.e;r.unshift(1);break}}}for(i=r.length;!r[--i];)r.pop()}return t}function j(t,i,e){var n=t.e,r=t.c.join(""),s=r.length;if(i){r=r.charAt(0)+(s>1?"."+r.slice(1):"")+(n<0?"e":"e+")+n}else if(n<0){for(;++n;)r="0"+r;r="0."+r}else if(n>0){if(++n>s){for(n-=s;n--;)r+="0"}else if(n<s){r=r.slice(0,n)+"."+r.slice(n)}}else if(s>1){r=r.charAt(0)+"."+r.slice(1)}return t.s<0&&e?"-"+r:r}b.abs=function(){var t=new this.constructor(this);t.s=1;return t};b.cmp=function(t){var i,e=this,n=e.c,r=(t=new e.constructor(t)).c,s=e.s,o=t.s,f=e.e,u=t.e;if(!n[0]||!r[0])return!n[0]?!r[0]?0:-o:s;if(s!=o)return s;i=s<0;if(f!=u)return f>u^i?1:-1;o=(f=n.length)<(u=r.length)?f:u;for(s=-1;++s<o;){if(n[s]!=r[s])return n[s]>r[s]^i?1:-1}return f==u?0:f>u^i?1:-1};b.div=function(t){var i=this,e=i.constructor,n=i.c,r=(t=new e(t)).c,o=i.s==t.s?1:-1,f=e.DP;if(f!==~~f||f<0||f>s){throw Error(l)}if(!r[0]){throw Error(d)}if(!n[0]){t.s=o;t.c=[t.e=0];return t}var u,a,h,c,p,b=r.slice(),w=u=r.length,y=n.length,m=n.slice(0,u),j=m.length,_=t,x=_.c=[],E=0,k=f+(_.e=i.e-t.e)+1;_.s=o;o=k<0?0:k;b.unshift(0);for(;j++<u;)m.push(0);do{for(h=0;h<10;h++){if(u!=(j=m.length)){c=u>j?1:-1}else{for(p=-1,c=0;++p<u;){if(r[p]!=m[p]){c=r[p]>m[p]?1:-1;break}}}if(c<0){for(a=j==u?r:b;j;){if(m[--j]<a[j]){p=j;for(;p&&!m[--p];)m[p]=9;--m[p];m[j]+=10}m[j]-=a[j]}for(;!m[0];)m.shift()}else{break}}x[E++]=c?h:++h;if(m[0]&&c)m[j]=n[w]||0;else m=[n[w]]}while((w++<y||m[0]!==v)&&o--);if(!x[0]&&E!=1){x.shift();_.e--;k--}if(E>k)g(_,k,e.RM,m[0]!==v);return _};b.eq=function(t){return this.cmp(t)===0};b.gt=function(t){return this.cmp(t)>0};b.gte=function(t){return this.cmp(t)>-1};b.lt=function(t){return this.cmp(t)<0};b.lte=function(t){return this.cmp(t)<1};b.minus=b.sub=function(t){var i,e,n,r,s=this,o=s.constructor,f=s.s,u=(t=new o(t)).s;if(f!=u){t.s=-u;return s.plus(t)}var a=s.c.slice(),h=s.e,c=t.c,l=t.e;if(!a[0]||!c[0]){if(c[0]){t.s=-u}else if(a[0]){t=new o(s)}else{t.s=1}return t}if(f=h-l){if(r=f<0){f=-f;n=a}else{l=h;n=c}n.reverse();for(u=f;u--;)n.push(0);n.reverse()}else{e=((r=a.length<c.length)?a:c).length;for(f=u=0;u<e;u++){if(a[u]!=c[u]){r=a[u]<c[u];break}}}if(r){n=a;a=c;c=n;t.s=-t.s}if((u=(e=c.length)-(i=a.length))>0)for(;u--;)a[i++]=0;for(u=i;e>f;){if(a[--e]<c[e]){for(i=e;i&&!a[--i];)a[i]=9;--a[i];a[e]+=10}a[e]-=c[e]}for(;a[--u]===0;)a.pop();for(;a[0]===0;){a.shift();--l}if(!a[0]){t.s=1;a=[l=0]}t.c=a;t.e=l;return t};b.mod=function(t){var i,e=this,n=e.constructor,r=e.s,s=(t=new n(t)).s;if(!t.c[0]){throw Error(d)}e.s=t.s=1;i=t.cmp(e)==1;e.s=r;t.s=s;if(i)return new n(e);r=n.DP;s=n.RM;n.DP=n.RM=0;e=e.div(t);n.DP=r;n.RM=s;return this.minus(e.times(t))};b.neg=function(){var t=new this.constructor(this);t.s=-t.s;return t};b.plus=b.add=function(t){var i,e,n,r=this,s=r.constructor;t=new s(t);if(r.s!=t.s){t.s=-t.s;return r.minus(t)}var o=r.e,f=r.c,u=t.e,a=t.c;if(!f[0]||!a[0]){if(!a[0]){if(f[0]){t=new s(r)}else{t.s=r.s}}return t}f=f.slice();if(i=o-u){if(i>0){u=o;n=a}else{i=-i;n=f}n.reverse();for(;i--;)n.push(0);n.reverse()}if(f.length-a.length<0){n=a;a=f;f=n}i=a.length;for(e=0;i;f[i]%=10)e=(f[--i]=f[i]+a[i]+e)/10|0;if(e){f.unshift(e);++u}for(i=f.length;f[--i]===0;)f.pop();t.c=f;t.e=u;return t};b.pow=function(t){var i=this,e=new i.constructor("1"),n=e,r=t<0;if(t!==~~t||t<-o||t>o){throw Error(c+"exponent")}if(r)t=-t;for(;;){if(t&1)n=n.times(i);t>>=1;if(!t)break;i=i.times(i)}return r?e.div(n):n};b.prec=function(t,i){if(t!==~~t||t<1||t>s){throw Error(c+"precision")}return g(new this.constructor(this),t,i)};b.round=function(t,i){if(t===v)t=0;else if(t!==~~t||t<-s||t>s){throw Error(l)}return g(new this.constructor(this),t+this.e+1,i)};b.sqrt=function(){var t,i,e,n=this,r=n.constructor,s=n.s,o=n.e,f=new r("0.5");if(!n.c[0])return new r(n);if(s<0){throw Error(h+"No square root")}s=Math.sqrt(n+"");if(s===0||s===1/0){i=n.c.join("");if(!(i.length+o&1))i+="0";s=Math.sqrt(i);o=((o+1)/2|0)-(o<0||o&1);t=new r((s==1/0?"5e":(s=s.toExponential()).slice(0,s.indexOf("e")+1))+o)}else{t=new r(s+"")}o=t.e+(r.DP+=4);do{e=t;t=f.times(e.plus(n.div(e)))}while(e.c.slice(0,o).join("")!==t.c.slice(0,o).join(""));return g(t,(r.DP-=4)+t.e+1,r.RM)};b.times=b.mul=function(t){var i,e=this,n=e.constructor,r=e.c,s=(t=new n(t)).c,o=r.length,f=s.length,u=e.e,a=t.e;t.s=e.s==t.s?1:-1;if(!r[0]||!s[0]){t.c=[t.e=0];return t}t.e=u+a;if(o<f){i=r;r=s;s=i;a=o;o=f;f=a}for(i=new Array(a=o+f);a--;)i[a]=0;for(u=f;u--;){f=0;for(a=o+u;a>u;){f=i[a]+s[u]*r[a-u-1]+f;i[a--]=f%10;f=f/10|0}i[a]=f}if(f)++t.e;else i.shift();for(u=i.length;!i[--u];)i.pop();t.c=i;return t};b.toExponential=function(t,i){var e=this,n=e.c[0];if(t!==v){if(t!==~~t||t<0||t>s){throw Error(l)}e=g(new e.constructor(e),++t,i);for(;e.c.length<t;)e.c.push(0)}return j(e,true,!!n)};b.toFixed=function(t,i){var e=this,n=e.c[0];if(t!==v){if(t!==~~t||t<0||t>s){throw Error(l)}e=g(new e.constructor(e),t+e.e+1,i);for(t=t+e.e+1;e.c.length<t;)e.c.push(0)}return j(e,false,!!n)};b.toJSON=b.toString=function(){var t=this,i=t.constructor;return j(t,t.e<=i.NE||t.e>=i.PE,!!t.c[0])};b.toNumber=function(){var t=Number(j(this,true,true));if(this.constructor.strict===true&&!this.eq(t.toString())){throw Error(h+"Imprecise conversion")}return t};b.toPrecision=function(t,i){var e=this,n=e.constructor,r=e.c[0];if(t!==v){if(t!==~~t||t<1||t>s){throw Error(c+"precision")}e=g(new n(e),t,i);for(;e.c.length<t;)e.c.push(0)}return j(e,t<=e.e||e.e<=n.NE||e.e>=n.PE,!!r)};b.valueOf=function(){var t=this,i=t.constructor;if(i.strict===true){throw Error(h+"valueOf disallowed")}return j(t,t.e<=i.NE||t.e>=i.PE,true)};e=y();e["default"]=e.Big=e;if(t.exports){t.exports=e}else{i.Big=e}})(u)})(j);var _=j.exports;var x=".bal-input-stepper{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:inline-block}.bal-input-stepper__inner{display:-ms-flexbox;display:flex;gap:.25rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-input-stepper__inner__text{min-width:3rem;text-align:center}.bal-input-stepper__input{position:absolute;width:0;height:0;left:0;top:0;margin:0;padding:0;opacity:0;outline:0}";var E=x;var k=t("bal_input_stepper",function(){function t(t){var n=this;i(this,t);this.balChange=e(this,"balChange",7);this.balInput=e(this,"balInput",7);this.balIncrease=e(this,"balIncrease",7);this.balDecrease=e(this,"balDecrease",7);this.balFocus=e(this,"balFocus",7);this.balBlur=e(this,"balBlur",7);this.inputId="bal-input-stepper-".concat(O++);this.inheritedAttributes={};this.decreaseHasFocus=false;this.increaseHasFocus=false;this.initialValue=0;this.onFocusDecrease=function(t){n.decreaseHasFocus=true;n.onFocus(t)};this.onFocusIncrease=function(t){n.increaseHasFocus=true;n.onFocus(t)};this.onFocus=function(t){p(t);n.balFocus.emit(t.detail)};this.onBlurDecrease=function(t){p(t);n.decreaseHasFocus=false;h((function(){return n.onBlur(t.detail)}))};this.onBlurIncrease=function(t){p(t);n.increaseHasFocus=false;h((function(){return n.onBlur(t.detail)}))};this.onBlur=function(t){if(!(n.decreaseHasFocus||n.increaseHasFocus)){n.balBlur.emit(t)}};this.focused=false;this.language=m.language;this.region=m.region;this.ariaForm=v;this.name=this.inputId;this.min=0;this.max=10;this.steps=1;this.disabled=false;this.readonly=false;this.invalid=false;this.debounce=0;this.value=0;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=c(this.balChange,this.debounce)};t.prototype.listenOnClick=function(t){d(this,t)};t.prototype.resetHandler=function(t){var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){this.value=this.initialValue}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title"])};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;this.region=t.region;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(i){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.increase=function(){if(!this.disabled&&!this.readonly){var t=new _(this.value).plus(this.steps).toNumber();if(t<=this.max){this.value=t;this.balInput.emit(t);this.balChange.emit(t);this.balIncrease.emit(t)}}};t.prototype.decrease=function(){if(!this.disabled&&!this.readonly){var t=new _(this.value).minus(this.steps).toNumber();if(t>=this.min){this.value=t;this.balInput.emit(t);this.balChange.emit(t);this.balDecrease.emit(t)}}};t.prototype.render=function(){var t=this;var i=b.block("input-stepper");var e=i.element("input");var s=i.element("inner");var o=s.element("text");var f=w[this.language].increase;var u=w[this.language].decrease;return n(r,{"aria-disabled":this.disabled?"true":null,"aria-focused":this.focused?"true":null,class:Object.assign({},i.class())},n("div",{class:Object.assign({},s.class())},n("bal-button",{aria:{title:u,label:u,controls:this.ariaForm.controlId||this.inputId},size:"small",square:true,"data-testid":"bal-input-stepper-decrease",outlined:!this.invalid,icon:"minus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value<=this.min,onClick:function(i){return t.decrease()},onBalFocus:function(i){return t.onFocusDecrease(i)},onBalBlur:function(i){return t.onBlurDecrease(i)}}),n("bal-text",{space:"none",color:this.disabled||this.readonly?"grey":this.invalid?"danger":"",bold:true,class:Object.assign({},o.class()),"data-testid":"bal-input-stepper-text"},a("".concat(this.language,"-").concat(this.region),this.value)),n("bal-button",{aria:{title:f,label:f,controls:this.ariaForm.controlId||this.inputId},size:"small","data-testid":"bal-input-stepper-increase",square:true,outlined:!this.invalid,icon:"plus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value>=this.max,onClick:function(i){return t.increase()},onBalFocus:function(i){return t.onFocusIncrease(i)},onBalBlur:function(i){return t.onBlurIncrease(i)}})),n("input",Object.assign({class:Object.assign({},e.class()),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,"data-testid":"bal-input-stepper",type:"text",value:this.value,name:this.name,tabindex:"-1",ref:function(i){return t.nativeInput=i},readonly:this.readonly,disabled:this.disabled},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"]}},enumerable:false,configurable:true});return t}());o([y("bal-input-stepper"),f("design:type",Function),f("design:paramtypes",[Function]),f("design:returntype",void 0)],k.prototype,"createLogger",null);o([g(),f("design:type",Function),f("design:paramtypes",[Object]),f("design:returntype",Promise)],k.prototype,"configChanged",null);var O=0;k.style=E}}}));
+var __awaiter=this&&this.__awaiter||function(t,i,e,n){function r(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,s){function o(t){try{u(n.next(t))}catch(t){s(t)}}function f(t){try{u(n["throw"](t))}catch(t){s(t)}}function u(t){t.done?e(t.value):r(t.value).then(o,f)}u((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,o;return o={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function f(t){return function(i){return u([t,i])}}function u(f){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,f[0]&&(e=0)),e)try{if(n=1,r&&(s=f[0]&2?r["return"]:f[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,f[1])).done)return s;if(r=0,s)f=[f[0]&2,s.value];switch(f[0]){case 0:case 1:s=f;break;case 4:e.label++;return{value:f[1],done:false};case 5:e.label++;r=f[1];f=[0];continue;case 7:f=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(f[0]===6||f[0]===2)){e=0;continue}if(f[0]===3&&(!s||f[1]>s[0]&&f[1]<s[3])){e.label=f[1];break}if(f[0]===6&&e.label<s[1]){e.label=s[1];s=f;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(f);break}if(s[2])e.ops.pop();e.trys.pop();continue}f=i.call(t,e)}catch(t){f=[6,t];r=0}finally{n=s=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-2880433e.system.js","./p-5c0b0099.system.js","./p-8954495d.system.js","./p-8949aa8b.system.js","./p-7957c3c0.system.js","./p-db0895e2.system.js","./p-6e5745c8.system.js","./p-4c0bad70.system.js","./p-23bdd8dc.system.js","./p-bb6304d0.system.js","./p-0177e3a0.system.js","./p-6913b916.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(t){"use strict";var i,e,n,r,s,o,f,u,a,c,h,l,p,d,b,v,w,y,m,g;return{setters:[function(t){i=t.r;e=t.c;n=t.h;r=t.H;s=t.g},function(t){o=t._;f=t.a},function(t){u=t.c},function(t){a=t.v},function(t){c=t.k;h=t.m},function(t){l=t.i},function(t){p=t.s;d=t.b},function(t){b=t.B},function(t){v=t.d},function(t){w=t.i},function(t){y=t.L},function(t){m=t.d},function(t){g=t.L},function(){},function(){},function(){},function(){}],execute:function(){var j={exports:{}};(function(t){(function(i){var e,n=20,r=1,s=1e6,o=1e6,f=-7,u=21,a=false,c="[big.js] ",h=c+"Invalid ",l=h+"decimal places",p=h+"rounding mode",d=c+"Division by zero",b={},v=void 0,w=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function y(){function t(i){var e=this;if(!(e instanceof t))return i===v?y():new t(i);if(i instanceof t){e.s=i.s;e.e=i.e;e.c=i.c.slice()}else{if(typeof i!=="string"){if(t.strict===true&&typeof i!=="bigint"){throw TypeError(h+"value")}i=i===0&&1/i<0?"-0":String(i)}m(e,i)}e.constructor=t}t.prototype=b;t.DP=n;t.RM=r;t.NE=f;t.PE=u;t.strict=a;t.roundDown=0;t.roundHalfUp=1;t.roundHalfEven=2;t.roundUp=3;return t}function m(t,i){var e,n,r;if(!w.test(i)){throw Error(h+"number")}t.s=i.charAt(0)=="-"?(i=i.slice(1),-1):1;if((e=i.indexOf("."))>-1)i=i.replace(".","");if((n=i.search(/e/i))>0){if(e<0)e=n;e+=+i.slice(n+1);i=i.substring(0,n)}else if(e<0){e=i.length}r=i.length;for(n=0;n<r&&i.charAt(n)=="0";)++n;if(n==r){t.c=[t.e=0]}else{for(;r>0&&i.charAt(--r)=="0";);t.e=e-n-1;t.c=[];for(e=0;n<=r;)t.c[e++]=+i.charAt(n++)}return t}function g(t,i,e,n){var r=t.c;if(e===v)e=t.constructor.RM;if(e!==0&&e!==1&&e!==2&&e!==3){throw Error(p)}if(i<1){n=e===3&&(n||!!r[0])||i===0&&(e===1&&r[0]>=5||e===2&&(r[0]>5||r[0]===5&&(n||r[1]!==v)));r.length=1;if(n){t.e=t.e-i+1;r[0]=1}else{r[0]=t.e=0}}else if(i<r.length){n=e===1&&r[i]>=5||e===2&&(r[i]>5||r[i]===5&&(n||r[i+1]!==v||r[i-1]&1))||e===3&&(n||!!r[0]);r.length=i;if(n){for(;++r[--i]>9;){r[i]=0;if(i===0){++t.e;r.unshift(1);break}}}for(i=r.length;!r[--i];)r.pop()}return t}function j(t,i,e){var n=t.e,r=t.c.join(""),s=r.length;if(i){r=r.charAt(0)+(s>1?"."+r.slice(1):"")+(n<0?"e":"e+")+n}else if(n<0){for(;++n;)r="0"+r;r="0."+r}else if(n>0){if(++n>s){for(n-=s;n--;)r+="0"}else if(n<s){r=r.slice(0,n)+"."+r.slice(n)}}else if(s>1){r=r.charAt(0)+"."+r.slice(1)}return t.s<0&&e?"-"+r:r}b.abs=function(){var t=new this.constructor(this);t.s=1;return t};b.cmp=function(t){var i,e=this,n=e.c,r=(t=new e.constructor(t)).c,s=e.s,o=t.s,f=e.e,u=t.e;if(!n[0]||!r[0])return!n[0]?!r[0]?0:-o:s;if(s!=o)return s;i=s<0;if(f!=u)return f>u^i?1:-1;o=(f=n.length)<(u=r.length)?f:u;for(s=-1;++s<o;){if(n[s]!=r[s])return n[s]>r[s]^i?1:-1}return f==u?0:f>u^i?1:-1};b.div=function(t){var i=this,e=i.constructor,n=i.c,r=(t=new e(t)).c,o=i.s==t.s?1:-1,f=e.DP;if(f!==~~f||f<0||f>s){throw Error(l)}if(!r[0]){throw Error(d)}if(!n[0]){t.s=o;t.c=[t.e=0];return t}var u,a,c,h,p,b=r.slice(),w=u=r.length,y=n.length,m=n.slice(0,u),j=m.length,_=t,x=_.c=[],E=0,k=f+(_.e=i.e-t.e)+1;_.s=o;o=k<0?0:k;b.unshift(0);for(;j++<u;)m.push(0);do{for(c=0;c<10;c++){if(u!=(j=m.length)){h=u>j?1:-1}else{for(p=-1,h=0;++p<u;){if(r[p]!=m[p]){h=r[p]>m[p]?1:-1;break}}}if(h<0){for(a=j==u?r:b;j;){if(m[--j]<a[j]){p=j;for(;p&&!m[--p];)m[p]=9;--m[p];m[j]+=10}m[j]-=a[j]}for(;!m[0];)m.shift()}else{break}}x[E++]=h?c:++c;if(m[0]&&h)m[j]=n[w]||0;else m=[n[w]]}while((w++<y||m[0]!==v)&&o--);if(!x[0]&&E!=1){x.shift();_.e--;k--}if(E>k)g(_,k,e.RM,m[0]!==v);return _};b.eq=function(t){return this.cmp(t)===0};b.gt=function(t){return this.cmp(t)>0};b.gte=function(t){return this.cmp(t)>-1};b.lt=function(t){return this.cmp(t)<0};b.lte=function(t){return this.cmp(t)<1};b.minus=b.sub=function(t){var i,e,n,r,s=this,o=s.constructor,f=s.s,u=(t=new o(t)).s;if(f!=u){t.s=-u;return s.plus(t)}var a=s.c.slice(),c=s.e,h=t.c,l=t.e;if(!a[0]||!h[0]){if(h[0]){t.s=-u}else if(a[0]){t=new o(s)}else{t.s=1}return t}if(f=c-l){if(r=f<0){f=-f;n=a}else{l=c;n=h}n.reverse();for(u=f;u--;)n.push(0);n.reverse()}else{e=((r=a.length<h.length)?a:h).length;for(f=u=0;u<e;u++){if(a[u]!=h[u]){r=a[u]<h[u];break}}}if(r){n=a;a=h;h=n;t.s=-t.s}if((u=(e=h.length)-(i=a.length))>0)for(;u--;)a[i++]=0;for(u=i;e>f;){if(a[--e]<h[e]){for(i=e;i&&!a[--i];)a[i]=9;--a[i];a[e]+=10}a[e]-=h[e]}for(;a[--u]===0;)a.pop();for(;a[0]===0;){a.shift();--l}if(!a[0]){t.s=1;a=[l=0]}t.c=a;t.e=l;return t};b.mod=function(t){var i,e=this,n=e.constructor,r=e.s,s=(t=new n(t)).s;if(!t.c[0]){throw Error(d)}e.s=t.s=1;i=t.cmp(e)==1;e.s=r;t.s=s;if(i)return new n(e);r=n.DP;s=n.RM;n.DP=n.RM=0;e=e.div(t);n.DP=r;n.RM=s;return this.minus(e.times(t))};b.neg=function(){var t=new this.constructor(this);t.s=-t.s;return t};b.plus=b.add=function(t){var i,e,n,r=this,s=r.constructor;t=new s(t);if(r.s!=t.s){t.s=-t.s;return r.minus(t)}var o=r.e,f=r.c,u=t.e,a=t.c;if(!f[0]||!a[0]){if(!a[0]){if(f[0]){t=new s(r)}else{t.s=r.s}}return t}f=f.slice();if(i=o-u){if(i>0){u=o;n=a}else{i=-i;n=f}n.reverse();for(;i--;)n.push(0);n.reverse()}if(f.length-a.length<0){n=a;a=f;f=n}i=a.length;for(e=0;i;f[i]%=10)e=(f[--i]=f[i]+a[i]+e)/10|0;if(e){f.unshift(e);++u}for(i=f.length;f[--i]===0;)f.pop();t.c=f;t.e=u;return t};b.pow=function(t){var i=this,e=new i.constructor("1"),n=e,r=t<0;if(t!==~~t||t<-o||t>o){throw Error(h+"exponent")}if(r)t=-t;for(;;){if(t&1)n=n.times(i);t>>=1;if(!t)break;i=i.times(i)}return r?e.div(n):n};b.prec=function(t,i){if(t!==~~t||t<1||t>s){throw Error(h+"precision")}return g(new this.constructor(this),t,i)};b.round=function(t,i){if(t===v)t=0;else if(t!==~~t||t<-s||t>s){throw Error(l)}return g(new this.constructor(this),t+this.e+1,i)};b.sqrt=function(){var t,i,e,n=this,r=n.constructor,s=n.s,o=n.e,f=new r("0.5");if(!n.c[0])return new r(n);if(s<0){throw Error(c+"No square root")}s=Math.sqrt(n+"");if(s===0||s===1/0){i=n.c.join("");if(!(i.length+o&1))i+="0";s=Math.sqrt(i);o=((o+1)/2|0)-(o<0||o&1);t=new r((s==1/0?"5e":(s=s.toExponential()).slice(0,s.indexOf("e")+1))+o)}else{t=new r(s+"")}o=t.e+(r.DP+=4);do{e=t;t=f.times(e.plus(n.div(e)))}while(e.c.slice(0,o).join("")!==t.c.slice(0,o).join(""));return g(t,(r.DP-=4)+t.e+1,r.RM)};b.times=b.mul=function(t){var i,e=this,n=e.constructor,r=e.c,s=(t=new n(t)).c,o=r.length,f=s.length,u=e.e,a=t.e;t.s=e.s==t.s?1:-1;if(!r[0]||!s[0]){t.c=[t.e=0];return t}t.e=u+a;if(o<f){i=r;r=s;s=i;a=o;o=f;f=a}for(i=new Array(a=o+f);a--;)i[a]=0;for(u=f;u--;){f=0;for(a=o+u;a>u;){f=i[a]+s[u]*r[a-u-1]+f;i[a--]=f%10;f=f/10|0}i[a]=f}if(f)++t.e;else i.shift();for(u=i.length;!i[--u];)i.pop();t.c=i;return t};b.toExponential=function(t,i){var e=this,n=e.c[0];if(t!==v){if(t!==~~t||t<0||t>s){throw Error(l)}e=g(new e.constructor(e),++t,i);for(;e.c.length<t;)e.c.push(0)}return j(e,true,!!n)};b.toFixed=function(t,i){var e=this,n=e.c[0];if(t!==v){if(t!==~~t||t<0||t>s){throw Error(l)}e=g(new e.constructor(e),t+e.e+1,i);for(t=t+e.e+1;e.c.length<t;)e.c.push(0)}return j(e,false,!!n)};b.toJSON=b.toString=function(){var t=this,i=t.constructor;return j(t,t.e<=i.NE||t.e>=i.PE,!!t.c[0])};b.toNumber=function(){var t=Number(j(this,true,true));if(this.constructor.strict===true&&!this.eq(t.toString())){throw Error(c+"Imprecise conversion")}return t};b.toPrecision=function(t,i){var e=this,n=e.constructor,r=e.c[0];if(t!==v){if(t!==~~t||t<1||t>s){throw Error(h+"precision")}e=g(new n(e),t,i);for(;e.c.length<t;)e.c.push(0)}return j(e,t<=e.e||e.e<=n.NE||e.e>=n.PE,!!r)};b.valueOf=function(){var t=this,i=t.constructor;if(i.strict===true){throw Error(c+"valueOf disallowed")}return j(t,t.e<=i.NE||t.e>=i.PE,true)};e=y();e["default"]=e.Big=e;if(t.exports){t.exports=e}else{i.Big=e}})(u)})(j);var _=j.exports;var x=".bal-input-stepper{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:inline-block}.bal-input-stepper__inner{display:-ms-flexbox;display:flex;gap:.25rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-input-stepper__inner__text{min-width:3rem;text-align:center}.bal-input-stepper__input{position:absolute;width:0;height:0;left:0;top:0;margin:0;padding:0;opacity:0;outline:0}";var E=x;var k=t("bal_input_stepper",function(){function t(t){var n=this;i(this,t);this.balChange=e(this,"balChange",7);this.balInput=e(this,"balInput",7);this.balIncrease=e(this,"balIncrease",7);this.balDecrease=e(this,"balDecrease",7);this.balFocus=e(this,"balFocus",7);this.balBlur=e(this,"balBlur",7);this.inputId="bal-input-stepper-".concat(O++);this.inheritedAttributes={};this.decreaseHasFocus=false;this.increaseHasFocus=false;this.initialValue=0;this.onFocusDecrease=function(t){n.decreaseHasFocus=true;n.onFocus(t)};this.onFocusIncrease=function(t){n.increaseHasFocus=true;n.onFocus(t)};this.onFocus=function(t){p(t);n.balFocus.emit(t.detail)};this.onBlurDecrease=function(t){p(t);n.decreaseHasFocus=false;c((function(){return n.onBlur(t.detail)}))};this.onBlurIncrease=function(t){p(t);n.increaseHasFocus=false;c((function(){return n.onBlur(t.detail)}))};this.onBlur=function(t){if(!(n.decreaseHasFocus||n.increaseHasFocus)){n.balBlur.emit(t)}};this.focused=false;this.language=m.language;this.region=m.region;this.ariaForm=v;this.name=this.inputId;this.min=0;this.max=10;this.steps=1;this.disabled=false;this.readonly=false;this.invalid=false;this.debounce=0;this.value=0;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=h(this.balChange,this.debounce)};t.prototype.listenOnClick=function(t){d(this,t)};t.prototype.resetHandler=function(t){var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){this.value=this.initialValue}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title"])};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;this.region=t.region;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(i){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.increase=function(){if(!this.disabled&&!this.readonly){var t=new _(this.value).plus(this.steps).toNumber();if(t<=this.max){this.value=t;this.balInput.emit(t);this.balChange.emit(t);this.balIncrease.emit(t)}}};t.prototype.decrease=function(){if(!this.disabled&&!this.readonly){var t=new _(this.value).minus(this.steps).toNumber();if(t>=this.min){this.value=t;this.balInput.emit(t);this.balChange.emit(t);this.balDecrease.emit(t)}}};t.prototype.render=function(){var t=this;var i=b.block("input-stepper");var e=i.element("input");var s=i.element("inner");var o=s.element("text");var f=w[this.language].increase;var u=w[this.language].decrease;return n(r,{"aria-disabled":this.disabled?"true":null,"aria-focused":this.focused?"true":null,class:Object.assign({},i.class())},n("div",{class:Object.assign({},s.class())},n("bal-button",{aria:{title:u,label:u,controls:this.ariaForm.controlId||this.inputId},size:"small",square:true,"data-testid":"bal-input-stepper-decrease",outlined:!this.invalid,icon:"minus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value<=this.min,onClick:function(i){return t.decrease()},onBalFocus:function(i){return t.onFocusDecrease(i)},onBalBlur:function(i){return t.onBlurDecrease(i)}}),n("bal-text",{space:"none",color:this.disabled||this.readonly?"grey":this.invalid?"danger":"",bold:true,class:Object.assign({},o.class()),"data-testid":"bal-input-stepper-text"},a("".concat(this.language,"-").concat(this.region),this.value)),n("bal-button",{aria:{title:f,label:f,controls:this.ariaForm.controlId||this.inputId},size:"small","data-testid":"bal-input-stepper-increase",square:true,outlined:!this.invalid,icon:"plus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value>=this.max,onClick:function(i){return t.increase()},onBalFocus:function(i){return t.onFocusIncrease(i)},onBalBlur:function(i){return t.onBlurIncrease(i)}})),n("input",Object.assign({class:Object.assign({},e.class()),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,"data-testid":"bal-input-stepper",type:"text",value:this.value,name:this.name,tabindex:"-1",ref:function(i){return t.nativeInput=i},readonly:this.readonly,disabled:this.disabled},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"]}},enumerable:false,configurable:true});return t}());o([y("bal-input-stepper"),f("design:type",Function),f("design:paramtypes",[Function]),f("design:returntype",void 0)],k.prototype,"createLogger",null);o([g(),f("design:type",Function),f("design:paramtypes",[Object]),f("design:returntype",Promise)],k.prototype,"configChanged",null);var O=0;k.style=E}}}));

package/dist/baloise-design-system/{p-a7e5ee75e2.entry.js → p-82333c3ce3.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as r,H as e,g as s}from"./p-d7c752c6.js";import{l as a}from"./p-9a3d9e17.js";import{m as n}from"./p-88f18fbc.js";import{s as l}from"./p-ad9a7657.js";import{B as o}from"./p-ae86d0a0.js";import{d}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const b=class{constructor(r){i(this,r),this.balInput=t(this,"balInput",7),this.balBlur=t(this,"balBlur",7),this.balKeyPress=t(this,"balKeyPress",7),this.balFocus=t(this,"balFocus",7),this.balChange=t(this,"balChange",7),this.inputId="bal-input-slider-"+u++,this.didInit=!1,this.hasFocus=!1,this.initialValue="",this.onInput=i=>{const t=i.target;t&&(this.value=t.value||""),this.balInput.emit(this.value)},this.handleClick=i=>{(this.disabled||this.readonly)&&(i.preventDefault(),i.stopPropagation())},this.onFocus=i=>{this.hasFocus=!0,this.balFocus.emit(i)},this.onBlur=i=>{this.hasFocus=!1,this.balBlur.emit(i),this.balChange.emit(this.value)},this.ariaForm=d,this.name=this.inputId,this.step=0,this.min=0,this.max=100,this.invalid=!1,this.balTabindex=0,this.disabled=!1,this.readonly=!1,this.required=!1,this.hasTicks=!1,this.debounce=0,this.value="",this.autoInvalidOff=!1}debounceChanged(){this.balChange=n(this.balChange,this.debounce)}listenOnClick(i){(this.disabled||this.readonly)&&i.target&&i.target===this.el&&l(i)}resetHandler(i){const t=i.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput&&(this.nativeInput.value=this.initialValue)}),0))}valueChanged(i,t){this.didInit&&!this.hasFocus&&i!==t&&this.balChange.emit(this.value)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentDidLoad(){this.didInit=!0,a(this.value)||""===this.value||this.valueChanged(this.value,void 0)}async setFocus(){clearTimeout(this.setFocusTimer),this.setFocusTimer=setTimeout((()=>{this.nativeInput&&this.nativeInput.focus()}))}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(i){this.ariaForm=Object.assign({},i)}get numberOfSteps(){const i=this.max-this.min;return this.step<=0||this.step>=i?0:1+~~(i/this.step)}cssWidth(i=!1){const t=""===this.value?0:Math.round(Number(this.value)/this.step)*this.step,r=100/this.max*t;return i?`${r}%`:100-r+"%"}getNumberOfSteps(){const i=[];for(let t=0;t<this.numberOfSteps;t++)i.push(t);return i}render(){const i=o.block("input-slider"),t=i.element("background"),s=t.element("upper"),a=s.element("inner"),n=t.element("lower"),l=n.element("inner"),d=i.element("input"),b=d.element("native"),u=d.element("value"),h=u.modifier("left"),p=u.modifier("right"),c=i.element("steps"),_=c.element("item");return r(e,{class:Object.assign(Object.assign({},i.class()),i.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":this.disabled||this.readonly?"true":null},r("div",{class:Object.assign(Object.assign({},t.class()),t.modifier("disabled").class(this.disabled||this.readonly))},r("div",{class:Object.assign({},s.class()),style:{width:this.cssWidth()}},r("div",{class:Object.assign({},a.class())})),r("div",{class:Object.assign({},n.class()),style:{width:this.cssWidth(!0)}},r("div",{class:Object.assign({},l.class())}))),r("div",{class:Object.assign({},d.class())},r("div",{class:Object.assign(Object.assign({},u.class()),h.class())}),r("input",{type:"range",class:Object.assign(Object.assign({},b.class()),b.modifier("disabled").class(this.disabled||this.readonly)),ref:i=>this.nativeInput=i,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":this.disabled?"true":null,"aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:""!==this.value&&void 0!==this.value?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:i=>this.balKeyPress.emit(i),"data-testid":"bal-input-slider"}),r("div",{class:Object.assign(Object.assign({},u.class()),p.class())})),r("div",{class:Object.assign({},c.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((i=>r("div",{key:i,class:Object.assign(Object.assign({},_.class()),_.modifier("disabled").class(this.disabled||this.readonly)),"data-step-id":i})))))}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};let u=0;b.style=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{background:var(--bal-color-primary);border:2px solid var(--bal-color-primary)}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";export{b as bal_input_slider}
+import{r as i,c as t,h as e,H as r,g as s}from"./p-d7c752c6.js";import{l as a}from"./p-9a3d9e17.js";import{m as n}from"./p-88f18fbc.js";import{s as l}from"./p-de08fd27.js";import{B as o}from"./p-ae86d0a0.js";import{d}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const b=class{constructor(e){i(this,e),this.balInput=t(this,"balInput",7),this.balBlur=t(this,"balBlur",7),this.balKeyPress=t(this,"balKeyPress",7),this.balFocus=t(this,"balFocus",7),this.balChange=t(this,"balChange",7),this.inputId="bal-input-slider-"+u++,this.didInit=!1,this.hasFocus=!1,this.initialValue="",this.onInput=i=>{const t=i.target;t&&(this.value=t.value||""),this.balInput.emit(this.value)},this.handleClick=i=>{(this.disabled||this.readonly)&&(i.preventDefault(),i.stopPropagation())},this.onFocus=i=>{this.hasFocus=!0,this.balFocus.emit(i)},this.onBlur=i=>{this.hasFocus=!1,this.balBlur.emit(i),this.balChange.emit(this.value)},this.ariaForm=d,this.name=this.inputId,this.step=0,this.min=0,this.max=100,this.invalid=!1,this.balTabindex=0,this.disabled=!1,this.readonly=!1,this.required=!1,this.hasTicks=!1,this.debounce=0,this.value="",this.autoInvalidOff=!1}debounceChanged(){this.balChange=n(this.balChange,this.debounce)}listenOnClick(i){(this.disabled||this.readonly)&&i.target&&i.target===this.el&&l(i)}resetHandler(i){const t=i.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput&&(this.nativeInput.value=this.initialValue)}),0))}valueChanged(i,t){this.didInit&&!this.hasFocus&&i!==t&&this.balChange.emit(this.value)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentDidLoad(){this.didInit=!0,a(this.value)||""===this.value||this.valueChanged(this.value,void 0)}async setFocus(){clearTimeout(this.setFocusTimer),this.setFocusTimer=setTimeout((()=>{this.nativeInput&&this.nativeInput.focus()}))}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(i){this.ariaForm=Object.assign({},i)}get numberOfSteps(){const i=this.max-this.min;return this.step<=0||this.step>=i?0:1+~~(i/this.step)}cssWidth(i=!1){const t=""===this.value?0:Math.round(Number(this.value)/this.step)*this.step,e=100/this.max*t;return i?`${e}%`:100-e+"%"}getNumberOfSteps(){const i=[];for(let t=0;t<this.numberOfSteps;t++)i.push(t);return i}render(){const i=o.block("input-slider"),t=i.element("background"),s=t.element("upper"),a=s.element("inner"),n=t.element("lower"),l=n.element("inner"),d=i.element("input"),b=d.element("native"),u=d.element("value"),h=u.modifier("left"),p=u.modifier("right"),c=i.element("steps"),_=c.element("item");return e(r,{class:Object.assign(Object.assign({},i.class()),i.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":this.disabled||this.readonly?"true":null},e("div",{class:Object.assign(Object.assign({},t.class()),t.modifier("disabled").class(this.disabled||this.readonly))},e("div",{class:Object.assign({},s.class()),style:{width:this.cssWidth()}},e("div",{class:Object.assign({},a.class())})),e("div",{class:Object.assign({},n.class()),style:{width:this.cssWidth(!0)}},e("div",{class:Object.assign({},l.class())}))),e("div",{class:Object.assign({},d.class())},e("div",{class:Object.assign(Object.assign({},u.class()),h.class())}),e("input",{type:"range",class:Object.assign(Object.assign({},b.class()),b.modifier("disabled").class(this.disabled||this.readonly)),ref:i=>this.nativeInput=i,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":this.disabled?"true":null,"aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:""!==this.value&&void 0!==this.value?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:i=>this.balKeyPress.emit(i),"data-testid":"bal-input-slider"}),e("div",{class:Object.assign(Object.assign({},u.class()),p.class())})),e("div",{class:Object.assign({},c.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((i=>e("div",{key:i,class:Object.assign(Object.assign({},_.class()),_.modifier("disabled").class(this.disabled||this.readonly)),"data-step-id":i})))))}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};let u=0;b.style=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{background:var(--bal-color-primary);border:2px solid var(--bal-color-primary)}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";export{b as bal_input_slider}

package/dist/baloise-design-system/{p-bcb892a723.system.entry.js → p-82afff07ac.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{u(e.next(t))}catch(t){o(t)}}function s(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):r(t.value).then(a,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(e=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];r=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-187f98a1.system.js","./p-d2ee9b0a.system.js","./p-baf64616.system.js","./p-6913b916.system.js","./p-8949aa8b.system.js","./p-8954495d.system.js","./p-b79d8942.system.js","./p-6e5745c8.system.js","./p-a1f6e944.system.js","./p-eecefb0a.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(t){"use strict";var i,n,e,r,o,a,s,u,c,l,h,d,f,b,v,p,g,_,m,w;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;o=t.g},function(t){a=t._;s=t.a},function(t){u=t.B},function(t){c=t.L},function(t){l=t.a},function(t){h=t.s},function(t){d=t.B;f=t.L},function(t){b=t.l},function(t){v=t.i},function(t){p=t.b;g=t.l},function(t){_=t.s;m=t.i},function(t){w=t.d},function(){},function(){},function(){},function(){}],execute:function(){var y=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-2);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-radio-checkbox-symbol-size:1.125rem;--bal-radio-checkbox-symbol-width:calc(0.375rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.656rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.375rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.188rem;--bal-radio-checkbox-label-min-height:1.125rem}";var k=y;var x=t("bal_option",function(){function t(t){var e=this;i(this,t);this.balOptionChange=n(this,"balOptionChange",7);this.balOptionFocus=n(this,"balOptionFocus",7);this.inputId="bal-option-".concat(j++);this.onClick=function(t){var i=e.el.closest("bal-option-list");if(e.disabled||i&&i.disabled){h(t)}else{if(i&&i.required&&!i.multiple){if(!e.selected){e.select(true)}}else{e.select(!e.selected)}}};this.checkbox=false;this.interactionState=d.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.componentWillRender=function(){if(this.el){var t=this.el.closest("bal-option-list");if(t){this.checkbox=!!t.multiple}}};t.prototype.listenToMouseEnter=function(){var t=this,i=t.label,n=t.value,e=t.selected,r=t.disabled,o=t.hidden;if(!o&&!r){this.balOptionFocus.emit({label:i,value:n,selected:e})}};t.prototype.elementStateListener=function(t){this.interactionChildElements.forEach((function(i){i.hovered=t.hovered;i.pressed=t.pressed}))};t.prototype.select=function(t){if(t===void 0){t=true}return __awaiter(this,void 0,void 0,(function(){var i,n,e;return __generator(this,(function(r){this.selected=t;i=this,n=i.label,e=i.value;this.balOptionChange.emit({label:n,value:e,selected:t});return[2]}))}))};Object.defineProperty(t.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-checkbox"))},enumerable:false,configurable:true});t.prototype.render=function(){var t=u.block("option");return e(r,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":l(this.hidden),"aria-selected":l(this.selected),"aria-checked":l(this.selected),"aria-disabled":l(this.disabled),"aria-invalid":l(this.invalid),tabIndex:-1,onClick:this.onClick},e("bal-stack",{py:"small",space:"x-small"},this.checkbox?e("bal-checkbox",{flat:true,nonSubmit:true,"label-hidden":true,checked:this.selected,disabled:this.disabled,invalid:this.invalid,tabindex:-1}):"",e("div",{class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},e("slot",null)),this.selected&&!this.checkbox?e("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());a([c("bal-option"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null);a([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],x.prototype,"elementStateListener",null);var j=0;x.style=k;var O=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";var F=O;var z=t("bal_option_list",function(){function t(t){i(this,t);this.inputId="bal-option-list-".concat(S++);this.inheritAttributes={};this.ariaForm=w;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.labelledby=undefined;this.filter="includes";this.contentHeight=262}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentHeightChanged=function(t){if(t===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(t,"px"))}};t.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};t.prototype.componentWillRender=function(){this.inheritAttributes=v(this.el,["aria-multiselectable","aria-labelledby"])};t.prototype.listenToMouseEnter=function(t){var i=this.options;var n=this.getOptionIndex(i,t.detail.value);if(n!==undefined){this.updateFocus(i,n)}};t.prototype.listenToOptionChange=function(t){var i=t.detail;if(!this.multiple){this.options.filter((function(t){return t.value!==i.value})).forEach((function(t){return t.selected=false}))}};t.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getSelectedOptionIndex(t);if(!(i>0))return[3,2];this.updateFocus(t,i);return[4,p()];case 1:n.sent();return[2,i];case 2:return[4,this.focusFirst()];case 3:return[2,n.sent()]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getFirstOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getLastOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getNextOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getPreviousOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusByLabel=function(t,i){return __awaiter(this,void 0,void 0,(function(){var n,e,r;return __generator(this,(function(o){switch(o.label){case 0:n=this.options;e=this.getOptionIndexByLabel(n,t);this.updateFocus(n,e);r=n[e];this.updateScrollTopPosition(r);return[4,p()];case 1:o.sent();if(!i.select)return[3,3];return[4,r.select()];case 2:o.sent();o.label=3;case 3:return[2,e]}}))}))};t.prototype.filterByContent=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:i=this.allOptions;this.filterOptions(i,t);return[4,p()];case 1:n.sent();return[2,this.focusFirst()]}}))}))};t.prototype.resetHidden=function(t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.hidden=t}));return[4,p()];case 1:i.sent();this.resetFocus();return[2]}}))}))};t.prototype.resetSelected=function(t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t}));return[4,p()];case 1:i.sent();return[2]}}))}))};t.prototype.updateSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t.includes(i.value)}));return[4,p()];case 1:i.sent();return[2]}}))}))};t.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=-1;this.updateFocus(t,i);this.scrollTo(0);return[4,p()];case 1:n.sent();return[2,i]}}))}))};t.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.options;return[2,t.filter((function(t){return t.selected})).map((function(t){return t.value}))]}))}))};t.prototype.getSelectedOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){i=this.options;if(t&&t.length>0){return[2,i.filter((function(i){return t.includes(i.value)})).map((function(t){return t}))]}return[2,i.filter((function(t){return t.selected})).map((function(t){return t}))]}))}))};t.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.value}))]}))}))};t.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.label}))]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.filter((function(t){return!t.disabled||!t.hidden}))]}))}))};t.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){t=this.options;i=t[this.focusIndex];if(i){if(this.multiple){i.select(!i.selected)}else{i.select(true)}}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(t){return!t.hidden}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t,i){var n=[];var e=this.filter==="includes"?m:_;for(var r=0;r<t.length;r++){var o=t[r];var a=o.textContent||"";if(e(a,i)){n.push(o);o.hidden=false}else{o.hidden=true}}return n};t.prototype.isOptionVisible=function(t){var i=this.el.clientHeight;var n=this.el.scrollTop;var e=n+i;var r=n<=t.offsetTop&&t.offsetTop+t.clientHeight<=e;return r};t.prototype.updateScrollTopPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForTopPosition(t))}}};t.prototype.updateScrollBottomPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForBottomPosition(t))}}};t.prototype.getScrollTopForTopPosition=function(t){var i=t.offsetTop;var n=i;if(n<0){return 0}return n};t.prototype.getScrollTopForBottomPosition=function(t){var i=this.el.clientHeight;var n=t.offsetTop+t.clientHeight;var e=n-i;if(e<0){return 0}return e};t.prototype.scrollTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(n){if(t!==undefined&&t!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=g((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){this.el.scrollTop=t;return[2]}))}))}))}return[2]}))}))};t.prototype.updateFocus=function(t,i){this.focusIndex=i;for(var n=0;n<t.length;n++){var e=t[n];e.focused=n===i}};t.prototype.getOptionIndex=function(t,i){for(var n=0;n<t.length;n++){var e=t[n];if(e.value===i){return n}}return undefined};t.prototype.getSelectedOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(n.selected&&!n.hidden){return i}}return this.focusIndex};t.prototype.getFirstOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(!n.disabled&&!n.hidden){return i}}return this.focusIndex};t.prototype.getNextOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}if(i<0){return this.getFirstOptionIndex(t)}var n=this.getLength(t);var e=i;if(i<n){e=i+1;if(t[e].disabled){return this.getNextOptionIndex(t,e)}}return e};t.prototype.getPreviousOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}var n=this.getFirstOptionIndex(t);if(i<=n){return n}var e=i;e=i-1;if(t[e].disabled){return this.getPreviousOptionIndex(t,e)}return e};t.prototype.getLastOptionIndex=function(t){for(var i=t.length-1;i>=0;i--){var n=t[i];if(!n.disabled){return i}}return this.focusIndex};t.prototype.getOptionIndexByLabel=function(t,i){if(i===undefined||i===""){return this.focusIndex}var n=t.find((function(t){return _(t.label||"",i)}));if(!b(n)&&n.id){return t.indexOf(n)}return this.focusIndex};t.prototype.getLength=function(t){var i=t.map((function(t,i){return t.disabled?0:i}));var n=Math.max.apply(Math,i);return n};t.prototype.render=function(){var t=u.block("option-list");var i=this.labelledby||this.ariaForm.labelId;return e(r,{class:Object.assign({},t.class()),id:this.inputId},e("div",Object.assign({role:"listbox","aria-labelledby":i,"aria-disabled":this.disabled,class:Object.assign({},t.element("container").class())},this.inheritAttributes),e("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return t}());a([c("bal-option-list"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],z.prototype,"createLogger",null);var S=0;z.style=F}}}));
+var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{u(e.next(t))}catch(t){o(t)}}function s(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):r(t.value).then(a,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(e=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];r=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-187f98a1.system.js","./p-7957c3c0.system.js","./p-baf64616.system.js","./p-6913b916.system.js","./p-8949aa8b.system.js","./p-8954495d.system.js","./p-b79d8942.system.js","./p-6e5745c8.system.js","./p-a1f6e944.system.js","./p-eecefb0a.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(t){"use strict";var i,n,e,r,o,a,s,u,c,l,h,d,f,b,v,p,g,_,m,w;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;o=t.g},function(t){a=t._;s=t.a},function(t){u=t.B},function(t){c=t.L},function(t){l=t.a},function(t){h=t.s},function(t){d=t.B;f=t.L},function(t){b=t.l},function(t){v=t.i},function(t){p=t.b;g=t.l},function(t){_=t.s;m=t.i},function(t){w=t.d},function(){},function(){},function(){},function(){}],execute:function(){var y=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-2);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-radio-checkbox-symbol-size:1.125rem;--bal-radio-checkbox-symbol-width:calc(0.375rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.656rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.375rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.188rem;--bal-radio-checkbox-label-min-height:1.125rem}";var k=y;var x=t("bal_option",function(){function t(t){var e=this;i(this,t);this.balOptionChange=n(this,"balOptionChange",7);this.balOptionFocus=n(this,"balOptionFocus",7);this.inputId="bal-option-".concat(j++);this.onClick=function(t){var i=e.el.closest("bal-option-list");if(e.disabled||i&&i.disabled){h(t)}else{if(i&&i.required&&!i.multiple){if(!e.selected){e.select(true)}}else{e.select(!e.selected)}}};this.checkbox=false;this.interactionState=d.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.componentWillRender=function(){if(this.el){var t=this.el.closest("bal-option-list");if(t){this.checkbox=!!t.multiple}}};t.prototype.listenToMouseEnter=function(){var t=this,i=t.label,n=t.value,e=t.selected,r=t.disabled,o=t.hidden;if(!o&&!r){this.balOptionFocus.emit({label:i,value:n,selected:e})}};t.prototype.elementStateListener=function(t){this.interactionChildElements.forEach((function(i){i.hovered=t.hovered;i.pressed=t.pressed}))};t.prototype.select=function(t){if(t===void 0){t=true}return __awaiter(this,void 0,void 0,(function(){var i,n,e;return __generator(this,(function(r){this.selected=t;i=this,n=i.label,e=i.value;this.balOptionChange.emit({label:n,value:e,selected:t});return[2]}))}))};Object.defineProperty(t.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-checkbox"))},enumerable:false,configurable:true});t.prototype.render=function(){var t=u.block("option");return e(r,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":l(this.hidden),"aria-selected":l(this.selected),"aria-checked":l(this.selected),"aria-disabled":l(this.disabled),"aria-invalid":l(this.invalid),tabIndex:-1,onClick:this.onClick},e("bal-stack",{py:"small",space:"x-small"},this.checkbox?e("bal-checkbox",{flat:true,nonSubmit:true,"label-hidden":true,checked:this.selected,disabled:this.disabled,invalid:this.invalid,tabindex:-1}):"",e("div",{class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},e("slot",null)),this.selected&&!this.checkbox?e("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());a([c("bal-option"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null);a([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],x.prototype,"elementStateListener",null);var j=0;x.style=k;var O=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";var F=O;var z=t("bal_option_list",function(){function t(t){i(this,t);this.inputId="bal-option-list-".concat(S++);this.inheritAttributes={};this.ariaForm=w;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.labelledby=undefined;this.filter="includes";this.contentHeight=262}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentHeightChanged=function(t){if(t===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(t,"px"))}};t.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};t.prototype.componentWillRender=function(){this.inheritAttributes=v(this.el,["aria-multiselectable","aria-labelledby"])};t.prototype.listenToMouseEnter=function(t){var i=this.options;var n=this.getOptionIndex(i,t.detail.value);if(n!==undefined){this.updateFocus(i,n)}};t.prototype.listenToOptionChange=function(t){var i=t.detail;if(!this.multiple){this.options.filter((function(t){return t.value!==i.value})).forEach((function(t){return t.selected=false}))}};t.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getSelectedOptionIndex(t);if(!(i>0))return[3,2];this.updateFocus(t,i);return[4,p()];case 1:n.sent();return[2,i];case 2:return[4,this.focusFirst()];case 3:return[2,n.sent()]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getFirstOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getLastOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getNextOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getPreviousOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusByLabel=function(t,i){return __awaiter(this,void 0,void 0,(function(){var n,e,r;return __generator(this,(function(o){switch(o.label){case 0:n=this.options;e=this.getOptionIndexByLabel(n,t);this.updateFocus(n,e);r=n[e];this.updateScrollTopPosition(r);return[4,p()];case 1:o.sent();if(!i.select)return[3,3];return[4,r.select()];case 2:o.sent();o.label=3;case 3:return[2,e]}}))}))};t.prototype.filterByContent=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:i=this.allOptions;this.filterOptions(i,t);return[4,p()];case 1:n.sent();return[2,this.focusFirst()]}}))}))};t.prototype.resetHidden=function(t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.hidden=t}));return[4,p()];case 1:i.sent();this.resetFocus();return[2]}}))}))};t.prototype.resetSelected=function(t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t}));return[4,p()];case 1:i.sent();return[2]}}))}))};t.prototype.updateSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t.includes(i.value)}));return[4,p()];case 1:i.sent();return[2]}}))}))};t.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=-1;this.updateFocus(t,i);this.scrollTo(0);return[4,p()];case 1:n.sent();return[2,i]}}))}))};t.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.options;return[2,t.filter((function(t){return t.selected})).map((function(t){return t.value}))]}))}))};t.prototype.getSelectedOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){i=this.options;if(t&&t.length>0){return[2,i.filter((function(i){return t.includes(i.value)})).map((function(t){return t}))]}return[2,i.filter((function(t){return t.selected})).map((function(t){return t}))]}))}))};t.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.value}))]}))}))};t.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.label}))]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.filter((function(t){return!t.disabled||!t.hidden}))]}))}))};t.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){t=this.options;i=t[this.focusIndex];if(i){if(this.multiple){i.select(!i.selected)}else{i.select(true)}}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(t){return!t.hidden}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t,i){var n=[];var e=this.filter==="includes"?m:_;for(var r=0;r<t.length;r++){var o=t[r];var a=o.textContent||"";if(e(a,i)){n.push(o);o.hidden=false}else{o.hidden=true}}return n};t.prototype.isOptionVisible=function(t){var i=this.el.clientHeight;var n=this.el.scrollTop;var e=n+i;var r=n<=t.offsetTop&&t.offsetTop+t.clientHeight<=e;return r};t.prototype.updateScrollTopPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForTopPosition(t))}}};t.prototype.updateScrollBottomPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForBottomPosition(t))}}};t.prototype.getScrollTopForTopPosition=function(t){var i=t.offsetTop;var n=i;if(n<0){return 0}return n};t.prototype.getScrollTopForBottomPosition=function(t){var i=this.el.clientHeight;var n=t.offsetTop+t.clientHeight;var e=n-i;if(e<0){return 0}return e};t.prototype.scrollTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(n){if(t!==undefined&&t!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=g((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){this.el.scrollTop=t;return[2]}))}))}))}return[2]}))}))};t.prototype.updateFocus=function(t,i){this.focusIndex=i;for(var n=0;n<t.length;n++){var e=t[n];e.focused=n===i}};t.prototype.getOptionIndex=function(t,i){for(var n=0;n<t.length;n++){var e=t[n];if(e.value===i){return n}}return undefined};t.prototype.getSelectedOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(n.selected&&!n.hidden){return i}}return this.focusIndex};t.prototype.getFirstOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(!n.disabled&&!n.hidden){return i}}return this.focusIndex};t.prototype.getNextOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}if(i<0){return this.getFirstOptionIndex(t)}var n=this.getLength(t);var e=i;if(i<n){e=i+1;if(t[e].disabled){return this.getNextOptionIndex(t,e)}}return e};t.prototype.getPreviousOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}var n=this.getFirstOptionIndex(t);if(i<=n){return n}var e=i;e=i-1;if(t[e].disabled){return this.getPreviousOptionIndex(t,e)}return e};t.prototype.getLastOptionIndex=function(t){for(var i=t.length-1;i>=0;i--){var n=t[i];if(!n.disabled){return i}}return this.focusIndex};t.prototype.getOptionIndexByLabel=function(t,i){if(i===undefined||i===""){return this.focusIndex}var n=t.find((function(t){return _(t.label||"",i)}));if(!b(n)&&n.id){return t.indexOf(n)}return this.focusIndex};t.prototype.getLength=function(t){var i=t.map((function(t,i){return t.disabled?0:i}));var n=Math.max.apply(Math,i);return n};t.prototype.render=function(){var t=u.block("option-list");var i=this.labelledby||this.ariaForm.labelId;return e(r,{class:Object.assign({},t.class()),id:this.inputId},e("div",Object.assign({role:"listbox","aria-labelledby":i,"aria-disabled":this.disabled,class:Object.assign({},t.element("container").class())},this.inheritAttributes),e("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return t}());a([c("bal-option-list"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],z.prototype,"createLogger",null);var S=0;z.style=F}}}));

package/dist/baloise-design-system/{p-488c4a8ce1.entry.js → p-83c70a6b53.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as o,g as s}from"./p-d7c752c6.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{l as a}from"./p-9a3d9e17.js";import{k as n,d as c,e as h,i as b,h as d}from"./p-88f18fbc.js";import{e as p,o as u,q as m,s as v,h as f,u as g,y as _}from"./p-f5940253.js";import{r as y,p as k,l as x,g as w,i as j,s as O,a as C,f as T,b as L,v as z}from"./p-c0c91eb1.js";import{s as F}from"./p-ad9a7657.js";import{B as A}from"./p-ae86d0a0.js";import{L as B}from"./p-b77e3348.js";import{d as M}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-4573c419.js";const I=!0,P=class{constructor(i){t(this,i),this.balChange=e(this,"balChange",7),this.balInputClick=e(this,"balInputClick",7),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balFocus=e(this,"balFocus",7),this.balCancel=e(this,"balCancel",7),this.balKeyPress=e(this,"balKeyPress",7),this.didInit=!1,this.inputId="bal-select-"+V++,this.initialValue=[],this.removeValue=t=>{this.disabled||(this.updateRawValue(y(this.rawValue,t),I),this.multiple&&this.typeahead&&this.setFocus(),this.fireBlur())},this.fireBlur=(t=new CustomEvent("blur"))=>{this.isPopoverOpen||this.hasFocus||n((()=>this.balBlur.emit(t)))},this.handleClick=t=>{(this.disabled||this.readonly)&&k(t)},this.handlePopoverChange=t=>{t.stopPropagation(),this.isPopoverOpen!==t.detail&&(this.isPopoverOpen=t.detail,this.isPopoverOpen?this.updateFocus():(this.focusIndex=-1,this.multiple&&this.typeahead&&this.updateInputValue(""),this.fireBlur(t)))},this.handleInputBlur=t=>{k(t);const e=t.relatedTarget;(null===e||e&&e.nodeName&&("BAL-MODAL"===e.nodeName||"INPUT"===e.nodeName||"BUTTON"===e.nodeName))&&this.validateAfterBlur(I),this.hasFocus=!1,this.fireBlur(t)},this.handleInputFocus=t=>{this.balFocus.emit(t),this.hasFocus=!0},this.handleInputClick=async(t,e=!1)=>{var i,o,s,l;F(t),this.isChipClicked(t)||(this.disabled||this.readonly?k(t):(this.focusIndex=-1,this.balInputClick.emit(t),this.typeahead?this.isPopoverOpen&&e?await(null===(i=this.popoverElement)||void 0===i?void 0:i.dismiss()):await(null===(o=this.popoverElement)||void 0===o?void 0:o.present()):this.isPopoverOpen?await(null===(s=this.popoverElement)||void 0===s?void 0:s.dismiss()):await(null===(l=this.popoverElement)||void 0===l?void 0:l.present())))},this.handleKeyPress=async t=>{!this.isPopoverOpen&&p(t)&&(k(t),await this.open()),this.balKeyPress.emit(t)},this.handleInputChange=t=>{this.disabled||this.readonly||(this.inputValue=t.target.value)},this.handleInput=async t=>{this.disabled||this.readonly||(this.inputValue=t.target.value,this.isPopoverOpen||this.popoverElement.present(),this.focusIndex=-1,this.updateFocus(),k(t),this.balInput.emit(this.inputValue))},this.handleOptionMouseEnter=t=>{this.focusIndex=t},this.hasFocus=!1,this.inputValue="",this.focusIndex=-1,this.isPopoverOpen=!1,this.options=new Map,this.labelToScrollTo="",this.labelToSelectTo="",this.ariaForm=M,this.name=this.inputId,this.invalid=!1,this.filter="includes",this.balTabindex=0,this.freeSolo=!1,this.multiple=!1,this.maxLength=void 0,this.noDataLabel=void 0,this.autocomplete="off",this.typeahead=!1,this.selectionOptional=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.inverted=!1,this.placeholder=void 0,this.scrollable=250,this.loading=!1,this.remote=!1,this.autoInvalidOff=!1,this.value=[],this.rawValue=[]}createLogger(t){this.log=t}valueWatcher(){this.syncRawValue(!1)}updateRawValue(t,e=!0){u(t,this.rawValue||[])||(this.rawValue=[...t],this.syncNativeInput(),this.didInit&&!0===e&&(this.multiple?a(this.rawValue)?this.emitChangeEvent([]):this.emitChangeEvent([...this.rawValue]):a(this.rawValue)||0===x(this.rawValue)?this.emitChangeEvent(void 0):this.emitChangeEvent(this.rawValue[0])))}emitChangeEvent(t){this.balChange.emit(t)}connectedCallback(){const t=d((()=>this.updateOptions()),0);this.initialValue=this.value,t(),this.mutationO=(e=>{if("undefined"==typeof MutationObserver)return;const i=new MutationObserver((e=>{(e=e.filter((t=>t.target.nodeName==="bal-select-option".toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()))).length>0&&t()}));return i.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),i})(this.el)}componentWillLoad(){if(this.waitForOptionsAndThenUpdateRawValues(),this.isInsideOfFooter(),!a(this.rawValue)&&this.options.size>0&&1===x(this.rawValue)){const t=this.options.get(this.rawValue[0]);a(t)||(this.inputValue=t.label)}}componentDidLoad(){this.syncRawValue(!1),this.multiple||(this.inputElement.value=this.inputValue),this.didInit=!0}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}listenOnClick(t){this.disabled&&t.target&&t.target===this.el&&k(t)}resetHandler(t){const e=t.target;(null==e?void 0:e.contains(this.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.value=this.initialValue,this.syncRawValue(!1),this.syncNativeInput(),this.nativeSelectEl&&Array.from(this.nativeSelectEl.options).forEach((t=>t.selected=!0))}),0))}async handleKeyDown(t){if(this.isPopoverOpen){if((m(t)||v(t))&&(k(t),this.navigateWithArrowKey(t),this.updateFocus()),f(t)&&(k(t),this.selectedFocusedOption()),g(t)&&this.cancel(),_(t)&&this.typeahead&&this.multiple&&""===this.inputElement.value&&x(this.rawValue)>0){const t=w(this.rawValue);this.removeValue(t[x(this.rawValue)-1])}this.typeahead||1!==t.key.length||this.focusOptionByLabel(t.key),p(t)&&!this.typeahead&&k(t)}else this.hasFocus&&((m(t)||v(t))&&(k(t),await this.open()),this.typeahead||1!==t.key.length||this.selectOptionByLabel(t.key))}async setFocus(){this.inputElement&&!this.disabled&&(await c(),this.inputElement.focus())}async getValue(){return this.rawValue}async clear(){this.focusIndex=-1,this.inputElement&&(this.updateInputValue(""),this.updateRawValue([],I),this.value=this.multiple?[]:"")}async open(){this.disabled||this.readonly||a(this.popoverElement)||await this.popoverElement.present()}async close(){this.disabled||this.readonly||a(this.popoverElement)||this.blurSelect()}async cancel(){this.labelToScrollTo="",this.close(),this.scrollTo(0),this.balCancel.emit()}async select(t){const e=this.options.get(t);a(e)||this.optionSelected(e)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}async waitForOptionsAndThenUpdateRawValues(){clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer),await h(this.el),this.options.size>0?this.remote||this.syncRawValue(false):this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((()=>this.waitForOptionsAndThenUpdateRawValues()),10)}async updateOptions(){const t=this.getChildOpts(),e=new Map;for(let i=0;i<t.length;i++){const o=t[i];e.set(o.value,{value:o.value,label:o.label,disabled:o.disabled,id:o.for,textContent:o.textContent,innerHTML:o.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue))for(let t=0;t<this.rawValue.length;t++){const i=this.rawValue[t];if(!e.has(i)){const t=y(this.rawValue,i);this.updateRawValue(t,false)}}this.options=new Map(e),this.typeahead||await this.syncNativeInput(),this.didInit&&!this.remote&&this.validateAfterBlur()}get optionArray(){const t=Array.from(this.options,(([t,e])=>e));return!this.typeahead||this.remote?t:t.filter((t=>"includes"===this.filter?j(t.textContent,this.inputValue):O(t.textContent,this.inputValue)))}hasOptions(){return this.optionArray.length>0}get inputPlaceholder(){return this.multiple?x(this.rawValue)<1?this.placeholder:void 0:!a(this.rawValue)&&x(this.rawValue)>0?void 0:this.placeholder}getChildOpts(){return Array.from(this.el.querySelectorAll("bal-select-option"))}getPopoverContent(){return this.popoverElement.querySelector(".bal-popover__content__inner")}updateFocus(){this.focusIndex<-1&&(this.focusIndex=-1);const t=this.optionArray;if(t.length>0){t.length<=this.focusIndex&&(this.focusIndex=t.length-1);const e=t[this.focusIndex];if(e&&e.id){const t=this.el.querySelector(`button#${e.id}`);t&&(clearTimeout(this.updateFocusTimer),this.updateFocusTimer=setTimeout((()=>{this.scrollToFocusedOption(t)}),0))}}else this.focusIndex=-1}scrollToFocusedOption(t){if(t&&this.popoverElement){const e=this.getPopoverContent();if(e){const i=t.offsetTop;i<e.scrollTop&&(e.scrollTop=i),t.offsetTop+t.clientHeight>e.scrollTop+e.clientHeight&&(e.scrollTop=e.scrollTop+t.clientHeight)}}}scrollTo(t){const e=this.getPopoverContent();e&&(e.scrollTop=t)}selectedFocusedOption(){const t=this.optionArray;if(t.length>this.focusIndex){const e=t[this.focusIndex];e&&this.optionSelected(e)}}navigateWithArrowKey(t){m(t)?this.focusIndex=this.focusIndex+1:v(t)&&(this.focusIndex=this.focusIndex-1)}focusOptionByLabel(t){this.labelToScrollTo=this.labelToScrollTo+t,clearTimeout(this.clearScrollToValue),this.clearScrollToValue=setTimeout((()=>{this.scrollToLabel(this.labelToScrollTo)}),600)}selectOptionByLabel(t){this.labelToSelectTo=this.labelToSelectTo+t,clearTimeout(this.clearSelectValue),this.clearSelectValue=setTimeout((()=>{this.selectLabel(this.labelToSelectTo),this.labelToSelectTo=""}),600)}async selectLabel(t){if(" "!==t){const e=this.optionArray.find((e=>O(e.label||"",t)));if(!a(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!a(t)){const t=this.optionArray.indexOf(e);this.focusIndex=t,this.select(e.value)}}this.labelToScrollTo=""}}async scrollToLabel(t){if(" "!==t){const e=this.optionArray.find((e=>O(e.label||"",t)));if(!a(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!a(t)){const i=this.optionArray.indexOf(e);this.focusIndex=i,this.scrollTo(t.offsetTop)}}this.labelToScrollTo=""}}syncRawValue(t=!0){let e=[];a(this.value)||""===this.value||(e=Array.isArray(this.value)?[...this.value.filter((t=>!a(t)))]:this.value.split("").includes(",")?[...this.value.split(",").filter((t=>t)).map((t=>t.trim()))]:[this.value]),this.updateRawValue(e,t)}blurSelect(){this.popoverElement.dismiss()}optionSelected(t){const e=w(this.rawValue).some((e=>e===t.value));this.updateValue(t.value,!e),this.multiple?this.typeahead&&this.setFocus():this.blurSelect()}updateValue(t,e=!0){this.multiple?this.updateRawValue(e?C(this.rawValue,t,this.multiple):y(this.rawValue,t),I):(this.updateRawValue(C(this.rawValue,t,this.multiple),I),this.rawValue&&this.rawValue.length>0&&this.updateInputValue(T(this.options,this.rawValue[0])))}validateAfterBlur(t=!1){let e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){const t=L(this.options,this.inputElement.value);e=t?[t.value]:[this.inputElement.value]}else e=z(this.rawValue,this.options,this.inputElement.value);this.updateRawValue(e,t)}}syncNativeInput(){if(!this.multiple&&x(this.rawValue)>0){const t=w(this.rawValue);let e=T(this.options,t[0]);return!this.multiple&&this.typeahead&&this.selectionOptional&&""===e&&(e=t.join(", ")),this.updateInputValue(e)}return Promise.resolve()}updateInputValue(t){return new Promise((e=>{this.updateInputValueTimer&&clearTimeout(this.updateInputValueTimer),this.updateInputValueTimer=setTimeout((()=>{a(this.inputElement)||(this.inputElement.value=t,this.inputValue=t,e())}),0)}))}isChipClicked(t){let e=!1;if(this.multiple){const i=this.selectionEl.querySelectorAll("bal-tag"),o=t.target;i.forEach((t=>{const i=b(t,o)||t===o;i&&(e=i)}))}return e}isInsideOfFooter(){this.inverted=null!==this.el.closest("bal-footer")}render(){var t;const e=t=>i("bal-tag",{size:"",closable:!this.disabled,disabled:this.disabled,invalid:this.invalid,tabindex:-1,onBalCloseClick:()=>this.removeValue(t.value),"data-testid":"bal-select-chip"},T(this.options,t.value)||t.value),s=w(this.rawValue),l=A.block("select"),r=l.element("native"),a=l.element("control"),n=a.element("icon"),c=a.element("selections"),h=a.element("input"),b=l.element("popover"),d=b.element("empty"),p=l.element("option"),u=p.element("content"),m=u.element("checkbox"),v=u.element("label");return i(o,{role:"listbox",onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,"data-value":null===(t=this.rawValue)||void 0===t?void 0:t.map((t=>T(this.options,t))).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("disabled").class(this.disabled||this.readonly)),l.modifier("inverted").class(this.inverted)),l.modifier("inverted-footer").class(this.inverted))},i("select",{class:Object.assign({},r.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:t=>this.nativeSelectEl=t},s.map((t=>i("option",{key:t,value:t,selected:!0},t)))),i("bal-popover",{onBalChange:this.handlePopoverChange,ref:t=>this.popoverElement=t},i("div",{"bal-popover-trigger":!0,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("invalid").class(this.invalid)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("focused").class(this.isPopoverOpen)),a.modifier("inverted-footer").class(this.inverted))},i("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:t=>this.selectionEl=t},s.filter((()=>this.multiple)).map((t=>i(e,{value:t}))),i("input",{type:"text",class:Object.assign(Object.assign({},h.class()),{input:!0,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":!0}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":"off"===this.autocomplete?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:t=>this.inputElement=t})),this.freeSolo||this.loading?"":i("bal-icon",{class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("loading").class(this.loading)),n.modifier("clickable").class(!this.disabled&&!this.readonly)),name:this.inverted?"caret-up":"caret-down",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:t=>this.handleInputClick(t,!0),size:this.inverted?"x-small":""})),i("bal-popover-content",{class:Object.assign({},b.class()),scrollable:this.scrollable,spaceless:!0,expanded:!0},this.optionArray.map(((t,e)=>i("button",{key:t.value,type:"button",role:"option",id:t.id,"data-value":t.value,"data-label":t.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},p.class()),p.modifier("selected").class(s.includes(t.value)&&!(this.typeahead&&!this.multiple))),p.modifier("focused").class(this.focusIndex===e)),p.modifier("checkbox").class(this.multiple)),p.modifier("disabled").class(!0===t.disabled)),"data-testid":"bal-select-option",disabled:t.disabled,tabIndex:-1,onMouseEnter:()=>this.handleOptionMouseEnter(e),onClick:()=>this.optionSelected(t)},i("div",{class:Object.assign({},u.class())},i("span",{class:Object.assign({},m.class()),style:{display:this.multiple?"flex":"none"}},i("bal-checkbox",{checked:s.includes(t.value),tabindex:-1,nonSubmit:!0,flat:!0,onBalChange:k})),i("span",{class:Object.assign({},v.class()),innerHTML:t.innerHTML}))))),i("div",{class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(void 0===this.noDataLabel||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))}get el(){return s(this)}static get watchers(){return{value:["valueWatcher"]}}};l([B("bal-select"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],P.prototype,"createLogger",null);let V=0;P.style=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-2);--bal-select-control-input-option-background-hover:var(--bal-color-grey-2);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{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-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";const D=class{constructor(e){t(this,e),this.label=void 0,this.disabled=!1,this.value=void 0,this.for="bal-selopt-"+E++}createLogger(t){this.log=t}render(){return i(o,{style:{display:"none"}},i("slot",null))}};l([B("bal-select-option"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],D.prototype,"createLogger",null);let E=0;export{P as bal_select,D as bal_select_option}
+import{r as t,c as e,h as i,H as o,g as s}from"./p-d7c752c6.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{l as a}from"./p-9a3d9e17.js";import{k as n,d as c,e as h,i as b,h as d}from"./p-88f18fbc.js";import{e as p,o as u,q as m,s as v,h as f,u as g,C as _}from"./p-4ae121b6.js";import{r as y,p as k,l as x,g as w,i as j,s as O,a as C,f as T,b as L,v as z}from"./p-c0c91eb1.js";import{s as F}from"./p-de08fd27.js";import{B as A}from"./p-ae86d0a0.js";import{L as B}from"./p-b77e3348.js";import{d as M}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-4573c419.js";const I=!0,P=class{constructor(i){t(this,i),this.balChange=e(this,"balChange",7),this.balInputClick=e(this,"balInputClick",7),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balFocus=e(this,"balFocus",7),this.balCancel=e(this,"balCancel",7),this.balKeyPress=e(this,"balKeyPress",7),this.didInit=!1,this.inputId="bal-select-"+V++,this.initialValue=[],this.removeValue=t=>{this.disabled||(this.updateRawValue(y(this.rawValue,t),I),this.multiple&&this.typeahead&&this.setFocus(),this.fireBlur())},this.fireBlur=(t=new CustomEvent("blur"))=>{this.isPopoverOpen||this.hasFocus||n((()=>this.balBlur.emit(t)))},this.handleClick=t=>{(this.disabled||this.readonly)&&k(t)},this.handlePopoverChange=t=>{t.stopPropagation(),this.isPopoverOpen!==t.detail&&(this.isPopoverOpen=t.detail,this.isPopoverOpen?this.updateFocus():(this.focusIndex=-1,this.multiple&&this.typeahead&&this.updateInputValue(""),this.fireBlur(t)))},this.handleInputBlur=t=>{k(t);const e=t.relatedTarget;(null===e||e&&e.nodeName&&("BAL-MODAL"===e.nodeName||"INPUT"===e.nodeName||"BUTTON"===e.nodeName))&&this.validateAfterBlur(I),this.hasFocus=!1,this.fireBlur(t)},this.handleInputFocus=t=>{this.balFocus.emit(t),this.hasFocus=!0},this.handleInputClick=async(t,e=!1)=>{var i,o,s,l;F(t),this.isChipClicked(t)||(this.disabled||this.readonly?k(t):(this.focusIndex=-1,this.balInputClick.emit(t),this.typeahead?this.isPopoverOpen&&e?await(null===(i=this.popoverElement)||void 0===i?void 0:i.dismiss()):await(null===(o=this.popoverElement)||void 0===o?void 0:o.present()):this.isPopoverOpen?await(null===(s=this.popoverElement)||void 0===s?void 0:s.dismiss()):await(null===(l=this.popoverElement)||void 0===l?void 0:l.present())))},this.handleKeyPress=async t=>{!this.isPopoverOpen&&p(t)&&(k(t),await this.open()),this.balKeyPress.emit(t)},this.handleInputChange=t=>{this.disabled||this.readonly||(this.inputValue=t.target.value)},this.handleInput=async t=>{this.disabled||this.readonly||(this.inputValue=t.target.value,this.isPopoverOpen||this.popoverElement.present(),this.focusIndex=-1,this.updateFocus(),k(t),this.balInput.emit(this.inputValue))},this.handleOptionMouseEnter=t=>{this.focusIndex=t},this.hasFocus=!1,this.inputValue="",this.focusIndex=-1,this.isPopoverOpen=!1,this.options=new Map,this.labelToScrollTo="",this.labelToSelectTo="",this.ariaForm=M,this.name=this.inputId,this.invalid=!1,this.filter="includes",this.balTabindex=0,this.freeSolo=!1,this.multiple=!1,this.maxLength=void 0,this.noDataLabel=void 0,this.autocomplete="off",this.typeahead=!1,this.selectionOptional=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.inverted=!1,this.placeholder=void 0,this.scrollable=250,this.loading=!1,this.remote=!1,this.autoInvalidOff=!1,this.value=[],this.rawValue=[]}createLogger(t){this.log=t}valueWatcher(){this.syncRawValue(!1)}updateRawValue(t,e=!0){u(t,this.rawValue||[])||(this.rawValue=[...t],this.syncNativeInput(),this.didInit&&!0===e&&(this.multiple?a(this.rawValue)?this.emitChangeEvent([]):this.emitChangeEvent([...this.rawValue]):a(this.rawValue)||0===x(this.rawValue)?this.emitChangeEvent(void 0):this.emitChangeEvent(this.rawValue[0])))}emitChangeEvent(t){this.balChange.emit(t)}connectedCallback(){const t=d((()=>this.updateOptions()),0);this.initialValue=this.value,t(),this.mutationO=(e=>{if("undefined"==typeof MutationObserver)return;const i=new MutationObserver((e=>{(e=e.filter((t=>t.target.nodeName==="bal-select-option".toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()))).length>0&&t()}));return i.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),i})(this.el)}componentWillLoad(){if(this.waitForOptionsAndThenUpdateRawValues(),this.isInsideOfFooter(),!a(this.rawValue)&&this.options.size>0&&1===x(this.rawValue)){const t=this.options.get(this.rawValue[0]);a(t)||(this.inputValue=t.label)}}componentDidLoad(){this.syncRawValue(!1),this.multiple||(this.inputElement.value=this.inputValue),this.didInit=!0}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}listenOnClick(t){this.disabled&&t.target&&t.target===this.el&&k(t)}resetHandler(t){const e=t.target;(null==e?void 0:e.contains(this.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.value=this.initialValue,this.syncRawValue(!1),this.syncNativeInput(),this.nativeSelectEl&&Array.from(this.nativeSelectEl.options).forEach((t=>t.selected=!0))}),0))}async handleKeyDown(t){if(this.isPopoverOpen){if((m(t)||v(t))&&(k(t),this.navigateWithArrowKey(t),this.updateFocus()),f(t)&&(k(t),this.selectedFocusedOption()),g(t)&&this.cancel(),_(t)&&this.typeahead&&this.multiple&&""===this.inputElement.value&&x(this.rawValue)>0){const t=w(this.rawValue);this.removeValue(t[x(this.rawValue)-1])}this.typeahead||1!==t.key.length||this.focusOptionByLabel(t.key),p(t)&&!this.typeahead&&k(t)}else this.hasFocus&&((m(t)||v(t))&&(k(t),await this.open()),this.typeahead||1!==t.key.length||this.selectOptionByLabel(t.key))}async setFocus(){this.inputElement&&!this.disabled&&(await c(),this.inputElement.focus())}async getValue(){return this.rawValue}async clear(){this.focusIndex=-1,this.inputElement&&(this.updateInputValue(""),this.updateRawValue([],I),this.value=this.multiple?[]:"")}async open(){this.disabled||this.readonly||a(this.popoverElement)||await this.popoverElement.present()}async close(){this.disabled||this.readonly||a(this.popoverElement)||this.blurSelect()}async cancel(){this.labelToScrollTo="",this.close(),this.scrollTo(0),this.balCancel.emit()}async select(t){const e=this.options.get(t);a(e)||this.optionSelected(e)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}async waitForOptionsAndThenUpdateRawValues(){clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer),await h(this.el),this.options.size>0?this.remote||this.syncRawValue(false):this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((()=>this.waitForOptionsAndThenUpdateRawValues()),10)}async updateOptions(){const t=this.getChildOpts(),e=new Map;for(let i=0;i<t.length;i++){const o=t[i];e.set(o.value,{value:o.value,label:o.label,disabled:o.disabled,id:o.for,textContent:o.textContent,innerHTML:o.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue))for(let t=0;t<this.rawValue.length;t++){const i=this.rawValue[t];if(!e.has(i)){const t=y(this.rawValue,i);this.updateRawValue(t,false)}}this.options=new Map(e),this.typeahead||await this.syncNativeInput(),this.didInit&&!this.remote&&this.validateAfterBlur()}get optionArray(){const t=Array.from(this.options,(([t,e])=>e));return!this.typeahead||this.remote?t:t.filter((t=>"includes"===this.filter?j(t.textContent,this.inputValue):O(t.textContent,this.inputValue)))}hasOptions(){return this.optionArray.length>0}get inputPlaceholder(){return this.multiple?x(this.rawValue)<1?this.placeholder:void 0:!a(this.rawValue)&&x(this.rawValue)>0?void 0:this.placeholder}getChildOpts(){return Array.from(this.el.querySelectorAll("bal-select-option"))}getPopoverContent(){return this.popoverElement.querySelector(".bal-popover__content__inner")}updateFocus(){this.focusIndex<-1&&(this.focusIndex=-1);const t=this.optionArray;if(t.length>0){t.length<=this.focusIndex&&(this.focusIndex=t.length-1);const e=t[this.focusIndex];if(e&&e.id){const t=this.el.querySelector(`button#${e.id}`);t&&(clearTimeout(this.updateFocusTimer),this.updateFocusTimer=setTimeout((()=>{this.scrollToFocusedOption(t)}),0))}}else this.focusIndex=-1}scrollToFocusedOption(t){if(t&&this.popoverElement){const e=this.getPopoverContent();if(e){const i=t.offsetTop;i<e.scrollTop&&(e.scrollTop=i),t.offsetTop+t.clientHeight>e.scrollTop+e.clientHeight&&(e.scrollTop=e.scrollTop+t.clientHeight)}}}scrollTo(t){const e=this.getPopoverContent();e&&(e.scrollTop=t)}selectedFocusedOption(){const t=this.optionArray;if(t.length>this.focusIndex){const e=t[this.focusIndex];e&&this.optionSelected(e)}}navigateWithArrowKey(t){m(t)?this.focusIndex=this.focusIndex+1:v(t)&&(this.focusIndex=this.focusIndex-1)}focusOptionByLabel(t){this.labelToScrollTo=this.labelToScrollTo+t,clearTimeout(this.clearScrollToValue),this.clearScrollToValue=setTimeout((()=>{this.scrollToLabel(this.labelToScrollTo)}),600)}selectOptionByLabel(t){this.labelToSelectTo=this.labelToSelectTo+t,clearTimeout(this.clearSelectValue),this.clearSelectValue=setTimeout((()=>{this.selectLabel(this.labelToSelectTo),this.labelToSelectTo=""}),600)}async selectLabel(t){if(" "!==t){const e=this.optionArray.find((e=>O(e.label||"",t)));if(!a(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!a(t)){const t=this.optionArray.indexOf(e);this.focusIndex=t,this.select(e.value)}}this.labelToScrollTo=""}}async scrollToLabel(t){if(" "!==t){const e=this.optionArray.find((e=>O(e.label||"",t)));if(!a(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!a(t)){const i=this.optionArray.indexOf(e);this.focusIndex=i,this.scrollTo(t.offsetTop)}}this.labelToScrollTo=""}}syncRawValue(t=!0){let e=[];a(this.value)||""===this.value||(e=Array.isArray(this.value)?[...this.value.filter((t=>!a(t)))]:this.value.split("").includes(",")?[...this.value.split(",").filter((t=>t)).map((t=>t.trim()))]:[this.value]),this.updateRawValue(e,t)}blurSelect(){this.popoverElement.dismiss()}optionSelected(t){const e=w(this.rawValue).some((e=>e===t.value));this.updateValue(t.value,!e),this.multiple?this.typeahead&&this.setFocus():this.blurSelect()}updateValue(t,e=!0){this.multiple?this.updateRawValue(e?C(this.rawValue,t,this.multiple):y(this.rawValue,t),I):(this.updateRawValue(C(this.rawValue,t,this.multiple),I),this.rawValue&&this.rawValue.length>0&&this.updateInputValue(T(this.options,this.rawValue[0])))}validateAfterBlur(t=!1){let e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){const t=L(this.options,this.inputElement.value);e=t?[t.value]:[this.inputElement.value]}else e=z(this.rawValue,this.options,this.inputElement.value);this.updateRawValue(e,t)}}syncNativeInput(){if(!this.multiple&&x(this.rawValue)>0){const t=w(this.rawValue);let e=T(this.options,t[0]);return!this.multiple&&this.typeahead&&this.selectionOptional&&""===e&&(e=t.join(", ")),this.updateInputValue(e)}return Promise.resolve()}updateInputValue(t){return new Promise((e=>{this.updateInputValueTimer&&clearTimeout(this.updateInputValueTimer),this.updateInputValueTimer=setTimeout((()=>{a(this.inputElement)||(this.inputElement.value=t,this.inputValue=t,e())}),0)}))}isChipClicked(t){let e=!1;if(this.multiple){const i=this.selectionEl.querySelectorAll("bal-tag"),o=t.target;i.forEach((t=>{const i=b(t,o)||t===o;i&&(e=i)}))}return e}isInsideOfFooter(){this.inverted=null!==this.el.closest("bal-footer")}render(){var t;const e=t=>i("bal-tag",{size:"",closable:!this.disabled,disabled:this.disabled,invalid:this.invalid,tabindex:-1,onBalCloseClick:()=>this.removeValue(t.value),"data-testid":"bal-select-chip"},T(this.options,t.value)||t.value),s=w(this.rawValue),l=A.block("select"),r=l.element("native"),a=l.element("control"),n=a.element("icon"),c=a.element("selections"),h=a.element("input"),b=l.element("popover"),d=b.element("empty"),p=l.element("option"),u=p.element("content"),m=u.element("checkbox"),v=u.element("label");return i(o,{role:"listbox",onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,"data-value":null===(t=this.rawValue)||void 0===t?void 0:t.map((t=>T(this.options,t))).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("disabled").class(this.disabled||this.readonly)),l.modifier("inverted").class(this.inverted)),l.modifier("inverted-footer").class(this.inverted))},i("select",{class:Object.assign({},r.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:t=>this.nativeSelectEl=t},s.map((t=>i("option",{key:t,value:t,selected:!0},t)))),i("bal-popover",{onBalChange:this.handlePopoverChange,ref:t=>this.popoverElement=t},i("div",{"bal-popover-trigger":!0,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("invalid").class(this.invalid)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("focused").class(this.isPopoverOpen)),a.modifier("inverted-footer").class(this.inverted))},i("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:t=>this.selectionEl=t},s.filter((()=>this.multiple)).map((t=>i(e,{value:t}))),i("input",{type:"text",class:Object.assign(Object.assign({},h.class()),{input:!0,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":!0}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":"off"===this.autocomplete?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:t=>this.inputElement=t})),this.freeSolo||this.loading?"":i("bal-icon",{class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("loading").class(this.loading)),n.modifier("clickable").class(!this.disabled&&!this.readonly)),name:this.inverted?"caret-up":"caret-down",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:t=>this.handleInputClick(t,!0),size:this.inverted?"x-small":""})),i("bal-popover-content",{class:Object.assign({},b.class()),scrollable:this.scrollable,spaceless:!0,expanded:!0},this.optionArray.map(((t,e)=>i("button",{key:t.value,type:"button",role:"option",id:t.id,"data-value":t.value,"data-label":t.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},p.class()),p.modifier("selected").class(s.includes(t.value)&&!(this.typeahead&&!this.multiple))),p.modifier("focused").class(this.focusIndex===e)),p.modifier("checkbox").class(this.multiple)),p.modifier("disabled").class(!0===t.disabled)),"data-testid":"bal-select-option",disabled:t.disabled,tabIndex:-1,onMouseEnter:()=>this.handleOptionMouseEnter(e),onClick:()=>this.optionSelected(t)},i("div",{class:Object.assign({},u.class())},i("span",{class:Object.assign({},m.class()),style:{display:this.multiple?"flex":"none"}},i("bal-checkbox",{checked:s.includes(t.value),tabindex:-1,nonSubmit:!0,flat:!0,onBalChange:k})),i("span",{class:Object.assign({},v.class()),innerHTML:t.innerHTML}))))),i("div",{class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(void 0===this.noDataLabel||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))}get el(){return s(this)}static get watchers(){return{value:["valueWatcher"]}}};l([B("bal-select"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],P.prototype,"createLogger",null);let V=0;P.style=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-2);--bal-select-control-input-option-background-hover:var(--bal-color-grey-2);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{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-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";const D=class{constructor(e){t(this,e),this.label=void 0,this.disabled=!1,this.value=void 0,this.for="bal-selopt-"+E++}createLogger(t){this.log=t}render(){return i(o,{style:{display:"none"}},i("slot",null))}};l([B("bal-select-option"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],D.prototype,"createLogger",null);let E=0;export{P as bal_select,D as bal_select_option}

package/dist/baloise-design-system/{p-3801afd625.entry.js → p-898f31f219.entry.js}

@@ -1 +1 @@
-import{h as t,r as e,c as r,H as a,g as o}from"./p-d7c752c6.js";import{_ as i,a as s}from"./p-43c9f5e9.js";import{l,b as n}from"./p-88f18fbc.js";import{B as c}from"./p-ae86d0a0.js";import{s as d}from"./p-ad9a7657.js";import{L as b}from"./p-e75ccb92.js";import{g as u}from"./p-0e361394.js";import{L as h}from"./p-3231863d.js";import{L as p}from"./p-e61fa225.js";import{L as m}from"./p-2692caf4.js";import{b as g}from"./p-3eb68d7e.js";import{d as _}from"./p-a19d1e1d.js";import{L as f}from"./p-69e7c8d6.js";import{i as v}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-10351b73.js";import"./p-96216bd1.js";import"./p-e1994e2c.js";import"./p-b77e3348.js";const w=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=c.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",null,r.map((r=>t("bal-button",{"aria-controls":a,key:r.value,expanded:!0,color:e===r.value?"primary":"light",onClick:()=>o(r)},r.label))))))},k=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=c.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-pagination",{"aria-controls":a,interface:"small",value:e+1,totalPages:r.length,onBalChange:t=>{let e=t.detail-1;e<0&&(e=0),e>=r.length&&(e=r.length-1),o(r[e])}}))},x=({isFirst:e,isLast:r,inverted:a,areControlsHidden:o,onNextClick:i,onPreviousClick:s,containerId:l,leftControlTitle:n,rightControlTitle:d})=>{const b=c.block("carousel").element("controls"),u=b.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},b.class()),b.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("left").class()),u.modifier("hidden").class(e&&o)),"aria-controls":l,square:!0,icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>s(),disabled:e,"aria-hidden":e&&o?"true":null,"data-testid":"bal-carousel-control-left",title:n}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("right").class()),u.modifier("hidden").class(r&&o)),"aria-controls":l,square:!0,icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>i(),disabled:r,"aria-hidden":r&&o?"true":null,"data-testid":"bal-carousel-control-right",title:d}))},y=({isFirst:e,isLast:r,inverted:a,leftControlTitle:o,rightControlTitle:i,containerId:s,onNextClick:l,onPreviousClick:n})=>{const d=c.block("carousel").element("controls"),b=d.element("button");return t("div",{class:Object.assign(Object.assign({},d.class()),d.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(e)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>n(),disabled:e,"aria-hidden":e?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:o}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(r)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>l(),disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:i}))},j={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}},O=class{constructor(t){e(this,t),this.balChange=r(this,"balChange",7),this.previousTransformValue=0,this.carouselId="bal-carousel-"+C++,this.carouselContainerId=`bal-carousel-${C++}-container`,this.mutationObserverActive=!0,this.onPreviousButtonClick=()=>this.previous(),this.onNextButtonClick=()=>this.next(),this.onControlChange=t=>{t!==this.value&&(t>this.value?this.next(t-this.value):this.previous(this.value-t))},this.isLastSlideVisible=!0,this.isMobile=g.isMobile,this.language=_.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1}async blockVerticalScrolling(t){var e;!this.scrollY&&(null===(e=this.el)||void 0===e?void 0:e.contains(t.target))&&d(t)}mutationListener(){this.itemsChanged()}swipeListener({left:t,right:e}){t?this.next():e&&this.previous()}breakpointListener(t){this.isMobile=t.mobile,this.itemsChanged()}resizeListener(){this.itemsChanged()}listenToKeyDown(t){"tablist"!==this.htmlRole&&"Tab"===t.code&&(t.shiftKey?this.focusPreviousItem(t):this.focusNextItem(t))}async configChanged(t){this.language=t.language}async previous(t=this.steps){let e=this.value-t;e<0&&(e=0);const r=await this.buildSlide(e);return r&&(await this.animate(r.transformActive,!0)||this.value!==e)&&(this.value=e,this.balChange.emit(this.value)),r}async next(t=this.steps){const e=this.getAllItemElements().length;let r=this.value+t;r>=e&&(r=e-1);const a=await this.buildSlide(r);return a&&(await this.animate(a.transformActive,!0)||this.value!==r)&&(this.value=r,this.balChange.emit(this.value)),a}async animate(t=0,e=!0){return new Promise((r=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=l((async()=>{if(this.containerEl&&this.innerEl){const a=await this.buildSlide();if(a){const o=this.innerEl.clientWidth||0,i=a.transformNext||0,s=i<=o;let l=i-o,n=l<=t;3===this.itemsPerView&&(l=i-o-1,n=l<=t);const c=0===t||l<=2;c&&(this.value=0,this.balChange.emit(this.value));const d="large"===this.controls;let b=s?0:n?l:t;c||s||!("small"===this.controls||d&&!this.isMobile)||(b-=n?0:d?56:48),this.containerEl.style.transitionDuration=e?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${b}px, 0px, 0px)`;const u=b!==this.previousTransformValue;return this.previousTransformValue=b,this.isLastSlideVisible=n,this.borderEl&&(this.borderEl.style.transitionDuration=e?"0.6s":"0",this.borderEl.style.transform=`translate3d(${b}px, 0px, 0px)`),r(!!u)}}}))}))}async buildSlide(t){const e=this.getAllItemElements(),r=void 0===t?e.length-1:t;if(e.length>r&&r>=0){const t=await this.getAllItemData(),a="product"===this.interface?16:0;return{el:e[r],data:t[r],transformNext:e.filter(((t,e)=>e<r+1)).reduce(((t,e)=>t+u(e)+a),0),transformActive:e.filter(((t,e)=>e<r)).reduce(((t,e)=>t+u(e)+a),0),isFirst:0===r,isLast:r===e.length-1,total:e.length,index:r}}}async itemsChanged(){const t=await this.buildSlide(this.value);t&&this.animate(t.transformActive,!1)}async focusNextItem(t){if(!this.isLast){const e=await this.next(1);e&&e.el&&(d(t),await e.el.setFocus())}}async focusPreviousItem(t){if(!this.isFirst){const e=await this.previous(1);e&&e.el&&(d(t),await e.el.setFocus())}}async getAllItemData(){const t=this.getAllItemElements().map((t=>t.getData()));return await Promise.all(t)}getAllItemElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}getAllControlItems(){return this.getAllItemElements().map(((t,e)=>({value:e,label:t.label})))}hasShadow(){return"auto"===this.itemsPerView||this.itemsPerView>1||"card"===this.interface}hasShadowLeft(){return this.hasShadow()&&(0!==this.value||"card"===this.interface)}hasShadowRight(){return this.hasShadow()&&(!this.isLastSlideVisible||"card"===this.interface)}isFirst(){return 0===this.value}isLast(){return this.isLastSlideVisible}render(){const e=c.block("carousel"),r=e.element("inner"),o=r.element("container"),i=j[this.language].left,s=j[this.language].right,l=this.getAllControlItems();return t(a,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class(""!==this.interface)),e.modifier("full-height").class(this.fullHeight)),e.modifier("controls-sticky").class(this.controlsSticky)),e.modifier(`controls-${this.controls}`).class())},"tabs"===this.controls?t(w,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"",t("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`items-per-view-${this.itemsPerView}`).class()),r.modifier(`is-${this.aspectRatio}`).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),r.modifier("shadow-left").class(this.hasShadowLeft())),r.modifier("shadow-right").class(this.hasShadowRight())),ref:t=>this.innerEl=t},t("div",{role:this.htmlRole,"aria-live":""!==this.htmlRole?"polite":void 0,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:t=>this.containerEl=t},t("slot",null),this.border?t("div",{id:`${this.carouselId}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:t=>this.borderEl=t}):"")),"dots"===this.controls?t(k,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"","large"===this.controls?t(x,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"","small"===this.controls?t(y,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"")}get el(){return o(this)}};i([h({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],O.prototype,"mutationListener",null),i([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],O.prototype,"swipeListener",null),i([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],O.prototype,"breakpointListener",null),i([m(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],O.prototype,"resizeListener",null),i([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],O.prototype,"configChanged",null);let C=0;O.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-carousel__inner--shadow-left.bal-carousel__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right.bal-carousel__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:calc(100% - 2rem);padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:calc(100% - 5rem);padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';const z=class{constructor(t){e(this,t),this.balNavigate=r(this,"balNavigate",7),this.balFocus=r(this,"balFocus",7),this.balBlur=r(this,"balBlur",7),this.imageInheritAttributes={},this.onClick=t=>{void 0!==this.href&&this.balNavigate.emit(t)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.src=void 0,this.label="",this.htmlRole="listitem",this.elementType="button",this.name="",this.value="",this.href=void 0,this.target="_self",this.rel=void 0,this.download=void 0,this.color=void 0}componentWillLoad(){this.imageInheritAttributes=v(this.el,["alt"])}async getData(){return{clientWidth:this.el.clientWidth,label:this.label}}async setFocus(){await n(),this.buttonEl&&this.buttonEl.focus()}render(){const e=c.block("carousel").element("item");if(!this.color||!this.label)return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},void 0!==this.src?t("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",t("slot",null));const r=e.element("button"),o=r.element("image"),i=r.element("label"),{elementType:s,download:l,href:n,rel:d,target:b,name:u,value:h}=this,p=void 0===this.href?"button":"a",m="button"===p?{type:s,name:u,value:h}:{download:l,href:n,rel:d,target:b};return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},t(p,Object.assign({},m,{class:Object.assign(Object.assign({},r.class()),r.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:t=>this.buttonEl=t}),void 0!==this.src?t("img",Object.assign({class:Object.assign({},o.class()),loading:"lazy",draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",void 0!==this.label?t("span",{class:Object.assign({},i.class())},this.label):"",t("slot",null)))}get el(){return o(this)}};export{O as bal_carousel,z as bal_carousel_item}
+import{h as t,r as e,c as r,H as a,g as o}from"./p-d7c752c6.js";import{_ as i,a as s}from"./p-43c9f5e9.js";import{l,b as n}from"./p-88f18fbc.js";import{B as c}from"./p-ae86d0a0.js";import{s as d}from"./p-de08fd27.js";import{L as b}from"./p-1a7e7bf9.js";import{g as u}from"./p-0e361394.js";import{L as h}from"./p-3231863d.js";import{L as p}from"./p-e61fa225.js";import{L as m}from"./p-2692caf4.js";import{b as g}from"./p-b6168a6c.js";import{d as _}from"./p-a19d1e1d.js";import{L as f}from"./p-69e7c8d6.js";import{i as v}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-10351b73.js";import"./p-96216bd1.js";import"./p-460fb91b.js";import"./p-b77e3348.js";const w=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=c.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",null,r.map((r=>t("bal-button",{"aria-controls":a,key:r.value,expanded:!0,color:e===r.value?"primary":"light",onClick:()=>o(r)},r.label))))))},k=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=c.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-pagination",{"aria-controls":a,interface:"small",value:e+1,totalPages:r.length,onBalChange:t=>{let e=t.detail-1;e<0&&(e=0),e>=r.length&&(e=r.length-1),o(r[e])}}))},x=({isFirst:e,isLast:r,inverted:a,areControlsHidden:o,onNextClick:i,onPreviousClick:s,containerId:l,leftControlTitle:n,rightControlTitle:d})=>{const b=c.block("carousel").element("controls"),u=b.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},b.class()),b.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("left").class()),u.modifier("hidden").class(e&&o)),"aria-controls":l,square:!0,icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>s(),disabled:e,"aria-hidden":e&&o?"true":null,"data-testid":"bal-carousel-control-left",title:n}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("right").class()),u.modifier("hidden").class(r&&o)),"aria-controls":l,square:!0,icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>i(),disabled:r,"aria-hidden":r&&o?"true":null,"data-testid":"bal-carousel-control-right",title:d}))},y=({isFirst:e,isLast:r,inverted:a,leftControlTitle:o,rightControlTitle:i,containerId:s,onNextClick:l,onPreviousClick:n})=>{const d=c.block("carousel").element("controls"),b=d.element("button");return t("div",{class:Object.assign(Object.assign({},d.class()),d.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(e)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>n(),disabled:e,"aria-hidden":e?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:o}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(r)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>l(),disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:i}))},j={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}},O=class{constructor(t){e(this,t),this.balChange=r(this,"balChange",7),this.previousTransformValue=0,this.carouselId="bal-carousel-"+C++,this.carouselContainerId=`bal-carousel-${C++}-container`,this.mutationObserverActive=!0,this.onPreviousButtonClick=()=>this.previous(),this.onNextButtonClick=()=>this.next(),this.onControlChange=t=>{t!==this.value&&(t>this.value?this.next(t-this.value):this.previous(this.value-t))},this.isLastSlideVisible=!0,this.isMobile=g.isMobile,this.language=_.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1}async blockVerticalScrolling(t){var e;!this.scrollY&&(null===(e=this.el)||void 0===e?void 0:e.contains(t.target))&&d(t)}mutationListener(){this.itemsChanged()}swipeListener({left:t,right:e}){t?this.next():e&&this.previous()}breakpointListener(t){this.isMobile=t.mobile,this.itemsChanged()}resizeListener(){this.itemsChanged()}listenToKeyDown(t){"tablist"!==this.htmlRole&&"Tab"===t.code&&(t.shiftKey?this.focusPreviousItem(t):this.focusNextItem(t))}async configChanged(t){this.language=t.language}async previous(t=this.steps){let e=this.value-t;e<0&&(e=0);const r=await this.buildSlide(e);return r&&(await this.animate(r.transformActive,!0)||this.value!==e)&&(this.value=e,this.balChange.emit(this.value)),r}async next(t=this.steps){const e=this.getAllItemElements().length;let r=this.value+t;r>=e&&(r=e-1);const a=await this.buildSlide(r);return a&&(await this.animate(a.transformActive,!0)||this.value!==r)&&(this.value=r,this.balChange.emit(this.value)),a}async animate(t=0,e=!0){return new Promise((r=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=l((async()=>{if(this.containerEl&&this.innerEl){const a=await this.buildSlide();if(a){const o=this.innerEl.clientWidth||0,i=a.transformNext||0,s=i<=o;let l=i-o,n=l<=t;3===this.itemsPerView&&(l=i-o-1,n=l<=t);const c=0===t||l<=2;c&&(this.value=0,this.balChange.emit(this.value));const d="large"===this.controls;let b=s?0:n?l:t;c||s||!("small"===this.controls||d&&!this.isMobile)||(b-=n?0:d?56:48),this.containerEl.style.transitionDuration=e?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${b}px, 0px, 0px)`;const u=b!==this.previousTransformValue;return this.previousTransformValue=b,this.isLastSlideVisible=n,this.borderEl&&(this.borderEl.style.transitionDuration=e?"0.6s":"0",this.borderEl.style.transform=`translate3d(${b}px, 0px, 0px)`),r(!!u)}}}))}))}async buildSlide(t){const e=this.getAllItemElements(),r=void 0===t?e.length-1:t;if(e.length>r&&r>=0){const t=await this.getAllItemData(),a="product"===this.interface?16:0;return{el:e[r],data:t[r],transformNext:e.filter(((t,e)=>e<r+1)).reduce(((t,e)=>t+u(e)+a),0),transformActive:e.filter(((t,e)=>e<r)).reduce(((t,e)=>t+u(e)+a),0),isFirst:0===r,isLast:r===e.length-1,total:e.length,index:r}}}async itemsChanged(){const t=await this.buildSlide(this.value);t&&this.animate(t.transformActive,!1)}async focusNextItem(t){if(!this.isLast){const e=await this.next(1);e&&e.el&&(d(t),await e.el.setFocus())}}async focusPreviousItem(t){if(!this.isFirst){const e=await this.previous(1);e&&e.el&&(d(t),await e.el.setFocus())}}async getAllItemData(){const t=this.getAllItemElements().map((t=>t.getData()));return await Promise.all(t)}getAllItemElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}getAllControlItems(){return this.getAllItemElements().map(((t,e)=>({value:e,label:t.label})))}hasShadow(){return"auto"===this.itemsPerView||this.itemsPerView>1||"card"===this.interface}hasShadowLeft(){return this.hasShadow()&&(0!==this.value||"card"===this.interface)}hasShadowRight(){return this.hasShadow()&&(!this.isLastSlideVisible||"card"===this.interface)}isFirst(){return 0===this.value}isLast(){return this.isLastSlideVisible}render(){const e=c.block("carousel"),r=e.element("inner"),o=r.element("container"),i=j[this.language].left,s=j[this.language].right,l=this.getAllControlItems();return t(a,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class(""!==this.interface)),e.modifier("full-height").class(this.fullHeight)),e.modifier("controls-sticky").class(this.controlsSticky)),e.modifier(`controls-${this.controls}`).class())},"tabs"===this.controls?t(w,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"",t("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`items-per-view-${this.itemsPerView}`).class()),r.modifier(`is-${this.aspectRatio}`).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),r.modifier("shadow-left").class(this.hasShadowLeft())),r.modifier("shadow-right").class(this.hasShadowRight())),ref:t=>this.innerEl=t},t("div",{role:this.htmlRole,"aria-live":""!==this.htmlRole?"polite":void 0,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:t=>this.containerEl=t},t("slot",null),this.border?t("div",{id:`${this.carouselId}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:t=>this.borderEl=t}):"")),"dots"===this.controls?t(k,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"","large"===this.controls?t(x,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"","small"===this.controls?t(y,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"")}get el(){return o(this)}};i([h({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],O.prototype,"mutationListener",null),i([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],O.prototype,"swipeListener",null),i([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],O.prototype,"breakpointListener",null),i([m(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],O.prototype,"resizeListener",null),i([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],O.prototype,"configChanged",null);let C=0;O.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-carousel__inner--shadow-left.bal-carousel__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right.bal-carousel__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:calc(100% - 2rem);padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:calc(100% - 5rem);padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';const z=class{constructor(t){e(this,t),this.balNavigate=r(this,"balNavigate",7),this.balFocus=r(this,"balFocus",7),this.balBlur=r(this,"balBlur",7),this.imageInheritAttributes={},this.onClick=t=>{void 0!==this.href&&this.balNavigate.emit(t)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.src=void 0,this.label="",this.htmlRole="listitem",this.elementType="button",this.name="",this.value="",this.href=void 0,this.target="_self",this.rel=void 0,this.download=void 0,this.color=void 0}componentWillLoad(){this.imageInheritAttributes=v(this.el,["alt"])}async getData(){return{clientWidth:this.el.clientWidth,label:this.label}}async setFocus(){await n(),this.buttonEl&&this.buttonEl.focus()}render(){const e=c.block("carousel").element("item");if(!this.color||!this.label)return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},void 0!==this.src?t("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",t("slot",null));const r=e.element("button"),o=r.element("image"),i=r.element("label"),{elementType:s,download:l,href:n,rel:d,target:b,name:u,value:h}=this,p=void 0===this.href?"button":"a",m="button"===p?{type:s,name:u,value:h}:{download:l,href:n,rel:d,target:b};return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},t(p,Object.assign({},m,{class:Object.assign(Object.assign({},r.class()),r.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:t=>this.buttonEl=t}),void 0!==this.src?t("img",Object.assign({class:Object.assign({},o.class()),loading:"lazy",draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",void 0!==this.label?t("span",{class:Object.assign({},i.class())},this.label):"",t("slot",null)))}get el(){return o(this)}};export{O as bal_carousel,z as bal_carousel_item}

package/dist/baloise-design-system/{p-9658f4a66f.entry.js → p-898f7862e4.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as i,H as a,g as l}from"./p-d7c752c6.js";import{_ as s,a as o}from"./p-43c9f5e9.js";import{l as r}from"./p-9a3d9e17.js";import{g as n,i as d,e as b,f as h,s as c,b as u,j as p,c as m,d as v}from"./p-ad9a7657.js";import{m as f}from"./p-88f18fbc.js";import{i as g}from"./p-dd5e13d1.js";import{i as _,N as k,A as y}from"./p-ec1efe3d.js";import{B as w}from"./p-ae86d0a0.js";import{i as x}from"./p-8dc7ee30.js";import{d as j}from"./p-f385e205.js";import{L as C}from"./p-b77e3348.js";import{d as F}from"./p-a19d1e1d.js";import{L}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const O=class{constructor(i){e(this,i),this.balInput=t(this,"balInput",7),this.balChange=t(this,"balChange",7),this.balBlur=t(this,"balBlur",7),this.balFocus=t(this,"balFocus",7),this.balKeyPress=t(this,"balKeyPress",7),this.balClick=t(this,"balClick",7),this.inputId="bal-time-input-"+B++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue="",this.onInput=e=>{const t=n(e);t&&(this.inputValue=t.value),this.balInput.emit(this.inputValue)},this.onFocus=e=>{d(this,e)},this.onBlur=e=>{b(this,e);const t=e.target;t&&(t.value=this.getFormattedValue(),h(this))},this.onKeydown=e=>{if(!r(e)&&!_(e)&&!this.getAllowedKeys().includes(e.key))return c(e)},this.focused=!1,this.language=F.language,this.region=F.region,this.ariaForm=j,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.debounce=0,this.value=void 0,this.autoInvalidOff=!1}createLogger(e){this.log=e}debounceChanged(){this.balChange=f(this.balChange,this.debounce)}listenOnClick(e){u(this,e)}resetHandler(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&p(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=g(this.el,["aria-label","tabindex","title"])}async configChanged(e){this.language=e.language,this.region=e.region,!this.focused&&this.nativeInput&&(this.nativeInput.value=this.getFormattedValue())}async setFocus(){m(this)}async setBlur(){v(this)}async getInputElement(){return this.nativeInput}async setAriaForm(e){this.ariaForm=Object.assign({},e)}getAllowedKeys(){return[...k,...y,":"]}getRawValue(){return(this.value||"").toString()}getFormattedValue(){return this.getRawValue()}render(){const e=this.focused?this.getRawValue():this.getFormattedValue(),t=w.block("time-input"),l=t.element("native");return i(a,{"aria-disabled":this.disabled?"true":null,class:Object.assign({},t.class())},i("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},i("input",Object.assign({type:"time",class:Object.assign({input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(""===this.value||void 0===this.value),"has-value":""!==this.value&&void 0!==this.value},l.class()),ref:e=>this.nativeInput=e,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:`${x[this.language].hours}:${x[this.language].minutes}`,value:e,onInput:e=>this.onInput(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),onKeyDown:e=>this.onKeydown(e),onKeyPress:e=>this.balKeyPress.emit(e)},this.inheritedAttributes)),i("bal-icon",{"is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))}get el(){return l(this)}static get watchers(){return{debounce:["debounceChanged"]}}};s([C("bal-time-input"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],O.prototype,"createLogger",null),s([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],O.prototype,"configChanged",null);let B=0;O.style=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-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)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-ampm-field{display:none}.bal-time-input__native.has-focus::-webkit-datetime-edit-text,.bal-time-input__native.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-hour-field,.bal-time-input__native.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-minute-field,.bal-time-input__native.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native.show-placeholder.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native.show-placeholder.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native.show-placeholder:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native.show-placeholder::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";export{O as bal_time_input}
+import{r as e,c as t,h as i,H as a,g as l}from"./p-d7c752c6.js";import{_ as s,a as o}from"./p-43c9f5e9.js";import{l as r}from"./p-9a3d9e17.js";import{g as n,i as d,e as b,f as h,s as c,b as u,j as p,c as m,d as v}from"./p-de08fd27.js";import{m as f}from"./p-88f18fbc.js";import{i as g}from"./p-dd5e13d1.js";import{i as _,N as k,A as y}from"./p-ec1efe3d.js";import{B as w}from"./p-ae86d0a0.js";import{i as x}from"./p-8dc7ee30.js";import{d as j}from"./p-f385e205.js";import{L as C}from"./p-b77e3348.js";import{d as F}from"./p-a19d1e1d.js";import{L}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const O=class{constructor(i){e(this,i),this.balInput=t(this,"balInput",7),this.balChange=t(this,"balChange",7),this.balBlur=t(this,"balBlur",7),this.balFocus=t(this,"balFocus",7),this.balKeyPress=t(this,"balKeyPress",7),this.balClick=t(this,"balClick",7),this.inputId="bal-time-input-"+B++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue="",this.onInput=e=>{const t=n(e);t&&(this.inputValue=t.value),this.balInput.emit(this.inputValue)},this.onFocus=e=>{d(this,e)},this.onBlur=e=>{b(this,e);const t=e.target;t&&(t.value=this.getFormattedValue(),h(this))},this.onKeydown=e=>{if(!r(e)&&!_(e)&&!this.getAllowedKeys().includes(e.key))return c(e)},this.focused=!1,this.language=F.language,this.region=F.region,this.ariaForm=j,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.debounce=0,this.value=void 0,this.autoInvalidOff=!1}createLogger(e){this.log=e}debounceChanged(){this.balChange=f(this.balChange,this.debounce)}listenOnClick(e){u(this,e)}resetHandler(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&p(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=g(this.el,["aria-label","tabindex","title"])}async configChanged(e){this.language=e.language,this.region=e.region,!this.focused&&this.nativeInput&&(this.nativeInput.value=this.getFormattedValue())}async setFocus(){m(this)}async setBlur(){v(this)}async getInputElement(){return this.nativeInput}async setAriaForm(e){this.ariaForm=Object.assign({},e)}getAllowedKeys(){return[...k,...y,":"]}getRawValue(){return(this.value||"").toString()}getFormattedValue(){return this.getRawValue()}render(){const e=this.focused?this.getRawValue():this.getFormattedValue(),t=w.block("time-input"),l=t.element("native");return i(a,{"aria-disabled":this.disabled?"true":null,class:Object.assign({},t.class())},i("bal-input-group",{disabled:this.disabled||this.readonly,invalid:this.invalid},i("input",Object.assign({type:"time",class:Object.assign({input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(""===this.value||void 0===this.value),"has-value":""!==this.value&&void 0!==this.value},l.class()),ref:e=>this.nativeInput=e,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:`${x[this.language].hours}:${x[this.language].minutes}`,value:e,onInput:e=>this.onInput(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),onKeyDown:e=>this.onKeydown(e),onKeyPress:e=>this.balKeyPress.emit(e)},this.inheritedAttributes)),i("bal-icon",{"is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))}get el(){return l(this)}static get watchers(){return{debounce:["debounceChanged"]}}};s([C("bal-time-input"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],O.prototype,"createLogger",null),s([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],O.prototype,"configChanged",null);let B=0;O.style=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-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)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-ampm-field{display:none}.bal-time-input__native.has-focus::-webkit-datetime-edit-text,.bal-time-input__native.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-hour-field,.bal-time-input__native.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-minute-field,.bal-time-input__native.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native.show-placeholder.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native.show-placeholder.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native.show-placeholder:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native.show-placeholder::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";export{O as bal_time_input}

package/dist/baloise-design-system/p-8f89168b60.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-a1f6e944.system.js"],(function(t){"use strict";var e,n,a,l,i,s,c;return{setters:[function(t){e=t.r;n=t.h;a=t.H},function(t){l=t._;i=t.a},function(t){s=t.B},function(t){c=t.L},function(){}],execute:function(){var r=".bal-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;text-align:left;gap:.25rem}.bal-content--align-center{-ms-flex-align:center;align-items:center;text-align:center}.bal-content--align-end{-ms-flex-align:end;align-items:flex-end;text-align:right}.bal-content--layout-horizontal{-ms-flex-direction:row;flex-direction:row}.bal-content--layout-vertical{-ms-flex-direction:column;flex-direction:column}.bal-content--space-none{gap:0rem}.bal-content--space-xxx-small{gap:.125rem}.bal-content--space-xx-small{gap:.25rem}.bal-content--space-x-small{gap:.5rem}.bal-content--space-small{gap:.75rem}.bal-content--space-normal{gap:1rem}.bal-content>.bal-text{margin:0}";var o=r;var m=t("bal_content",function(){function t(t){e(this,t);this.layout="vertical";this.align="start";this.space="xx-small";this.direction="";this.alignment=""}t.prototype.createLogger=function(t){this.log=t};t.prototype.render=function(){var t=s.block("content");var e=!!this.direction;var l=!!this.layout;var i=!!this.alignment;var c=!!this.align;var r=!!this.space;var o=this.layout;if(e){o=this.direction==="row"?"horizontal":"vertical"}var m=this.align.split(" ").join("-");if(i){m=this.alignment.split(" ").join("-")}return n(a,{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("layout-".concat(o)).class(l||e)),t.modifier("align-".concat(m)).class(c||i)),t.modifier("space-".concat(this.space)).class(r))},n("slot",null))};return t}());l([c("bal-content"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],m.prototype,"createLogger",null);m.style=o}}}));