@baloise/ds-core 17.0.0 → 17.1.0-nightly.20241209

package/dist/baloise-design-system/p-353ce7cb84.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(o,r,e,t){function n(o){return o instanceof e?o:new e((function(r){r(o)}))}return new(e||(e=Promise))((function(e,i){function a(o){try{d(t.next(o))}catch(o){i(o)}}function l(o){try{d(t["throw"](o))}catch(o){i(o)}}function d(o){o.done?e(o.value):n(o.value).then(a,l)}d((t=t.apply(o,r||[])).next())}))};var __generator=this&&this.__generator||function(o,r){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},t,n,i,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(o){return function(r){return d([o,r])}}function d(l){if(t)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(e=0)),e)try{if(t=1,n&&(i=l[0]&2?n["return"]:l[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,l[1])).done)return i;if(n=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:e.label++;return{value:l[1],done:false};case 5:e.label++;n=l[1];l=[0];continue;case 7:l=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){e=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){e.label=l[1];break}if(l[0]===6&&e.label<i[1]){e.label=i[1];i=l;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(l);break}if(i[2])e.ops.pop();e.trys.pop();continue}l=r.call(o,e)}catch(o){l=[6,o];n=0}finally{t=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(o,r,e){if(e||arguments.length===2)for(var t=0,n=r.length,i;t<n;t++){if(i||!(t in r)){if(!i)i=Array.prototype.slice.call(r,0,t);i[t]=r[t]}}return o.concat(i||Array.prototype.slice.call(r))};System.register(["./p-d67f7321.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-bf139fe5.system.js","./p-8949aa8b.system.js","./p-6e5745c8.system.js","./p-4d807f18.system.js","./p-a1f6e944.system.js","./p-1c41de53.system.js","./p-6913b916.system.js","./p-b52ad8d5.system.js","./p-579855c6.system.js","./p-278aed95.system.js","./p-d97dc6a8.system.js","./p-187f98a1.system.js","./p-bb6304d0.system.js","./p-0177e3a0.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-df907af8.system.js","./p-2880433e.system.js"],(function(o){"use strict";var r,e,t,n,i,a,l,d,s,p,c,u,h,b,f,_,v,w,m,g,x,y,k,j,O,z,C,A,F,S,T;return{setters:[function(o){r=o.h;e=o.r;t=o.c;n=o.H;i=o.g},function(o){a=o._;l=o.a},function(o){d=o.B},function(o){s=o.L},function(o){p=o.s},function(o){c=o.i},function(o){u=o.d},function(o){h=o.m;b=o.b;f=o.k;_=o.r;v=o.d},function(o){w=o.b},function(o){m=o.a},function(o){g=o.l},function(o){x=o.F},function(o){y=o.b},function(o){k=o.D},function(o){j=o.i;O=o.a;z=o.b;C=o.c;A=o.d},function(o){F=o.a},function(o){S=o.d},function(o){T=o.L},function(){},function(){},function(){},function(){}],execute:function(){var E=function(){function o(){var o=this;this.handleAutoFill=function(r){return __awaiter(o,void 0,void 0,(function(){var o,e;return __generator(this,(function(t){switch(t.label){case 0:p(r);if(!this.isAutoFillAllowed())return[3,2];this.component.isAutoFilled=true;o=this.component.nativeEl.value;return[4,this.parseAutoFillValueWithOptions(o)];case 1:e=t.sent();if(e===undefined){this.component.isAutoFilled=false;return[2]}if(!m(e,this.component.rawValue)){this.component.valueUtil.updateRawValueBySelection(e,true)}t.label=2;case 2:return[2]}}))}))}}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.isAutoFillAllowed=function(){return!this.component.multiple};o.prototype.parseAutoFillValueWithOptions=function(o){return __awaiter(this,void 0,void 0,(function(){var r,e,t,n;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.component.listEl.getOptions()];case 1:r=i.sent();e=undefined;for(t=0;t<r.length;t++){n=r[t];if(n.value===o||n.label===o){return[2,[n.value]]}}return[2,e]}}))}))};return o}();var L={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};var q=function(){function o(){var o=this;this.handlePointerDown=function(){o.component.isKeyboardMode=false};this.handleKeydown=function(r){o.component.isKeyboardMode=x.includes(r.key)}}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.handleFocus=function(o){this.component.hasFocus=true;this.component.balFocus.emit(o)};o.prototype.handleBlur=function(o){var r=this;if(!this.component.isExpanded){this.component.hasFocus=false;h((function(){return r.component.balBlur.emit(o)}))}};o.prototype.handleClick=function(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips){var r=o.target;var e=r.closest("bal-close");if(e){return}}if(this.component.clearable){var r=o.target;var t=r.closest(".bal-dropdown__clear");if(t){this.component.valueUtil.updateRawValueBySelection([]);return}}this.component.popupUtil.toggleList()}};o.prototype.handleOutsideClick=function(o){var r=this;var e;if(this.component.isExpanded){if(!this.component.el.contains(o.target)){this.component.isExpanded=false;(e=this.component.listEl)===null||e===void 0?void 0:e.resetFocus();this.component.hasFocus=false;h((function(){return r.component.balBlur.emit(o)}))}}};return o}();var P=function(){function o(){}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.focusOptionByLabel=function(o,r){var e=this;if(r===void 0){r={}}this.component.labelToFocus=(this.component.labelToFocus+o).trim();if(this.component.labelToFocus.length>0){clearTimeout(this.keyHitTimeout);this.keyHitTimeout=setTimeout((function(){var o;(o=e.component.listEl)===null||o===void 0?void 0:o.focusByLabel(e.component.labelToFocus,r)}),100);clearTimeout(this.timeout);this.timeout=setTimeout((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(o){this.component.labelToFocus="";return[2]}))}))}),1e3)}};return o}();var B=function(){function o(){}o.prototype.connectedCallback=function(o){this.component=o;this.component.initialValue=this.component.value};o.prototype.componentDidRender=function(){var o=this;if(this.component.selectEl){var r=this.component.selectEl.querySelectorAll("option");r.forEach((function(r){if(o.component.rawValue.includes(r.value)){r.selected=true}}))}};o.prototype.handle=function(o){var r=this;var e=o.target;if(e===null||e===void 0?void 0:e.contains(this.component.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){var o=r.component.valueUtil.parseValueString(r.component.initialValue);r.component.valueUtil.updateRawValueBySelection(o)}),0)}};return o}();var D=function(o){var e=o.name,t=o.httpFormSubmit,n=o.multiple,i=o.required,a=o.disabled,l=o.rawValue,s=o.refSelectEl;var p=d.block("dropdown");return t?r("select",{class:Object.assign({},p.element("root").element("select").class()),"aria-hidden":"true",name:e,multiple:n,required:i,disabled:a,tabindex:-1,ref:s},l.map((function(o){return r("option",{key:o,value:o,selected:true},o)}))):""};var I=function(o){var e=o.size,t=o.theme,n=o.icon,i=o.language,a=o.loading,l=o.clearable,s=o.invalid,p=o.filled,c=o.expanded,u=o.disabled;var h=d.block("dropdown");if(a){return r("bal-spinner",{class:Object.assign({},h.element("rear").class()),small:true,variation:"circle"})}else if(l&&p&&!u){return r("button",{title:L[i].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},h.element("rear").class()),h.element("clear").class()),h.element("clear").modifier("invalid").class(s)),h.element("clear").modifier("theme-purple").class(t==="purple"))},r("bal-icon",{class:Object.assign({},h.element("rear").class()),name:t==="purple"?"close":"close-circle",size:e,color:t==="purple"?"primary":"grey"}))}else{return r("bal-icon",{class:Object.assign({},h.element("rear").class()),name:n,size:e,turn:c,color:u?"grey":s?"danger":!p&&t==="purple"?"primary-light":"primary"})}};var H=function(o){var e=o.inputId,t=o.isExpanded,n=o.rawOptions,i=o.isDisabled,a=o.hasPropOptions,l=o.required,s=o.filter,p=o.multiple,c=o.contentHeight,u=o.refPanelEl,h=o.refListEl;var b=d.block("dropdown");return r("div",{id:"".concat(e,"-menu"),class:Object.assign(Object.assign({},b.element("list").class()),b.element("list").modifier("expanded").class(t)),ref:u},r("bal-option-list",{multiple:p,disabled:i,filter:s,required:l,contentHeight:c,ref:h},r("slot",null),a?n.map((function(o){return r("bal-option",{key:o.value,value:o.value,label:o.label,disabled:o.disabled,multiline:o.multiline,invalid:o.invalid,hidden:o.hidden,selected:o.selected,focused:o.focused},o.label)})):""))};var K=function(){function o(){this.updatePanelPosition=function(o,r,e){return function(){o.computePosition(r,e,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((function(o){var r=o.x,t=o.y;Object.assign(e.style,{left:"".concat(r,"px"),top:"".concat(t,"px")})}))}}}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.toggleList=function(){if(!this.component.valueUtil.isDisabled()){if(this.component.isExpanded){this.collapseList()}else{this.expandList()}}};o.prototype.expandList=function(){return __awaiter(this,void 0,void 0,(function(){var o,r;return __generator(this,(function(e){switch(e.label){case 0:if(!this.component.panelEl)return[3,2];return[4,y.load()];case 1:r=e.sent();this.component.panelCleanup=r.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(r,this.component.el,this.component.panelEl));e.label=2;case 2:this.component.isExpanded=true;return[4,(o=this.component.listEl)===null||o===void 0?void 0:o.focusSelected()];case 3:e.sent();return[2]}}))}))};o.prototype.collapseList=function(){var o;this.component.isExpanded=false;(o=this.component.listEl)===null||o===void 0?void 0:o.resetFocus();if(this.component.panelCleanup){this.component.panelCleanup()}};return o}();var R=function(){function o(){}o.prototype.connectedCallback=function(o){this.component=o};o.prototype.componentDidLoad=function(){var o=this;setTimeout((function(){return o.valueChanged(o.component.value,undefined)}),0)};o.prototype.isDisabled=function(){return this.component.disabled||this.component.readonly};o.prototype.isFilled=function(){return this.component.rawValue&&this.component.rawValue.length>0};o.prototype.valueChanged=function(o,r){var e=typeof o;var t=typeof r;if(e!==t){this.updateRawValueByValueProp(o)}if(e==="string"&&o!==r){this.updateRawValueByValueProp(o)}if(Array.isArray(o)&&Array.isArray(r)&&!m(o,r)){this.updateRawValueByValueProp(o)}};o.prototype.updateRawValueBySelection=function(o,r){if(o===void 0){o=[]}if(r===void 0){r=false}this.component.isAutoFilled=r;this.updateRawValue(o);if(this.component.multiple){this.component.balChange.emit(this.component.rawValue)}else{this.component.balChange.emit(this.component.rawValue[0])}};o.prototype.parseValueString=function(o){if(o===void 0){o=[]}var r=[];if(!g(o)&&o!==""){if(Array.isArray(o)){r=__spreadArray([],o.filter((function(o){return!g(o)})),true)}else{if(o.split("").includes(",")){r=__spreadArray([],o.split(",").filter((function(o){return o})).map((function(o){return o.trim()})),true)}else{r=[o]}}}return r};o.prototype.updateRawValueByValueProp=function(o){if(o===void 0){o=[]}var r=this.parseValueString(o);this.updateRawValue(r)};o.prototype.updateRawValue=function(){return __awaiter(this,arguments,void 0,(function(o){if(o===void 0){o=[]}return __generator(this,(function(r){switch(r.label){case 0:this.component.rawValue=o;if(!this.component.listEl)return[3,2];return[4,this.component.listEl.updateSelected(this.component.rawValue)];case 1:r.sent();r.label=2;case 2:return[4,this.updateInputContent()];case 3:r.sent();return[2]}}))}))};o.prototype.removeOption=function(o){var r=this.component.rawValue.filter((function(r){return r!==o.value}));this.updateRawValueBySelection(r)};o.prototype.updateInputContent=function(){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){switch(r.label){case 0:return[4,b()];case 1:r.sent();if(!this.component.listEl)return[3,3];o=this.component;return[4,this.component.listEl.getSelectedOptions(this.component.rawValue)];case 2:o.choices=r.sent();this.component.inputLabel=this.component.choices.map((function(o){return o.label.trim()})).sort().join(",");r.label=3;case 3:return[2]}}))}))};return o}();var V=function(o){var e=o.inlineLabel,t=o.filled,n=o.chips,i=o.placeholder,a=o.choices,l=o.invalid,s=o.disabled,p=o.readonly,c=o.onRemoveChip;var u=d.block("dropdown");if(t){if(n){return r("div",{class:Object.assign({},u.element("root").element("content").element("chips").class())},a.map((function(o){return r("bal-tag",{key:o.value,"data-test":"bal-dropdown-chip",size:"small",invalid:l,disabled:s||p,closable:!(s||p),onBalCloseClick:function(){return c(o)}},o.label)})))}else{return(e&&"".concat(e,": "))+a.map((function(o){return o.label})).join(", ")}}else{return i}};var W=function(o){var e=o.name,t=o.inputId,n=o.httpFormSubmit,i=o.ariaForm,a=o.rawValue,l=o.autocomplete,s=o.required,p=o.disabled,c=o.readonly,u=o.placeholder,h=o.expanded,b=o.invalid,f=o.language,_=o.inputLabel,v=o.inheritedAttributes,w=o.refInputEl,m=o.onChange,g=o.onFocus,x=o.onBlur,y=o.onKeyDown;var k=d.block("dropdown");var j=function(){return r("input",Object.assign({id:i.controlId||"".concat(t,"-ctrl"),class:Object.assign({},k.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:e,autoComplete:l,value:a.join(","),required:s,disabled:p,readonly:c,placeholder:u,title:h?L[f].close:L[f].open,"aria-label":h?L[f].close:L[f].open,"aria-owns":"".concat(t,"-menu"),"aria-invalid":F(b),"aria-disabled":F(p||c),"aria-labelledby":i.labelId,"aria-describedby":i.messageId,"aria-haspopup":"listbox","data-native":true,"data-label":_,"data-value":a.join(","),ref:function(o){return w(o)},onChange:function(o){return m(o)},onFocus:function(o){return g(o)},onBlur:function(o){return x(o)},onKeyDown:function(o){return y(o)}},v))};if(n){return r(j,null)}return r("form",{novalidate:true},r(j,null))};var G=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded,.bal-dropdown__root--theme-purple-expanded:hover,.bal-dropdown__root--theme-purple-expanded:active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';var U=G;var Z=o("bal_dropdown",function(){function o(o){var r=this;e(this,o);this.balChange=t(this,"balChange",7);this.balFocus=t(this,"balFocus",7);this.balBlur=t(this,"balBlur",7);this.inputId="bal-dropdown-".concat(J++);this.inheritedAttributes={};this.initialValue=[];this.nativeOptions=[];this.valueUtil=new R;this.eventsUtil=new q;this.popupUtil=new K;this.optionUtil=new k;this.formSubmitUtil=new B;this.focusUtil=new P;this.autoFillUtil=new E;this.hasConnected=false;this.listenToOptionChange=function(o){r.optionUtil.listenToOptionChange(o)};this.listenOnClickOutside=function(o){r.eventsUtil.handleOutsideClick(o)};this.resetHandler=function(o){r.formSubmitUtil.handle(o)};this.handleAutoFill=function(o){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(r){this.log("(handleAutoFill)",o,this.nativeEl.value);this.autoFillUtil.handleAutoFill(o);return[2]}))}))};this.handleKeyDown=function(o){var e,t,n,i,a;if(o&&o.key){if(r.isExpanded){if(j(o)){p(o);(e=r.listEl)===null||e===void 0?void 0:e.focusNext()}else if(O(o)){p(o);(t=r.listEl)===null||t===void 0?void 0:t.focusPrevious()}else if(o.key==="Home"||o.key==="PageUp"){p(o);(n=r.listEl)===null||n===void 0?void 0:n.focusFirst()}else if(o.key==="End"||o.key==="PageDown"){p(o);(i=r.listEl)===null||i===void 0?void 0:i.focusLast()}else if(z(o)){p(o);(a=r.listEl)===null||a===void 0?void 0:a.selectByFocus()}else if(o.key==="Tab"||C(o)){r.popupUtil.collapseList()}else if(o.key.length===1){r.focusUtil.focusOptionByLabel(o.key)}}else{if(z(o)||A(o)){p(o);r.popupUtil.expandList()}else if(o.key.length===1){r.focusUtil.focusOptionByLabel(o.key,{select:true})}}}else{if(r.isExpanded){r.popupUtil.collapseList()}}};this.rawOptions=[];this.choices=[];this.rawValue=[];this.hasFocus=false;this.isExpanded=false;this.isAutoFilled=false;this.isKeyboardMode=false;this.inputLabel="";this.ariaForm=u;this.language=S.language;this.region=S.region;this.httpFormSubmit=S.httpFormSubmit;this.labelToFocus="";this.autocomplete="off";this.name=this.inputId;this.placeholder="";this.inlineLabel="";this.icon="caret-down";this.size="";this.theme="";this.disabled=false;this.readonly=false;this.multiple=false;this.chips=false;this.clearable=false;this.invalid=false;this.required=false;this.loading=false;this.filter="includes";this.contentHeight=262;this.inverted=false;this.options=[];this.value=[]}o.prototype.createLogger=function(o){this.log=o};o.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.optionUtil.optionChanged();return[2]}))}))};o.prototype.valueChanged=function(o,r){this.valueUtil.valueChanged(o,r)};o.prototype.connectedCallback=function(){if(!this.hasConnected){this.eventsUtil.connectedCallback(this);this.valueUtil.connectedCallback(this);this.popupUtil.connectedCallback(this);this.optionUtil.connectedCallback(this);this.formSubmitUtil.connectedCallback(this);this.focusUtil.connectedCallback(this);this.autoFillUtil.connectedCallback(this)}f(this.el,"balOptionChange",this.listenToOptionChange);if(w.hasDocument){f(document,"keydown",this.eventsUtil.handleKeydown);f(document,"touchstart",this.eventsUtil.handlePointerDown);f(document,"mousedown",this.eventsUtil.handlePointerDown);f(document,"click",this.listenOnClickOutside);f(document,"reset",this.resetHandler,{capture:true})}this.hasConnected=true};o.prototype.disconnectedCallback=function(){_(this.el,"balOptionChange",this.listenToOptionChange);if(w.hasDocument){_(document,"keydown",this.eventsUtil.handleKeydown);_(document,"touchstart",this.eventsUtil.handlePointerDown);_(document,"mousedown",this.eventsUtil.handlePointerDown);_(document,"click",this.listenOnClickOutside);_(document,"reset",this.resetHandler,{capture:true})}};o.prototype.componentWillRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:this.inheritedAttributes=c(this.el,["tabindex"]);return[4,this.optionUtil.componentWillRender()];case 1:o.sent();return[2]}}))}))};o.prototype.componentDidRender=function(){this.formSubmitUtil.componentDidRender()};o.prototype.componentDidLoad=function(){this.valueUtil.componentDidLoad()};o.prototype.configChanged=function(o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.language=o.language;this.region=o.region;this.httpFormSubmit=o.httpFormSubmit;return[2]}))}))};o.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!(this.nativeEl&&!this.valueUtil.isDisabled()))return[3,2];return[4,v()];case 1:o.sent();this.nativeEl.focus();o.label=2;case 2:return[2]}}))}))};o.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){return[2,this.rawValue]}))}))};o.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.valueUtil.updateRawValueBySelection([]);return[2]}))}))};o.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.expandList()];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};o.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.collapseList()];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};o.prototype.select=function(o){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(e){r=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(r);return[2]}))}))};o.prototype.setAriaForm=function(o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},o);return[2]}))}))};o.prototype.render=function(){var o=this;var e=d.block("dropdown");var t=this.valueUtil.isFilled();var i=this.size!=="";var a="size-".concat(this.size);var l=this.theme!=="";var s="theme-".concat(this.theme);var p=this.theme==="purple"?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return r(n,{key:"76447733642f7e5cfafaee1d23b7db1d458fea13",class:Object.assign({},e.class()),tabindex:"-1",id:"".concat(this.inputId)},r("div",{key:"f15d237a0aa27c7bc6d578b107547c2ba7b36ad3",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").class()),e.element("root").modifier("focused").class(p)),e.element("root").modifier("invalid").class(this.invalid)),e.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").modifier("autofill").class(this.isAutoFilled)),e.element("root").modifier(a).class(i)),e.element("root").modifier(s).class(l)),e.element("root").modifier(s+"-filled").class(t&&l)),e.element("root").modifier(s+"-expanded").class(this.isExpanded&&l)),"data-test":"bal-dropdown-trigger",onClick:function(r){return o.eventsUtil.handleClick(r)}},r("span",{key:"8cd1f403f473212d52bb1d992e506e0db483ad11",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").element("content").class()),e.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),e.element("root").element("content").modifier(a).class(i))},r(V,{key:"5e58e0734c37d2827515449e5fe61f3fe489ad01",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:function(r){return o.valueUtil.removeOption(r)}})),r(W,{key:"f289ba14f7120bfad09dfdfc2f034bdacaf52d74",name:this.name,inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:function(r){return o.nativeEl=r},onChange:function(r){return o.handleAutoFill(r)},onFocus:function(r){return o.eventsUtil.handleFocus(r)},onBlur:function(r){return o.eventsUtil.handleBlur(r)},onKeyDown:function(r){return o.handleKeyDown(r)}}),r(D,{key:"c32cb85f707db22ed5774d0a6bbd904bc63ea69c",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:function(r){return o.selectEl=r}}),r(I,{key:"b263377bf16e268d3f555242e15325ba36d2b91f",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:t,disabled:this.valueUtil.isDisabled()})),r(H,{key:"cdfb11f2ef449f82ddf32f944cea8faea9027372",inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:function(r){return o.panelEl=r},refListEl:function(r){return o.listEl=r}},r("slot",{key:"0a281eed8eea22ec5a345d8a1db295ad85b874ed"})))};Object.defineProperty(o.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return o}());a([s("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],Z.prototype,"createLogger",null);a([T(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],Z.prototype,"configChanged",null);var J=0;Z.style=U}}}));

package/dist/baloise-design-system/p-3a1bd58a24.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-2539ba43.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{L as c}from"./p-b77e3348.js";import{s as m}from"./p-63b52c0f.js";import{F as b}from"./p-ca119357.js";import{i as d,n as h,k as g,r as p}from"./p-33101c54.js";import{d as u}from"./p-f385e205.js";import{L as v}from"./p-af4c6af2.js";import{d as f,b as k,a as x,e as y,i as _,f as w,g as j,h as O}from"./p-50927d70.js";import{L as z}from"./p-1c09c9b0.js";import{L}from"./p-5bdbc48c.js";import{L as F}from"./p-328d3102.js";import{i as C}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-73821518.js";import"./p-96216bd1.js";import"./p-946f2e6f.js";const E=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.balChange=t(this,"balChange",7),this.balSelect=t(this,"balSelect",7),this.balVertical=t(this,"balVertical",7),this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())},this.focusedValue=void 0,this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=u,this.invalid=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.value=void 0}createLogger(e){this.log=e}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}listenToDidAnimate(e){if(e&&e.target&&d(e.target,this.el)){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=b.includes(e.key);let t,i=!1;if(f(e)||k(e)?(m(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):x(e)||y(e)?(m(e),t=this.getSegmentItem("previous")):_(e)||w(e)?(m(e),t=this.getSegmentItem("next")):j(e)?(m(e),t=this.getSegmentItem("first")):O(e)&&(m(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){h((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:c}=this,m=l.block("segment");return a(s,{key:"3554d8bc4b44417e273a935a70ae89ff87e26d45",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("invalid").class(e)),m.modifier("vertical").class(t)),m.modifier("scrollable").class(i)),m.modifier("keyboard").class(n)),m.modifier("disabled").class(c)),m.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{key:"9271b42436f9c30077a60bcef7847ac04d093052",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"],value:["valueChanged"]}}};r([c("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],E.prototype,"createLogger",null),r([z(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusInListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusOutListener",null),r([v("balWillAnimate",{target:"window"}),o("design:type",Function),o("design:paramtypes",[UIEvent]),o("design:returntype",void 0)],E.prototype,"listenToDidAnimate",null),r([F(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],E.prototype,"breakpointListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"windowResizeListener",null),r([v("keydown",{target:"document"}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"listenOnKeyDownOutside",null),r([v("keydown"),o("design:type",Function),o("design:paramtypes",[KeyboardEvent]),o("design:returntype",void 0)],E.prototype,"listenOnKeyDown",null),E.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let A=0;const D=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=A++,this.inputId=`bal-si-${this.internalId}`,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;e.length>0&&(this.isFocusable=e[0]===this.el)}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()},this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=u,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},C(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical)),h((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(p(e,"balSelect",this.updateState),p(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:c}=this,m=l.block("segment-item"),b=m.element("button"),d=m.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=c&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"6da240d029f07e7760a962e388998c9c94390d4a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(p)),m.modifier("disabled").class(g)),m.modifier("checked").class(e)),m.modifier("invalid").class(h)),m.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"b388ce322243a5f47831d0ef1a65b332c191045b",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checked").class(e)),b.modifier("invalid").class(h)),b.modifier("disabled").class(g)),b.modifier("focused").class(t)),b.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"d5ba38e05534eb5ea281cc81a4ad5686b1a4f69b",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},b.element("icon").class()),b.element("icon").modifier("animated").class(e)),b.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"4a23ae6b4562a685f77f800ff6aca3e5c5e8226e",space:"x-small",layout:"horizontal"},a("bal-content",{key:"a2fb5cf35391ca37fe328534a29cad6e41a7f8fb",space:"none"},a("bal-label",{key:"b3f633a9fe0ea22a71c05982af9dabc366c72495",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"badf00b587d14525f4cea6ceda85c7f67b1b216e",part:"slot",class:Object.assign({},b.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"375942fc35e764ef3d91d62a03d08c16165c595b",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"b3a0cf381958ad671555306484ca791e93cfe21e",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};D.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{E as bal_segment,D as bal_segment_item}

package/dist/baloise-design-system/{p-c7efc6d470.entry.js → p-3af34beecd.entry.js}

@@ -1 +1 @@
-import{r as a,c as t,h as i,H as e,g as n}from"./p-2539ba43.js";import{_ as s,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{b as r}from"./p-6116192a.js";import{d as p}from"./p-a19d1e1d.js";import{L as c}from"./p-c8caa835.js";import{L as d}from"./p-69e7c8d6.js";import"./p-33101c54.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-fc542e26.js";import"./p-b77e3348.js";const g={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}},b=class{constructor(i){a(this,i),this.balChangeEventEmitter=t(this,"balChange",7),this._value=1,this.isMobile=r.isMobile,this.language=p.language,this.align="",this.size="",this.interface="",this.disabled=!1,this.value=1,this.totalPages=1,this.pageRange=2,this.sticky=!1,this.top=0}valueChanged(a){this._value=a}topValueChanged(a){this.sticky&&(this.el.style.top=`${a}px`)}componentWillLoad(){this._value=this.value,this.topValueChanged(this.top)}breakpointListener(a){this.isMobile=a.mobile}async next(){this._value<this.totalPages&&(this._value=this._value+1,this.balChangeEventEmitter.emit(this._value))}async previous(){1!==this._value&&(this._value=this._value-1,this.balChangeEventEmitter.emit(this._value))}async configChanged(a){this.language=a.language}selectPage(a){this._value=a,this.balChangeEventEmitter.emit(this._value)}getItems(a=2){const t=function(a,t,i){const e=[];(a>t||a<0)&&(a=1),t<=0&&(t=10),i<=0&&(i=2);const n=5+2*i;if(t<=n)for(let i=1;i<=t;i++)e.push({type:"page",label:i.toString(),active:i===a});else if(a<=n-2-i){for(let t=1;t<=n-2;t++)e.push({type:"page",label:t.toString(),active:t===a});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}else if(a>=t-3){e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});for(let i=t-n+3;i<=t;i++)e.push({type:"page",label:i.toString(),active:i===a})}else{e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});const n=Number(a);for(let t=n-i;t<=n+i;t++)e.push({type:"page",label:t.toString(),active:t===a});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}return e}(this._value,this.totalPages,a);return t.map((a=>"page"===a.type?this.renderPageElement(Number(a.label)):this.renderEllipsisElement()))}renderEllipsisElement(){const a=l.block("pagination").element("nav").element("pagination-list").modifier("more");return i("li",{"aria-hidden":"true"},i("div",{class:Object.assign({},a.class())},i("bal-text",{bold:!0,heading:!0,inline:!0,space:"none"},"…")))}renderPageElement(a){const t=this._value===a,e=l.block("pagination").element("nav").element("pagination-list").element("dot");return i("li",null,"small"===this.interface?i("span",{role:"button","aria-current":t?"true":void 0,class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(t)),e.modifier("inactive").class(!t)),"aria-label":a,onClick:()=>this.selectPage(a)}):i("bal-button",{square:!0,color:t?"primary":"text","aria-current":t?"true":void 0,onClick:()=>this.selectPage(a),"data-testid":"bal-pagination-page-number",size:this.isMobile||"small"===this.size?"small":""},a))}render(){const a=this.getItems(1),t=this.getItems(this.pageRange),n=l.block("pagination"),s=n.element("nav"),o=s.element("pagination-previous"),r=s.element("pagination-next"),p=s.element("pagination-list"),c="small"===this.interface,d=c?"link":"text",b=c||"small"===this.size||this.isMobile?"small":"",h=c,m=g[this.language].left,u=g[this.language].right,f=""===this.interface||c&&this.totalPages<=5;return i(e,{key:"09e36de547b42f23a30189e0e1ed4d28be5f1ba7",class:Object.assign(Object.assign({},n.class()),n.modifier("is-sticky").class(this.sticky))},i("nav",{key:"7f0c6770282939433a0315307a0c06be9440419c",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier(`context-${this.interface}`).class(""!==this.interface)),s.modifier(`align-${this.align}`).class(""!==this.align)),role:"navigation","aria-label":"pagination"},i("bal-button",{key:"0ea2d28d497cbe89a8858071a252e284790febd0",square:!0,color:d,size:b,flat:h,class:Object.assign(Object.assign({},o.class()),o.modifier(`context-${this.interface}`).class()),disabled:this._value<2||this.disabled,onClick:()=>this.previous(),"data-testid":"bal-pagination-controls-left",title:m},i("bal-icon",{key:"f509547f7dddfd18e01b828992403b3ce3ea47a1",name:"nav-go-left",size:"small"})),i("bal-button",{key:"2658807aa50c6b2c3f17427cdf4d8d684d4349f9",square:!0,color:d,size:b,flat:h,class:Object.assign(Object.assign({},r.class()),r.modifier(`context-${this.interface}`).class()),disabled:this._value===this.totalPages||this.disabled,onClick:()=>this.next(),"data-testid":"bal-pagination-controls-right",title:u},i("bal-icon",{key:"1cd086e9b73eea943723e05593a4edf83479c5f3",name:"nav-go-right",size:"small"})),f&&this.isMobile?i((()=>i("ul",{key:"a9c58c583f943609606998eff081ac505fd82ff3",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},a)),null):"",f&&!this.isMobile?i((()=>i("ul",{key:"f165f8e63bdf180408344aa91b69032ce5ce320c",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},t)),null):"",f?"":i((()=>i("span",{key:"b9053c6e1ecf8a94ea93af48d554c508126fd21e",class:Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class())},i("span",{key:"e2c9788314a42180f53285add2a1488d67030630"},this._value)," / "+this.totalPages)),null)))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"],top:["topValueChanged"]}}};s([c(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],b.prototype,"breakpointListener",null),s([d(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],b.prototype,"configChanged",null),b.style=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";export{b as bal_pagination}
+import{r as a,c as t,h as i,H as e,g as n}from"./p-2539ba43.js";import{_ as s,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{b as r}from"./p-73821518.js";import{d as p}from"./p-a19d1e1d.js";import{L as c}from"./p-328d3102.js";import{L as d}from"./p-69e7c8d6.js";import"./p-33101c54.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-946f2e6f.js";import"./p-b77e3348.js";const g={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}},b=class{constructor(i){a(this,i),this.balChangeEventEmitter=t(this,"balChange",7),this._value=1,this.isMobile=r.isMobile,this.language=p.language,this.align="",this.size="",this.interface="",this.disabled=!1,this.value=1,this.totalPages=1,this.pageRange=2,this.sticky=!1,this.top=0}valueChanged(a){this._value=a}topValueChanged(a){this.sticky&&(this.el.style.top=`${a}px`)}componentWillLoad(){this._value=this.value,this.topValueChanged(this.top)}breakpointListener(a){this.isMobile=a.mobile}async next(){this._value<this.totalPages&&(this._value=this._value+1,this.balChangeEventEmitter.emit(this._value))}async previous(){1!==this._value&&(this._value=this._value-1,this.balChangeEventEmitter.emit(this._value))}async configChanged(a){this.language=a.language}selectPage(a){this._value=a,this.balChangeEventEmitter.emit(this._value)}getItems(a=2){const t=function(a,t,i){const e=[];(a>t||a<0)&&(a=1),t<=0&&(t=10),i<=0&&(i=2);const n=5+2*i;if(t<=n)for(let i=1;i<=t;i++)e.push({type:"page",label:i.toString(),active:i===a});else if(a<=n-2-i){for(let t=1;t<=n-2;t++)e.push({type:"page",label:t.toString(),active:t===a});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}else if(a>=t-3){e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});for(let i=t-n+3;i<=t;i++)e.push({type:"page",label:i.toString(),active:i===a})}else{e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});const n=Number(a);for(let t=n-i;t<=n+i;t++)e.push({type:"page",label:t.toString(),active:t===a});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}return e}(this._value,this.totalPages,a);return t.map((a=>"page"===a.type?this.renderPageElement(Number(a.label)):this.renderEllipsisElement()))}renderEllipsisElement(){const a=l.block("pagination").element("nav").element("pagination-list").modifier("more");return i("li",{"aria-hidden":"true"},i("div",{class:Object.assign({},a.class())},i("bal-text",{bold:!0,heading:!0,inline:!0,space:"none"},"…")))}renderPageElement(a){const t=this._value===a,e=l.block("pagination").element("nav").element("pagination-list").element("dot");return i("li",null,"small"===this.interface?i("span",{role:"button","aria-current":t?"true":void 0,class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(t)),e.modifier("inactive").class(!t)),"aria-label":a,onClick:()=>this.selectPage(a)}):i("bal-button",{square:!0,color:t?"primary":"text","aria-current":t?"true":void 0,onClick:()=>this.selectPage(a),"data-testid":"bal-pagination-page-number",size:this.isMobile||"small"===this.size?"small":""},a))}render(){const a=this.getItems(1),t=this.getItems(this.pageRange),n=l.block("pagination"),s=n.element("nav"),o=s.element("pagination-previous"),r=s.element("pagination-next"),p=s.element("pagination-list"),c="small"===this.interface,d=c?"link":"text",b=c||"small"===this.size||this.isMobile?"small":"",h=c,m=g[this.language].left,u=g[this.language].right,f=""===this.interface||c&&this.totalPages<=5;return i(e,{key:"09e36de547b42f23a30189e0e1ed4d28be5f1ba7",class:Object.assign(Object.assign({},n.class()),n.modifier("is-sticky").class(this.sticky))},i("nav",{key:"7f0c6770282939433a0315307a0c06be9440419c",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier(`context-${this.interface}`).class(""!==this.interface)),s.modifier(`align-${this.align}`).class(""!==this.align)),role:"navigation","aria-label":"pagination"},i("bal-button",{key:"0ea2d28d497cbe89a8858071a252e284790febd0",square:!0,color:d,size:b,flat:h,class:Object.assign(Object.assign({},o.class()),o.modifier(`context-${this.interface}`).class()),disabled:this._value<2||this.disabled,onClick:()=>this.previous(),"data-testid":"bal-pagination-controls-left",title:m},i("bal-icon",{key:"f509547f7dddfd18e01b828992403b3ce3ea47a1",name:"nav-go-left",size:"small"})),i("bal-button",{key:"2658807aa50c6b2c3f17427cdf4d8d684d4349f9",square:!0,color:d,size:b,flat:h,class:Object.assign(Object.assign({},r.class()),r.modifier(`context-${this.interface}`).class()),disabled:this._value===this.totalPages||this.disabled,onClick:()=>this.next(),"data-testid":"bal-pagination-controls-right",title:u},i("bal-icon",{key:"1cd086e9b73eea943723e05593a4edf83479c5f3",name:"nav-go-right",size:"small"})),f&&this.isMobile?i((()=>i("ul",{key:"a9c58c583f943609606998eff081ac505fd82ff3",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},a)),null):"",f&&!this.isMobile?i((()=>i("ul",{key:"f165f8e63bdf180408344aa91b69032ce5ce320c",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},t)),null):"",f?"":i((()=>i("span",{key:"b9053c6e1ecf8a94ea93af48d554c508126fd21e",class:Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class())},i("span",{key:"e2c9788314a42180f53285add2a1488d67030630"},this._value)," / "+this.totalPages)),null)))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"],top:["topValueChanged"]}}};s([c(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],b.prototype,"breakpointListener",null),s([d(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],b.prototype,"configChanged",null),b.style=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";export{b as bal_pagination}