@baloise/ds-core 16.5.1 → 16.5.2

package/dist/esm-es5/bal-dropdown.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as areArraysEqual,q as isArrowDownKey,s as isArrowUpKey,h as isEnterKey,u as isEscapeKey,e as isSpaceKey}from"./index.esm-cc299511.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{k as rIC,b as waitAfterFramePaint,d as waitAfterIdleCallback}from"./helpers-c201154e.js";import{l as lodash_isnil}from"./index-82aff103.js";import{c as computePosition,a as autoUpdate,f as flip,s as shift}from"./floating-ui.dom.esm-f1cf1077.js";import{D as DropdownOptionUtil}from"./option-01553dab.js";import{a as ariaBooleanToString}from"./aria-d5877698.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./_commonjsHelpers-1c8beb5f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var DropdownAutoFillUtil=function(){function t(){var t=this;this.handleAutoFill=function(o){return __awaiter(t,void 0,void 0,(function(){var t,r;return __generator(this,(function(i){switch(i.label){case 0:stopEventBubbling(o);if(!this.isAutoFillAllowed())return[3,2];this.component.isAutoFilled=true;t=this.component.nativeEl.value;return[4,this.parseAutoFillValueWithOptions(t)];case 1:r=i.sent();if(r===undefined){this.component.isAutoFilled=false;return[2]}if(!areArraysEqual(r,this.component.rawValue)){this.component.valueUtil.updateRawValueBySelection(r,true)}i.label=2;case 2:return[2]}}))}))}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.isAutoFillAllowed=function(){return!this.component.multiple};t.prototype.parseAutoFillValueWithOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var o,r,i,n;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.component.listEl.getOptions()];case 1:o=e.sent();r=undefined;for(i=0;i<o.length;i++){n=o[i];if(n.value===t||n.label===t){return[2,[n.value]]}}return[2,r]}}))}))};return t}();var i18nBalDropdown={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 DropdownEventsUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.handleFocus=function(t){this.component.hasFocus=true;this.component.balFocus.emit(t)};t.prototype.handleBlur=function(t){var o=this;if(!this.component.isExpanded){this.component.hasFocus=false;rIC((function(){return o.component.balBlur.emit(t)}))}};t.prototype.handleClick=function(t){if(!this.component.valueUtil.isDisabled()){if(this.component.chips){var o=t.target;var r=o.closest("bal-close");if(r){return}}if(this.component.clearable){var o=t.target;var i=o.closest(".bal-dropdown__clear");if(i){this.component.valueUtil.updateRawValueBySelection([]);return}}this.component.popupUtil.toggleList()}};t.prototype.handleOutsideClick=function(t){var o=this;var r;if(this.component.isExpanded){if(!this.component.el.contains(t.target)){this.component.isExpanded=false;(r=this.component.listEl)===null||r===void 0?void 0:r.resetFocus();this.component.hasFocus=false;rIC((function(){return o.component.balBlur.emit(t)}))}}};return t}();var DropdownFocusUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.focusOptionByLabel=function(t,o){var r=this;if(o===void 0){o={}}this.component.labelToFocus=(this.component.labelToFocus+t).trim();if(this.component.labelToFocus.length>0){clearTimeout(this.keyHitTimeout);this.keyHitTimeout=setTimeout((function(){var t;(t=r.component.listEl)===null||t===void 0?void 0:t.focusByLabel(r.component.labelToFocus,o)}),100);clearTimeout(this.timeout);this.timeout=setTimeout((function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(t){this.component.labelToFocus="";return[2]}))}))}),1e3)}};return t}();var DropdownFormSubmitUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t;this.component.initialValue=this.component.value};t.prototype.componentDidRender=function(){var t=this;if(this.component.selectEl){var o=this.component.selectEl.querySelectorAll("option");o.forEach((function(o){if(t.component.rawValue.includes(o.value)){o.selected=true}}))}};t.prototype.handle=function(t){var o=this;var r=t.target;if(r===null||r===void 0?void 0:r.contains(this.component.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){var t=o.component.valueUtil.parseValueString(o.component.initialValue);o.component.valueUtil.updateRawValueBySelection(t)}),0)}};return t}();var DropdownNativeSelect=function(t){var o=t.name,r=t.httpFormSubmit,i=t.multiple,n=t.required,e=t.disabled,a=t.rawValue,l=t.refSelectEl;var s=BEM.block("dropdown");return r?h("select",{class:Object.assign({},s.element("root").element("select").class()),"aria-hidden":"true",name:o,multiple:i,required:n,disabled:e,tabindex:-1,ref:l},a.map((function(t){return h("option",{key:t,value:t,selected:true},t)}))):""};var DropdownIcon=function(t){var o=t.icon,r=t.language,i=t.loading,n=t.clearable,e=t.invalid,a=t.filled,l=t.expanded,s=t.disabled;var d=BEM.block("dropdown");if(i){return h("bal-spinner",{class:Object.assign({},d.element("rear").class()),small:true,variation:"circle"})}else if(n&&a&&!s){return h("button",{title:i18nBalDropdown[r].clearable,class:Object.assign(Object.assign(Object.assign({},d.element("rear").class()),d.element("clear").class()),d.element("clear").modifier("invalid").class(e))},h("bal-icon",{class:Object.assign({},d.element("rear").class()),name:"close-circle",size:"",color:"grey"}))}else{return h("bal-icon",{class:Object.assign({},d.element("rear").class()),name:o,turn:l,color:s?"grey":e?"danger":"primary"})}};var DropdownOptionList=function(t){var o=t.inputId,r=t.isExpanded,i=t.rawOptions,n=t.isDisabled,e=t.hasPropOptions,a=t.required,l=t.filter,s=t.multiple,d=t.contentHeight,c=t.refPanelEl,u=t.refListEl;var f=BEM.block("dropdown");return h("div",{id:"".concat(o,"-menu"),class:Object.assign(Object.assign({},f.element("list").class()),f.element("list").modifier("expanded").class(r)),ref:c},h("bal-option-list",{multiple:s,disabled:n,filter:l,required:a,contentHeight:d,ref:u},h("slot",null),e?i.map((function(t){return h("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label)})):""))};var DropdownPopupUtil=function(){function t(){this.updatePanelPosition=function(t,o){return function(){computePosition(t,o,{placement:"bottom-start",middleware:[flip(),shift()]}).then((function(t){var r=t.x,i=t.y;Object.assign(o.style,{left:"".concat(r,"px"),top:"".concat(i,"px")})}))}}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.toggleList=function(){if(!this.component.valueUtil.isDisabled()){if(this.component.isExpanded){this.collapseList()}else{this.expandList()}}};t.prototype.expandList=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:if(this.component.panelEl){this.component.panelCleanup=autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(this.component.el,this.component.panelEl))}this.component.isExpanded=true;return[4,(t=this.component.listEl)===null||t===void 0?void 0:t.focusSelected()];case 1:o.sent();return[2]}}))}))};t.prototype.collapseList=function(){var t;this.component.isExpanded=false;(t=this.component.listEl)===null||t===void 0?void 0:t.resetFocus();if(this.component.panelCleanup){this.component.panelCleanup()}};return t}();var DropdownValueUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.componentDidLoad=function(){var t=this;setTimeout((function(){return t.valueChanged(t.component.value,undefined)}),0)};t.prototype.isDisabled=function(){return this.component.disabled||this.component.readonly};t.prototype.isFilled=function(){return this.component.rawValue&&this.component.rawValue.length>0};t.prototype.valueChanged=function(t,o){var r=typeof t;var i=typeof o;if(r!==i){this.updateRawValueByValueProp(t)}if(r==="string"&&t!==o){this.updateRawValueByValueProp(t)}if(Array.isArray(t)&&Array.isArray(o)&&!areArraysEqual(t,o)){this.updateRawValueByValueProp(t)}};t.prototype.updateRawValueBySelection=function(t,o){if(t===void 0){t=[]}if(o===void 0){o=false}this.component.isAutoFilled=o;this.updateRawValue(t);if(this.component.multiple){this.component.balChange.emit(this.component.rawValue)}else{this.component.balChange.emit(this.component.rawValue[0])}};t.prototype.parseValueString=function(t){if(t===void 0){t=[]}var o=[];if(!lodash_isnil(t)&&t!==""){if(Array.isArray(t)){o=__spreadArray([],t.filter((function(t){return!lodash_isnil(t)})),true)}else{if(t.split("").includes(",")){o=__spreadArray([],t.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{o=[t]}}}return o};t.prototype.updateRawValueByValueProp=function(t){if(t===void 0){t=[]}var o=this.parseValueString(t);this.updateRawValue(o)};t.prototype.updateRawValue=function(t){if(t===void 0){t=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:this.component.rawValue=t;if(!this.component.listEl)return[3,2];return[4,this.component.listEl.updateSelected(this.component.rawValue)];case 1:o.sent();o.label=2;case 2:return[4,this.updateInputContent()];case 3:o.sent();return[2]}}))}))};t.prototype.removeOption=function(t){var o=this.component.rawValue.filter((function(o){return o!==t.value}));this.updateRawValueBySelection(o)};t.prototype.updateInputContent=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:return[4,waitAfterFramePaint()];case 1:o.sent();if(!this.component.listEl)return[3,3];t=this.component;return[4,this.component.listEl.getSelectedOptions(this.component.rawValue)];case 2:t.choices=o.sent();this.component.inputLabel=this.component.choices.map((function(t){return t.label.trim()})).sort().join(",");o.label=3;case 3:return[2]}}))}))};return t}();var DropdownValue=function(t){var o=t.filled,r=t.chips,i=t.placeholder,n=t.choices,e=t.invalid,a=t.disabled,l=t.readonly,s=t.onRemoveChip;var d=BEM.block("dropdown");if(o){if(r){return h("div",{class:Object.assign({},d.element("root").element("content").element("chips").class())},n.map((function(t){return h("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:e,disabled:a||l,closable:!(a||l),onBalCloseClick:function(){return s(t)}},t.label)})))}else{return n.map((function(t){return t.label})).join(", ")}}else{return i}};var DropdownInput=function(t){var o=t.name,r=t.inputId,i=t.httpFormSubmit,n=t.ariaForm,e=t.rawValue,a=t.autocomplete,l=t.required,s=t.disabled,d=t.readonly,c=t.placeholder,u=t.expanded,f=t.invalid,p=t.language,b=t.inputLabel,v=t.inheritedAttributes,w=t.refInputEl,_=t.onChange,m=t.onFocus,g=t.onBlur,y=t.onKeyDown;var x=BEM.block("dropdown");var j=function(){return h("input",Object.assign({id:n.controlId||"".concat(r,"-ctrl"),class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:o,autoComplete:a,value:e.join(","),required:l,disabled:s,readonly:d,placeholder:c,title:u?i18nBalDropdown[p].close:i18nBalDropdown[p].open,"aria-label":u?i18nBalDropdown[p].close:i18nBalDropdown[p].open,"aria-owns":"".concat(r,"-menu"),"aria-invalid":ariaBooleanToString(f),"aria-disabled":ariaBooleanToString(s||d),"aria-labelledby":n.labelId,"aria-describedby":n.messageId,"aria-haspopup":"listbox","data-native":true,"data-label":b,"data-value":e.join(","),ref:function(t){return w(t)},onChange:function(t){return _(t)},onFocus:function(t){return m(t)},onBlur:function(t){return g(t)},onKeyDown:function(t){return y(t)}},v))};if(i){return h(j,null)}return h("form",{novalidate:true},h(j,null))};var balDropdownCss=":root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-size:var(--bal-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__rear{z-index:1}";var BalDropdownStyle0=balDropdownCss;var Dropdown=function(){function t(t){var o=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.inputId="bal-dropdown-".concat(balDropdownIds++);this.inheritedAttributes={};this.initialValue=[];this.nativeOptions=[];this.valueUtil=new DropdownValueUtil;this.eventsUtil=new DropdownEventsUtil;this.popupUtil=new DropdownPopupUtil;this.optionUtil=new DropdownOptionUtil;this.formSubmitUtil=new DropdownFormSubmitUtil;this.focusUtil=new DropdownFocusUtil;this.autoFillUtil=new DropdownAutoFillUtil;this.handleAutoFill=function(t){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){this.log("(handleAutoFill)",t,this.nativeEl.value);this.autoFillUtil.handleAutoFill(t);return[2]}))}))};this.handleKeyDown=function(t){var r,i,n,e,a;if(t&&t.key){if(o.isExpanded){if(isArrowDownKey(t)){stopEventBubbling(t);(r=o.listEl)===null||r===void 0?void 0:r.focusNext()}else if(isArrowUpKey(t)){stopEventBubbling(t);(i=o.listEl)===null||i===void 0?void 0:i.focusPrevious()}else if(t.key==="Home"||t.key==="PageUp"){stopEventBubbling(t);(n=o.listEl)===null||n===void 0?void 0:n.focusFirst()}else if(t.key==="End"||t.key==="PageDown"){stopEventBubbling(t);(e=o.listEl)===null||e===void 0?void 0:e.focusLast()}else if(isEnterKey(t)){stopEventBubbling(t);(a=o.listEl)===null||a===void 0?void 0:a.selectByFocus()}else if(t.key==="Tab"||isEscapeKey(t)){o.popupUtil.collapseList()}else if(t.key.length===1){o.focusUtil.focusOptionByLabel(t.key)}}else{if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);o.popupUtil.expandList()}else if(t.key.length===1){o.focusUtil.focusOptionByLabel(t.key,{select:true})}}}else{if(o.isExpanded){o.popupUtil.collapseList()}}};this.rawOptions=[];this.choices=[];this.rawValue=[];this.hasFocus=false;this.isExpanded=false;this.isAutoFilled=false;this.inputLabel="";this.ariaForm=defaultBalAriaForm;this.language=defaultConfig.language;this.region=defaultConfig.region;this.httpFormSubmit=defaultConfig.httpFormSubmit;this.labelToFocus="";this.autocomplete="off";this.name=this.inputId;this.placeholder="";this.icon="caret-down";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=[]}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.optionUtil.optionChanged();return[2]}))}))};t.prototype.valueChanged=function(t,o){this.valueUtil.valueChanged(t,o)};t.prototype.connectedCallback=function(){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)};t.prototype.componentWillRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.inheritedAttributes=inheritAttributes(this.el,["tabindex"]);return[4,this.optionUtil.componentWillRender()];case 1:t.sent();return[2]}}))}))};t.prototype.componentDidRender=function(){this.formSubmitUtil.componentDidRender()};t.prototype.componentDidLoad=function(){this.valueUtil.componentDidLoad()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.language=t.language;this.region=t.region;this.httpFormSubmit=t.httpFormSubmit;return[2]}))}))};t.prototype.listenToOptionChange=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.optionUtil.listenToOptionChange(t);return[2]}))}))};t.prototype.listenOnClickOutside=function(t){this.eventsUtil.handleOutsideClick(t)};t.prototype.resetHandler=function(t){this.formSubmitUtil.handle(t)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.nativeEl&&!this.valueUtil.isDisabled()))return[3,2];return[4,waitAfterIdleCallback()];case 1:t.sent();this.nativeEl.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.valueUtil.updateRawValueBySelection([]);return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.expandList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.collapseList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){o=this.valueUtil.parseValueString(t);this.valueUtil.updateRawValueBySelection(o);return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.render=function(){var t=this;var o=BEM.block("dropdown");return h(Host,{class:Object.assign({},o.class()),tabindex:"-1",id:"".concat(this.inputId)},h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").class()),o.element("root").modifier("focused").class(this.hasFocus)),o.element("root").modifier("invalid").class(this.invalid)),o.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:function(o){return t.eventsUtil.handleClick(o)}},h("span",{class:Object.assign(Object.assign(Object.assign({},o.element("root").element("content").class()),o.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},h(DropdownValue,{filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:function(o){return t.valueUtil.removeOption(o)}})),h(DropdownInput,{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(o){return t.nativeEl=o},onChange:function(o){return t.handleAutoFill(o)},onFocus:function(o){return t.eventsUtil.handleFocus(o)},onBlur:function(o){return t.eventsUtil.handleBlur(o)},onKeyDown:function(o){return t.handleKeyDown(o)}}),h(DropdownNativeSelect,{name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:function(o){return t.selectEl=o}}),h(DropdownIcon,{icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),h(DropdownOptionList,{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(o){return t.panelEl=o},refListEl:function(o){return t.listEl=o}},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-dropdown"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Dropdown.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Dropdown.prototype,"configChanged",null);var balDropdownIds=0;Dropdown.style=BalDropdownStyle0;export{Dropdown as bal_dropdown};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as areArraysEqual,q as isArrowDownKey,s as isArrowUpKey,h as isEnterKey,u as isEscapeKey,e as isSpaceKey}from"./index.esm-cc299511.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{k as rIC,b as waitAfterFramePaint,d as waitAfterIdleCallback}from"./helpers-c201154e.js";import{l as lodash_isnil}from"./index-82aff103.js";import{c as computePosition,a as autoUpdate,f as flip,s as shift}from"./floating-ui.dom.esm-f1cf1077.js";import{D as DropdownOptionUtil}from"./option-01553dab.js";import{a as ariaBooleanToString}from"./aria-d5877698.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./_commonjsHelpers-1c8beb5f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var DropdownAutoFillUtil=function(){function t(){var t=this;this.handleAutoFill=function(o){return __awaiter(t,void 0,void 0,(function(){var t,r;return __generator(this,(function(i){switch(i.label){case 0:stopEventBubbling(o);if(!this.isAutoFillAllowed())return[3,2];this.component.isAutoFilled=true;t=this.component.nativeEl.value;return[4,this.parseAutoFillValueWithOptions(t)];case 1:r=i.sent();if(r===undefined){this.component.isAutoFilled=false;return[2]}if(!areArraysEqual(r,this.component.rawValue)){this.component.valueUtil.updateRawValueBySelection(r,true)}i.label=2;case 2:return[2]}}))}))}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.isAutoFillAllowed=function(){return!this.component.multiple};t.prototype.parseAutoFillValueWithOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var o,r,i,n;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.component.listEl.getOptions()];case 1:o=e.sent();r=undefined;for(i=0;i<o.length;i++){n=o[i];if(n.value===t||n.label===t){return[2,[n.value]]}}return[2,r]}}))}))};return t}();var i18nBalDropdown={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 DropdownEventsUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.handleFocus=function(t){this.component.hasFocus=true;this.component.balFocus.emit(t)};t.prototype.handleBlur=function(t){var o=this;if(!this.component.isExpanded){this.component.hasFocus=false;rIC((function(){return o.component.balBlur.emit(t)}))}};t.prototype.handleClick=function(t){if(!this.component.valueUtil.isDisabled()){if(this.component.chips){var o=t.target;var r=o.closest("bal-close");if(r){return}}if(this.component.clearable){var o=t.target;var i=o.closest(".bal-dropdown__clear");if(i){this.component.valueUtil.updateRawValueBySelection([]);return}}this.component.popupUtil.toggleList()}};t.prototype.handleOutsideClick=function(t){var o=this;var r;if(this.component.isExpanded){if(!this.component.el.contains(t.target)){this.component.isExpanded=false;(r=this.component.listEl)===null||r===void 0?void 0:r.resetFocus();this.component.hasFocus=false;rIC((function(){return o.component.balBlur.emit(t)}))}}};return t}();var DropdownFocusUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.focusOptionByLabel=function(t,o){var r=this;if(o===void 0){o={}}this.component.labelToFocus=(this.component.labelToFocus+t).trim();if(this.component.labelToFocus.length>0){clearTimeout(this.keyHitTimeout);this.keyHitTimeout=setTimeout((function(){var t;(t=r.component.listEl)===null||t===void 0?void 0:t.focusByLabel(r.component.labelToFocus,o)}),100);clearTimeout(this.timeout);this.timeout=setTimeout((function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(t){this.component.labelToFocus="";return[2]}))}))}),1e3)}};return t}();var DropdownFormSubmitUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t;this.component.initialValue=this.component.value};t.prototype.componentDidRender=function(){var t=this;if(this.component.selectEl){var o=this.component.selectEl.querySelectorAll("option");o.forEach((function(o){if(t.component.rawValue.includes(o.value)){o.selected=true}}))}};t.prototype.handle=function(t){var o=this;var r=t.target;if(r===null||r===void 0?void 0:r.contains(this.component.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){var t=o.component.valueUtil.parseValueString(o.component.initialValue);o.component.valueUtil.updateRawValueBySelection(t)}),0)}};return t}();var DropdownNativeSelect=function(t){var o=t.name,r=t.httpFormSubmit,i=t.multiple,n=t.required,e=t.disabled,a=t.rawValue,l=t.refSelectEl;var s=BEM.block("dropdown");return r?h("select",{class:Object.assign({},s.element("root").element("select").class()),"aria-hidden":"true",name:o,multiple:i,required:n,disabled:e,tabindex:-1,ref:l},a.map((function(t){return h("option",{key:t,value:t,selected:true},t)}))):""};var DropdownIcon=function(t){var o=t.icon,r=t.language,i=t.loading,n=t.clearable,e=t.invalid,a=t.filled,l=t.expanded,s=t.disabled;var d=BEM.block("dropdown");if(i){return h("bal-spinner",{class:Object.assign({},d.element("rear").class()),small:true,variation:"circle"})}else if(n&&a&&!s){return h("button",{title:i18nBalDropdown[r].clearable,class:Object.assign(Object.assign(Object.assign({},d.element("rear").class()),d.element("clear").class()),d.element("clear").modifier("invalid").class(e))},h("bal-icon",{class:Object.assign({},d.element("rear").class()),name:"close-circle",size:"",color:"grey"}))}else{return h("bal-icon",{class:Object.assign({},d.element("rear").class()),name:o,turn:l,color:s?"grey":e?"danger":"primary"})}};var DropdownOptionList=function(t){var o=t.inputId,r=t.isExpanded,i=t.rawOptions,n=t.isDisabled,e=t.hasPropOptions,a=t.required,l=t.filter,s=t.multiple,d=t.contentHeight,c=t.refPanelEl,u=t.refListEl;var f=BEM.block("dropdown");return h("div",{id:"".concat(o,"-menu"),class:Object.assign(Object.assign({},f.element("list").class()),f.element("list").modifier("expanded").class(r)),ref:c},h("bal-option-list",{multiple:s,disabled:n,filter:l,required:a,contentHeight:d,ref:u},h("slot",null),e?i.map((function(t){return h("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label)})):""))};var DropdownPopupUtil=function(){function t(){this.updatePanelPosition=function(t,o){return function(){computePosition(t,o,{placement:"bottom-start",middleware:[flip(),shift()]}).then((function(t){var r=t.x,i=t.y;Object.assign(o.style,{left:"".concat(r,"px"),top:"".concat(i,"px")})}))}}}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.toggleList=function(){if(!this.component.valueUtil.isDisabled()){if(this.component.isExpanded){this.collapseList()}else{this.expandList()}}};t.prototype.expandList=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:if(this.component.panelEl){this.component.panelCleanup=autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(this.component.el,this.component.panelEl))}this.component.isExpanded=true;return[4,(t=this.component.listEl)===null||t===void 0?void 0:t.focusSelected()];case 1:o.sent();return[2]}}))}))};t.prototype.collapseList=function(){var t;this.component.isExpanded=false;(t=this.component.listEl)===null||t===void 0?void 0:t.resetFocus();if(this.component.panelCleanup){this.component.panelCleanup()}};return t}();var DropdownValueUtil=function(){function t(){}t.prototype.connectedCallback=function(t){this.component=t};t.prototype.componentDidLoad=function(){var t=this;setTimeout((function(){return t.valueChanged(t.component.value,undefined)}),0)};t.prototype.isDisabled=function(){return this.component.disabled||this.component.readonly};t.prototype.isFilled=function(){return this.component.rawValue&&this.component.rawValue.length>0};t.prototype.valueChanged=function(t,o){var r=typeof t;var i=typeof o;if(r!==i){this.updateRawValueByValueProp(t)}if(r==="string"&&t!==o){this.updateRawValueByValueProp(t)}if(Array.isArray(t)&&Array.isArray(o)&&!areArraysEqual(t,o)){this.updateRawValueByValueProp(t)}};t.prototype.updateRawValueBySelection=function(t,o){if(t===void 0){t=[]}if(o===void 0){o=false}this.component.isAutoFilled=o;this.updateRawValue(t);if(this.component.multiple){this.component.balChange.emit(this.component.rawValue)}else{this.component.balChange.emit(this.component.rawValue[0])}};t.prototype.parseValueString=function(t){if(t===void 0){t=[]}var o=[];if(!lodash_isnil(t)&&t!==""){if(Array.isArray(t)){o=__spreadArray([],t.filter((function(t){return!lodash_isnil(t)})),true)}else{if(t.split("").includes(",")){o=__spreadArray([],t.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{o=[t]}}}return o};t.prototype.updateRawValueByValueProp=function(t){if(t===void 0){t=[]}var o=this.parseValueString(t);this.updateRawValue(o)};t.prototype.updateRawValue=function(t){if(t===void 0){t=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:this.component.rawValue=t;if(!this.component.listEl)return[3,2];return[4,this.component.listEl.updateSelected(this.component.rawValue)];case 1:o.sent();o.label=2;case 2:return[4,this.updateInputContent()];case 3:o.sent();return[2]}}))}))};t.prototype.removeOption=function(t){var o=this.component.rawValue.filter((function(o){return o!==t.value}));this.updateRawValueBySelection(o)};t.prototype.updateInputContent=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:return[4,waitAfterFramePaint()];case 1:o.sent();if(!this.component.listEl)return[3,3];t=this.component;return[4,this.component.listEl.getSelectedOptions(this.component.rawValue)];case 2:t.choices=o.sent();this.component.inputLabel=this.component.choices.map((function(t){return t.label.trim()})).sort().join(",");o.label=3;case 3:return[2]}}))}))};return t}();var DropdownValue=function(t){var o=t.filled,r=t.chips,i=t.placeholder,n=t.choices,e=t.invalid,a=t.disabled,l=t.readonly,s=t.onRemoveChip;var d=BEM.block("dropdown");if(o){if(r){return h("div",{class:Object.assign({},d.element("root").element("content").element("chips").class())},n.map((function(t){return h("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:e,disabled:a||l,closable:!(a||l),onBalCloseClick:function(){return s(t)}},t.label)})))}else{return n.map((function(t){return t.label})).join(", ")}}else{return i}};var DropdownInput=function(t){var o=t.name,r=t.inputId,i=t.httpFormSubmit,n=t.ariaForm,e=t.rawValue,a=t.autocomplete,l=t.required,s=t.disabled,d=t.readonly,c=t.placeholder,u=t.expanded,f=t.invalid,p=t.language,b=t.inputLabel,v=t.inheritedAttributes,w=t.refInputEl,_=t.onChange,m=t.onFocus,g=t.onBlur,y=t.onKeyDown;var x=BEM.block("dropdown");var j=function(){return h("input",Object.assign({id:n.controlId||"".concat(r,"-ctrl"),class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:o,autoComplete:a,value:e.join(","),required:l,disabled:s,readonly:d,placeholder:c,title:u?i18nBalDropdown[p].close:i18nBalDropdown[p].open,"aria-label":u?i18nBalDropdown[p].close:i18nBalDropdown[p].open,"aria-owns":"".concat(r,"-menu"),"aria-invalid":ariaBooleanToString(f),"aria-disabled":ariaBooleanToString(s||d),"aria-labelledby":n.labelId,"aria-describedby":n.messageId,"aria-haspopup":"listbox","data-native":true,"data-label":b,"data-value":e.join(","),ref:function(t){return w(t)},onChange:function(t){return _(t)},onFocus:function(t){return m(t)},onBlur:function(t){return g(t)},onKeyDown:function(t){return y(t)}},v))};if(i){return h(j,null)}return h("form",{novalidate:true},h(j,null))};var balDropdownCss=":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-size:var(--bal-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__rear{z-index:1}";var BalDropdownStyle0=balDropdownCss;var Dropdown=function(){function t(t){var o=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.inputId="bal-dropdown-".concat(balDropdownIds++);this.inheritedAttributes={};this.initialValue=[];this.nativeOptions=[];this.valueUtil=new DropdownValueUtil;this.eventsUtil=new DropdownEventsUtil;this.popupUtil=new DropdownPopupUtil;this.optionUtil=new DropdownOptionUtil;this.formSubmitUtil=new DropdownFormSubmitUtil;this.focusUtil=new DropdownFocusUtil;this.autoFillUtil=new DropdownAutoFillUtil;this.handleAutoFill=function(t){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){this.log("(handleAutoFill)",t,this.nativeEl.value);this.autoFillUtil.handleAutoFill(t);return[2]}))}))};this.handleKeyDown=function(t){var r,i,n,e,a;if(t&&t.key){if(o.isExpanded){if(isArrowDownKey(t)){stopEventBubbling(t);(r=o.listEl)===null||r===void 0?void 0:r.focusNext()}else if(isArrowUpKey(t)){stopEventBubbling(t);(i=o.listEl)===null||i===void 0?void 0:i.focusPrevious()}else if(t.key==="Home"||t.key==="PageUp"){stopEventBubbling(t);(n=o.listEl)===null||n===void 0?void 0:n.focusFirst()}else if(t.key==="End"||t.key==="PageDown"){stopEventBubbling(t);(e=o.listEl)===null||e===void 0?void 0:e.focusLast()}else if(isEnterKey(t)){stopEventBubbling(t);(a=o.listEl)===null||a===void 0?void 0:a.selectByFocus()}else if(t.key==="Tab"||isEscapeKey(t)){o.popupUtil.collapseList()}else if(t.key.length===1){o.focusUtil.focusOptionByLabel(t.key)}}else{if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);o.popupUtil.expandList()}else if(t.key.length===1){o.focusUtil.focusOptionByLabel(t.key,{select:true})}}}else{if(o.isExpanded){o.popupUtil.collapseList()}}};this.rawOptions=[];this.choices=[];this.rawValue=[];this.hasFocus=false;this.isExpanded=false;this.isAutoFilled=false;this.inputLabel="";this.ariaForm=defaultBalAriaForm;this.language=defaultConfig.language;this.region=defaultConfig.region;this.httpFormSubmit=defaultConfig.httpFormSubmit;this.labelToFocus="";this.autocomplete="off";this.name=this.inputId;this.placeholder="";this.icon="caret-down";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=[]}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.optionUtil.optionChanged();return[2]}))}))};t.prototype.valueChanged=function(t,o){this.valueUtil.valueChanged(t,o)};t.prototype.connectedCallback=function(){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)};t.prototype.componentWillRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.inheritedAttributes=inheritAttributes(this.el,["tabindex"]);return[4,this.optionUtil.componentWillRender()];case 1:t.sent();return[2]}}))}))};t.prototype.componentDidRender=function(){this.formSubmitUtil.componentDidRender()};t.prototype.componentDidLoad=function(){this.valueUtil.componentDidLoad()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.language=t.language;this.region=t.region;this.httpFormSubmit=t.httpFormSubmit;return[2]}))}))};t.prototype.listenToOptionChange=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.optionUtil.listenToOptionChange(t);return[2]}))}))};t.prototype.listenOnClickOutside=function(t){this.eventsUtil.handleOutsideClick(t)};t.prototype.resetHandler=function(t){this.formSubmitUtil.handle(t)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.nativeEl&&!this.valueUtil.isDisabled()))return[3,2];return[4,waitAfterIdleCallback()];case 1:t.sent();this.nativeEl.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.valueUtil.updateRawValueBySelection([]);return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.expandList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.valueUtil.isDisabled()&&this.panelEl))return[3,2];return[4,this.popupUtil.collapseList()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){o=this.valueUtil.parseValueString(t);this.valueUtil.updateRawValueBySelection(o);return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.render=function(){var t=this;var o=BEM.block("dropdown");return h(Host,{class:Object.assign({},o.class()),tabindex:"-1",id:"".concat(this.inputId)},h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("root").class()),o.element("root").modifier("focused").class(this.hasFocus)),o.element("root").modifier("invalid").class(this.invalid)),o.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:function(o){return t.eventsUtil.handleClick(o)}},h("span",{class:Object.assign(Object.assign(Object.assign({},o.element("root").element("content").class()),o.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),o.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},h(DropdownValue,{filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:function(o){return t.valueUtil.removeOption(o)}})),h(DropdownInput,{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(o){return t.nativeEl=o},onChange:function(o){return t.handleAutoFill(o)},onFocus:function(o){return t.eventsUtil.handleFocus(o)},onBlur:function(o){return t.eventsUtil.handleBlur(o)},onKeyDown:function(o){return t.handleKeyDown(o)}}),h(DropdownNativeSelect,{name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:function(o){return t.selectEl=o}}),h(DropdownIcon,{icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),h(DropdownOptionList,{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(o){return t.panelEl=o},refListEl:function(o){return t.listEl=o}},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-dropdown"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Dropdown.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Dropdown.prototype,"configChanged",null);var balDropdownIds=0;Dropdown.style=BalDropdownStyle0;export{Dropdown as bal_dropdown};

package/dist/esm-es5/bal-field_5.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{e as deepReady,b as waitAfterFramePaint}from"./helpers-c201154e.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{L as ListenToMutation}from"./mutation.decorator-c7b24839.js";import{B as BEM}from"./bem-8c7d2eb0.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";var balFieldCss=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-control{padding-bottom:1.375rem}.bal-field-control+.bal-field-message{margin-top:-1.5rem !important}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";var BalFieldStyle0=balFieldCss;var Field=function(){function e(e){var i=this;registerInstance(this,e);this.balFormControlDidLoad=createEvent(this,"balFormControlDidLoad",7);this.fieldId="bal-field-".concat(FieldIds++);this.formControlElement=["bal-field-control"];this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-datepicker","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"];this.formElements=__spreadArray(__spreadArray([],this.formControlElement,true),["bal-field-label","bal-field-message"],false);this.isDirectChild=function(e){if(!e){return false}var l=e.parentElement;if(!l){return false}if(l.nodeName.toLowerCase()==="bal-field"&&l!==i.el){return false}if(l===i.el){return true}return i.isDirectChild(l)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var l=i.el.querySelector(e);var t=i.isDirectChild(l);if(t){if(i.isVisible(l)){return l}}return undefined};this.findDirectChildren=function(e){return e.map((function(e){return Array.from(i.el.querySelectorAll(e)).filter(i.isDirectChild).filter(i.isVisible)})).flat()};this.mutationObserverActive=true;this.required=undefined;this.horizontal=false;this.invalid=undefined;this.valid=false;this.disabled=undefined;this.readonly=undefined;this.loading=undefined}e.prototype.requiredHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),["bal-field-label"],false),"required")};e.prototype.invalidHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"invalid")};e.prototype.validHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"valid")};e.prototype.disabledHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"disabled")};e.prototype.readonlyHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"readonly")};e.prototype.loadingHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formControlElement,true),"loading")};e.prototype.connectedCallback=function(){this.triggerAllHandlers()};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.syncAriaAttributes()];case 1:e.sent();return[2]}}))}))};e.prototype.syncAriaAttributes=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,l,t,a,n;return __generator(this,(function(r){switch(r.label){case 0:return[4,deepReady(this.el)];case 1:r.sent();return[4,waitAfterFramePaint()];case 2:r.sent();e=this.findDirectChild("bal-field-label bal-label");i=this.findDirectChild("bal-field-message");l=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment-item","bal-field-control bal-segment","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-datepicker","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]);t=defaultBalAriaForm;if(e){t.labelId="".concat(this.fieldId,"-lbl")}if(i){t.messageId="".concat(this.fieldId,"-msg")}a=0;r.label=3;case 3:if(!(a<l.length))return[3,10];n=l[a];if(!(a===0))return[3,7];t.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null||e===void 0?void 0:e.setAriaForm(t)];case 4:r.sent();return[4,i===null||i===void 0?void 0:i.setAriaForm(t)];case 5:r.sent();return[4,n===null||n===void 0?void 0:n.setAriaForm(t)];case 6:r.sent();return[3,9];case 7:t.controlId="".concat(this.fieldId,"-ctrl-").concat(a);return[4,n===null||n===void 0?void 0:n.setAriaForm(t)];case 8:r.sent();r.label=9;case 9:a++;return[3,3];case 10:return[2]}}))}))};e.prototype.mutationListener=function(){this.triggerAllHandlers();this.syncAriaAttributes()};e.prototype.triggerAllHandlers=function(){this.requiredHandler();this.invalidHandler();this.validHandler();this.readonlyHandler();this.disabledHandler();this.loadingHandler()};e.prototype.updateProps=function(e,i){var l=this[i];if(l!==undefined){this.notifyComponents(e,(function(e){return e[i]=l}))}};e.prototype.notifyComponents=function(e,i){var l=this.el.querySelectorAll(e.join(", "));l.forEach((function(e){return i(e)}))};e.prototype.render=function(){return h(Host,{id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},h("slot",null),h("span",{class:"bal-field-hidden"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}},enumerable:false,configurable:true});return e}();__decorate([ListenToMutation({subtree:false,waitAfterFramePrint:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Field.prototype,"mutationListener",null);var FieldIds=0;Field.style=BalFieldStyle0;var FieldControl=function(){function e(e){registerInstance(this,e);this.iconRight="";this.iconLeft="";this.expandedOnMobile=undefined;this.loading=false}Object.defineProperty(e.prototype,"buildIconLeftTemplate",{get:function(){if(this.iconLeft){return h("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"})}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buildIconRightTemplate",{get:function(){if(this.iconRight){return h("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"})}return""},enumerable:false,configurable:true});e.prototype.render=function(){return h(Host,{class:{"bal-field-control":true,control:true,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},h("slot",null),this.buildIconLeftTemplate,this.buildIconRightTemplate)};return e}();var FieldHint=function(){function e(e){registerInstance(this,e);this.subject="";this.closeLabel="Close";this.small=false}e.prototype.render=function(){var e=BEM.block("field-hint");return h(Host,{class:Object.assign({},e.class())},h("bal-hint",{class:Object.assign({},e.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?h("bal-hint-title",null,this.subject):"",h("bal-hint-text",null,h("slot",null))))};return e}();var FieldLabel=function(){function e(e){registerInstance(this,e);this.htmlFor=undefined;this.required=true;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="small";this.weight="bold"}e.prototype.componentDidLoad=function(){if(this.element){this.parentBalFieldElement=this.element.closest("bal-field");if(this.parentBalFieldElement){this.parentBalFieldElement.classList.add("has-label")}}};e.prototype.disconnectedCallback=function(){if(this.parentBalFieldElement){this.parentBalFieldElement.classList.remove("has-label")}};e.prototype.render=function(){return h(Host,{class:"bal-field-label"},h("bal-label",{multiline:true,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var FieldMessage=function(){function e(e){registerInstance(this,e);this.ariaForm=defaultBalAriaForm;this.color="";this.invalid=false;this.valid=false;this.disabled=false;this.readonly=false}e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e;return h(Host,{id:this.ariaForm.messageId,class:(e={"bal-field-message":true,help:true,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly},e["is-".concat(this.color)]=!!this.color,e)},h("slot",null))};return e}();export{Field as bal_field,FieldControl as bal_field_control,FieldHint as bal_field_hint,FieldLabel as bal_field_label,FieldMessage as bal_field_message};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{e as deepReady,b as waitAfterFramePaint}from"./helpers-c201154e.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import{L as ListenToMutation}from"./mutation.decorator-c7b24839.js";import{B as BEM}from"./bem-8c7d2eb0.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";var balFieldCss=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-control{padding-bottom:1.375rem}.bal-field-control+.bal-field-message{margin-top:-1.5rem !important}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";var BalFieldStyle0=balFieldCss;var Field=function(){function e(e){var i=this;registerInstance(this,e);this.balFormControlDidLoad=createEvent(this,"balFormControlDidLoad",7);this.fieldId="bal-field-".concat(FieldIds++);this.formControlElement=["bal-field-control"];this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-datepicker","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"];this.formElements=__spreadArray(__spreadArray([],this.formControlElement,true),["bal-field-label","bal-field-message"],false);this.isDirectChild=function(e){if(!e){return false}var l=e.parentElement;if(!l){return false}if(l.nodeName.toLowerCase()==="bal-field"&&l!==i.el){return false}if(l===i.el){return true}return i.isDirectChild(l)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var l=i.el.querySelector(e);var t=i.isDirectChild(l);if(t){if(i.isVisible(l)){return l}}return undefined};this.findDirectChildren=function(e){return e.map((function(e){return Array.from(i.el.querySelectorAll(e)).filter(i.isDirectChild).filter(i.isVisible)})).flat()};this.mutationObserverActive=true;this.required=undefined;this.horizontal=false;this.invalid=undefined;this.valid=false;this.disabled=undefined;this.readonly=undefined;this.loading=undefined}e.prototype.requiredHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),["bal-field-label"],false),"required")};e.prototype.invalidHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"invalid")};e.prototype.validHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"valid")};e.prototype.disabledHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"disabled")};e.prototype.readonlyHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"readonly")};e.prototype.loadingHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formControlElement,true),"loading")};e.prototype.connectedCallback=function(){this.triggerAllHandlers()};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.syncAriaAttributes()];case 1:e.sent();return[2]}}))}))};e.prototype.syncAriaAttributes=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,l,t,a,n;return __generator(this,(function(r){switch(r.label){case 0:return[4,deepReady(this.el)];case 1:r.sent();return[4,waitAfterFramePaint()];case 2:r.sent();e=this.findDirectChild("bal-field-label bal-label");i=this.findDirectChild("bal-field-message");l=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-datepicker","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]);t=defaultBalAriaForm;if(e){t.labelId="".concat(this.fieldId,"-lbl")}if(i){t.messageId="".concat(this.fieldId,"-msg")}a=0;r.label=3;case 3:if(!(a<l.length))return[3,10];n=l[a];if(!(a===0))return[3,7];t.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null||e===void 0?void 0:e.setAriaForm(t)];case 4:r.sent();return[4,i===null||i===void 0?void 0:i.setAriaForm(t)];case 5:r.sent();return[4,n===null||n===void 0?void 0:n.setAriaForm(t)];case 6:r.sent();return[3,9];case 7:t.controlId="".concat(this.fieldId,"-ctrl-").concat(a);return[4,n===null||n===void 0?void 0:n.setAriaForm(t)];case 8:r.sent();r.label=9;case 9:a++;return[3,3];case 10:return[2]}}))}))};e.prototype.mutationListener=function(){this.triggerAllHandlers();this.syncAriaAttributes()};e.prototype.triggerAllHandlers=function(){this.requiredHandler();this.invalidHandler();this.validHandler();this.readonlyHandler();this.disabledHandler();this.loadingHandler()};e.prototype.updateProps=function(e,i){var l=this[i];if(l!==undefined){this.notifyComponents(e,(function(e){return e[i]=l}))}};e.prototype.notifyComponents=function(e,i){var l=this.el.querySelectorAll(e.join(", "));l.forEach((function(e){return i(e)}))};e.prototype.render=function(){return h(Host,{id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},h("slot",null),h("span",{class:"bal-field-hidden"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}},enumerable:false,configurable:true});return e}();__decorate([ListenToMutation({subtree:false,waitAfterFramePrint:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Field.prototype,"mutationListener",null);var FieldIds=0;Field.style=BalFieldStyle0;var FieldControl=function(){function e(e){registerInstance(this,e);this.iconRight="";this.iconLeft="";this.expandedOnMobile=undefined;this.loading=false}Object.defineProperty(e.prototype,"buildIconLeftTemplate",{get:function(){if(this.iconLeft){return h("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"})}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buildIconRightTemplate",{get:function(){if(this.iconRight){return h("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"})}return""},enumerable:false,configurable:true});e.prototype.render=function(){return h(Host,{class:{"bal-field-control":true,control:true,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},h("slot",null),this.buildIconLeftTemplate,this.buildIconRightTemplate)};return e}();var FieldHint=function(){function e(e){registerInstance(this,e);this.subject="";this.closeLabel="Close";this.small=false}e.prototype.render=function(){var e=BEM.block("field-hint");return h(Host,{class:Object.assign({},e.class())},h("bal-hint",{class:Object.assign({},e.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?h("bal-hint-title",null,this.subject):"",h("bal-hint-text",null,h("slot",null))))};return e}();var FieldLabel=function(){function e(e){registerInstance(this,e);this.htmlFor=undefined;this.required=true;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="small";this.weight="bold"}e.prototype.componentDidLoad=function(){if(this.element){this.parentBalFieldElement=this.element.closest("bal-field");if(this.parentBalFieldElement){this.parentBalFieldElement.classList.add("has-label")}}};e.prototype.disconnectedCallback=function(){if(this.parentBalFieldElement){this.parentBalFieldElement.classList.remove("has-label")}};e.prototype.render=function(){return h(Host,{class:"bal-field-label"},h("bal-label",{multiline:true,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var FieldMessage=function(){function e(e){registerInstance(this,e);this.ariaForm=defaultBalAriaForm;this.color="";this.invalid=false;this.valid=false;this.disabled=false;this.readonly=false}e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e;return h(Host,{id:this.ariaForm.messageId,class:(e={"bal-field-message":true,help:true,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly},e["is-".concat(this.color)]=!!this.color,e)},h("slot",null))};return e}();export{Field as bal_field,FieldControl as bal_field_control,FieldHint as bal_field_hint,FieldLabel as bal_field_label,FieldMessage as bal_field_message};

package/dist/esm-es5/bal-footer.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{l as loadFooterLinks,a as loadSocialMediaLinks,L as Language}from"./index.esm-cc299511.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{k as rIC}from"./helpers-c201154e.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{e as updateBalLanguage}from"./config.utils-6ac6c9bd.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";var balFooterCss=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background-active:var(--bal-color-light-blue-3)}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);color:var(--bal-footer-color);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner,.bal-footer__inner p{color:var(--bal-footer-color)}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language bal-icon,.bal-footer__inner__wrapper__header-container__language .input{cursor:pointer}.bal-footer__inner__wrapper__header-container__language:hover bal-icon svg,.bal-footer__inner__wrapper__header-container__language:hover bal-icon g,.bal-footer__inner__wrapper__header-container__language:hover bal-icon path,.bal-footer__inner__wrapper__header-container__language:hover bal-icon circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language:hover .input{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language:active bal-icon svg,.bal-footer__inner__wrapper__header-container__language:active bal-icon g,.bal-footer__inner__wrapper__header-container__language:active bal-icon path,.bal-footer__inner__wrapper__header-container__language:active bal-icon circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language:active .input{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__language__wrapper{width:5rem}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group{background:rgba(0,0,0,0);border:none}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group:hover{background:rgba(0,0,0,0) !important}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group bal-icon{min-width:.75rem !important}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";var BalFooterStyle0=balFooterCss;var Footer=function(){function e(e){registerInstance(this,e);this.links=[];this.socialMediaLinks=[];this.language=defaultConfig.language;this.region=defaultConfig.region;this.allowedLanguages=defaultConfig.allowedLanguages;this.hideLinks=false;this.showSocialMedia=false;this.hideLanguageSelection=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.connectedCallback=function(){this.updateFooterLinks();this.updateSocialMediaLinks()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this.language!==e.language||this.region!==e.region){this.language=e.language;this.region=e.region;this.allowedLanguages=e.allowedLanguages;this.updateFooterLinks();this.updateSocialMediaLinks()}return[2]}))}))};e.prototype.changeLanguage=function(e){updateBalLanguage(e)};e.prototype.updateFooterLinks=function(){var e=this;if(!this.hideLinks&&(this.region==="CH"||this.region==="DE")){var a=this.region;rIC((function(){loadFooterLinks(new Language(e.language),a).then((function(a){return e.links=a}))}))}};e.prototype.updateSocialMediaLinks=function(){var e=this;if(this.showSocialMedia&&(this.region==="CH"||this.region==="DE")){var a=this.region;rIC((function(){loadSocialMediaLinks(new Language(e.language),a).then((function(a){return e.socialMediaLinks=a}))}))}};e.prototype.render=function(){var e=this;var a=BEM.block("footer");var r=a.element("inner");var n=r.element("wrapper");var o=n.element("container");var t=n.element("links-container");var i=n.element("header-container");var l=i.element("logo");var _=i.element("language");var s=_.element("wrapper");var c=_.element("icon");var p=t.element("legal-links");var f=t.element("social-media-links");return h(Host,{class:Object.assign({},a.class())},h("footer",{class:Object.assign({},r.class())},h("div",{class:Object.assign({},n.class())},h("div",{class:Object.assign(Object.assign({container:true},o.class()),i.class())},h("div",{class:Object.assign({},l.class())},h("bal-logo",{color:"white"})),h("div",{class:Object.assign({},_.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},h("div",{class:Object.assign({},s.class())},h("bal-input-group",null,h("bal-icon",{class:Object.assign({},c.class()),name:"web",color:"white",onClick:function(a){var r;stopEventBubbling(a);(r=e.selectEl)===null||r===void 0?void 0:r.open()}}),h("bal-select",{ref:function(a){return e.selectEl=a},value:this.language,onBalChange:function(a){return e.changeLanguage(a.detail)},"data-testid":"bal-footer-language"},this.allowedLanguages.map((function(e){return h("bal-select-option",{key:e,label:e.toLocaleUpperCase(),value:e},e.toLocaleUpperCase())}))))))),h("slot",null),h("div",{class:Object.assign(Object.assign({container:true},o.class()),t.class())},h("div",{class:Object.assign({},f.class()),style:{display:!this.showSocialMedia?"none":"flex"}},this.socialMediaLinks.map((function(e){return h("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-inverted":true}},h("bal-icon",{name:e.label.toLowerCase()}))}))),h("div",{class:Object.assign({},p.class()),style:{display:this.hideLinks?"none":"flex"}},this.links.map((function(e){return h("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-light":true}},e.label)})))))))};return e}();__decorate([Logger("bal-footer"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Footer.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Footer.prototype,"configChanged",null);Footer.style=BalFooterStyle0;export{Footer as bal_footer};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{l as loadFooterLinks,a as loadSocialMediaLinks,L as Language}from"./index.esm-cc299511.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{k as rIC}from"./helpers-c201154e.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{e as updateBalLanguage}from"./config.utils-6ac6c9bd.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";var balFooterCss=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background-active:var(--bal-color-light-blue-3)}bal-footer{--bal-dropdown-control-background:transparent;--bal-dropdown-control-input-background:transparent;--bal-dropdown-control-border-color:transparent;--bal-dropdown-popover-empty-text-color:var(--bal-color-white);--bal-dropdown-control-text-color:var(--bal-color-white);--bal-dropdown-control-text-color-focused:var(---bal-color-white)}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__list{min-width:105%;right:0 !important;left:auto !important}.bal-footer__inner__wrapper__header-container__language bal-icon,.bal-footer__inner__wrapper__header-container__language .input{cursor:pointer;min-width:auto !important}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear circle{fill:var(--bal-color-white)}.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language:hover .input,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__root__content{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language:active .input,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__root__content{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group{background:rgba(0,0,0,0);border:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group:hover{background:rgba(0,0,0,0) !important}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group bal-dropdown{min-width:5rem}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";var BalFooterStyle0=balFooterCss;var Footer=function(){function e(e){registerInstance(this,e);this.links=[];this.socialMediaLinks=[];this.language=defaultConfig.language;this.region=defaultConfig.region;this.allowedLanguages=defaultConfig.allowedLanguages;this.hideLinks=false;this.showSocialMedia=false;this.hideLanguageSelection=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.connectedCallback=function(){this.updateFooterLinks();this.updateSocialMediaLinks()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this.language!==e.language||this.region!==e.region){this.language=e.language;this.region=e.region;this.allowedLanguages=e.allowedLanguages;this.updateFooterLinks();this.updateSocialMediaLinks()}return[2]}))}))};e.prototype.changeLanguage=function(e){updateBalLanguage(e)};e.prototype.updateFooterLinks=function(){var e=this;if(!this.hideLinks&&(this.region==="CH"||this.region==="DE")){var a=this.region;rIC((function(){loadFooterLinks(new Language(e.language),a).then((function(a){return e.links=a}))}))}};e.prototype.updateSocialMediaLinks=function(){var e=this;if(this.showSocialMedia&&(this.region==="CH"||this.region==="DE")){var a=this.region;rIC((function(){loadSocialMediaLinks(new Language(e.language),a).then((function(a){return e.socialMediaLinks=a}))}))}};e.prototype.render=function(){var e=this;var a=BEM.block("footer");var r=a.element("slot");var o=a.element("inner");var n=o.element("wrapper");var t=n.element("container");var l=n.element("links-container");var i=n.element("header-container");var _=i.element("logo");var s=i.element("language");var c=s.element("wrapper");s.element("icon");var p=l.element("legal-links");var d=l.element("social-media-links");return h(Host,{class:Object.assign({},a.class())},h("footer",{class:Object.assign({},o.class())},h("div",{class:Object.assign({},n.class())},h("div",{class:Object.assign(Object.assign({container:true},t.class()),i.class())},h("div",{class:Object.assign({},_.class())},h("bal-logo",{color:"white"})),h("div",{class:Object.assign({},s.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},h("div",{class:Object.assign({},c.class())},h("bal-input-group",null,h("bal-icon",{class:"bal-dropdown__rear",name:"web",color:"white",onClick:function(a){var r;stopEventBubbling(a);(r=e.selectEl)===null||r===void 0?void 0:r.open()}}),h("bal-dropdown",{ref:function(a){return e.selectEl=a},value:this.language,onBalChange:function(a){return e.changeLanguage(a.detail)},"data-testid":"bal-footer-language"},this.allowedLanguages.map((function(e){return h("bal-option",{key:e,label:e.toLocaleUpperCase(),value:e},e.toLocaleUpperCase())}))))))),h("div",{class:Object.assign({},r.class())},h("slot",null)),h("div",{class:Object.assign(Object.assign({container:true},t.class()),l.class())},h("div",{class:Object.assign({},d.class()),style:{display:!this.showSocialMedia?"none":"flex"}},this.socialMediaLinks.map((function(e){return h("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-inverted":true}},h("bal-icon",{name:e.label.toLowerCase()}))}))),h("div",{class:Object.assign({},p.class()),style:{display:this.hideLinks?"none":"flex"}},this.links.map((function(e){return h("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-light":true}},e.label)})))))))};return e}();__decorate([Logger("bal-footer"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Footer.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Footer.prototype,"configChanged",null);Footer.style=BalFooterStyle0;export{Footer as bal_footer};

package/dist/esm-es5/bal-hint_5.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{p as preventDefault}from"./utils-9fbab1d3.js";import{B as BalScrollHandler}from"./scroll-f4b20848.js";import{b as balBreakpoints}from"./breakpoints.subject-e3538fe7.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-8a50482f.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import{b as balBrowser}from"./browser-a8073d92.js";import{L as Logger}from"./log-dfd1c19f.js";import"./index-82aff103.js";import"./helpers-c201154e.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-7cf87670.js";var balHintCss=":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";var BalHintStyle0=balHintCss;var Hint=function(){function e(e){var t=this;registerInstance(this,e);this.bodyScrollHandler=new BalScrollHandler;this.onPopoverChange=function(e){t.isActive=e.detail;preventDefault(e)};this.isActive=false;this.innerCloseLabel="Close";this.isMobile=balBreakpoints.isMobile;this.closeLabel=undefined;this.small=false}e.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};e.prototype.componentDidRender=function(){this.updateContent()};e.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};e.prototype.breakpointListener=function(e){var t=e.mobile;if(t!==this.isMobile){this.isActive=false}this.isMobile=t};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.closeLabel){switch(e.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close";break}}return[2]}))}))};e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.isActive){this.dismiss()}else{this.present()}return[2]}))}))};e.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.popoverElement){this.popoverElement.present()}if(this.isMobile){this.bodyScrollHandler.disable()}this.isActive=true;return[2]}))}))};e.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.popoverElement){this.popoverElement.dismiss()}if(this.isMobile){this.bodyScrollHandler.enable()}this.isActive=false;return[2]}))}))};e.prototype.updateContent=function(){if(this.hintContentEl&&this.slotWrapperEl){this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML}};e.prototype.render=function(){var e=this;var t=BEM.block("hint");var r=t.element("icon");var n=t.element("content");var o=n.element("buttons");var a=this.isMobile?0:8;var i=this.isMobile?0:16;var s=function(){return h("bal-icon",{class:Object.assign({},r.class()),"data-testid":"bal-hint-trigger","bal-popover-trigger":true,"aria-haspopup":"true",role:"button",name:"info-circle",onClick:function(){return e.toggle()}})};var l=function(){return h("div",{class:Object.assign({},n.class()),"data-testid":"bal-hint-content"},h("div",{ref:function(t){return e.hintContentEl=t}}),h("bal-button-group",{class:Object.assign(Object.assign({},o.class()),o.modifier("is-hidden-desktop").class(e.small))},h("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:function(){return e.dismiss()}},e.closeLabel?e.closeLabel:e.innerCloseLabel)))};var c=function(){var r=t.element("overlay");return h("div",{class:Object.assign({},r.class())},h(s,null),h("div",{class:Object.assign(Object.assign({},r.element("content").class()),r.element("content").modifier("active").class(e.isActive))},h(l,null)))};var u=function(){return h("div",{class:Object.assign({},t.element("popover").class())},h("bal-popover",{hint:true,position:"right",offsetX:0,offsetY:i,padding:a,ref:function(t){return e.popoverElement=t},onBalChange:e.onPopoverChange},h(s,null),h("bal-popover-content",{color:"grey"},h(l,null))))};var f=this.isMobile?c:u;return h(Host,{class:Object.assign({},t.class())},h(f,null),h("div",{ref:function(t){return e.slotWrapperEl=t},style:{display:"none"}},h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Hint.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Hint.prototype,"configChanged",null);Hint.style=BalHintStyle0;var HintText=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e=BEM.block("hint");var t=e.element("content");var r=t.element("text");var n=r.element("field");return h(Host,{class:Object.assign({},r.class())},h("p",{class:Object.assign({},n.class())},h("slot",null)))};return e}();var HintTitle=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e=BEM.block("hint");var t=e.element("content");var r=t.element("title");var n=r.element("heading");return h(Host,{class:Object.assign({},r.class())},h("h3",{class:Object.assign({},n.class())},h("span",null,h("slot",null))))};return e}();var top="top";var bottom="bottom";var right="right";var left="left";var auto="auto";var basePlacements=[top,bottom,right,left];var start="start";var end="end";var clippingParents="clippingParents";var viewport="viewport";var popper="popper";var reference="reference";var variationPlacements=basePlacements.reduce((function(e,t){return e.concat([t+"-"+start,t+"-"+end])}),[]);var placements=[].concat(basePlacements,[auto]).reduce((function(e,t){return e.concat([t,t+"-"+start,t+"-"+end])}),[]);var beforeRead="beforeRead";var read="read";var afterRead="afterRead";var beforeMain="beforeMain";var main="main";var afterMain="afterMain";var beforeWrite="beforeWrite";var write="write";var afterWrite="afterWrite";var modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite];function getNodeName(e){return e?(e.nodeName||"").toLowerCase():null}function getWindow(e){if(e==null){return window}if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t?t.defaultView||window:window}return e}function isElement(e){var t=getWindow(e).Element;return e instanceof t||e instanceof Element}function isHTMLElement(e){var t=getWindow(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function isShadowRoot(e){if(typeof ShadowRoot==="undefined"){return false}var t=getWindow(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function applyStyles(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{};var n=t.attributes[e]||{};var o=t.elements[e];if(!isHTMLElement(o)||!getNodeName(o)){return}Object.assign(o.style,r);Object.keys(n).forEach((function(e){var t=n[e];if(t===false){o.removeAttribute(e)}else{o.setAttribute(e,t===true?"":t)}}))}))}function effect$2(e){var t=e.state;var r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,r.popper);t.styles=r;if(t.elements.arrow){Object.assign(t.elements.arrow.style,r.arrow)}return function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e];var o=t.attributes[e]||{};var a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]);var i=a.reduce((function(e,t){e[t]="";return e}),{});if(!isHTMLElement(n)||!getNodeName(n)){return}Object.assign(n.style,i);Object.keys(o).forEach((function(e){n.removeAttribute(e)}))}))}}var applyStyles$1={name:"applyStyles",enabled:true,phase:"write",fn:applyStyles,effect:effect$2,requires:["computeStyles"]};function getBasePlacement(e){return e.split("-")[0]}var max=Math.max;var min=Math.min;var round=Math.round;function getUAString(){var e=navigator.userAgentData;if(e!=null&&e.brands&&Array.isArray(e.brands)){return e.brands.map((function(e){return e.brand+"/"+e.version})).join(" ")}return navigator.userAgent}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(getUAString())}function getBoundingClientRect(e,t,r){if(t===void 0){t=false}if(r===void 0){r=false}var n=e.getBoundingClientRect();var o=1;var a=1;if(t&&isHTMLElement(e)){o=e.offsetWidth>0?round(n.width)/e.offsetWidth||1:1;a=e.offsetHeight>0?round(n.height)/e.offsetHeight||1:1}var i=isElement(e)?getWindow(e):window,s=i.visualViewport;var l=!isLayoutViewport()&&r;var c=(n.left+(l&&s?s.offsetLeft:0))/o;var u=(n.top+(l&&s?s.offsetTop:0))/a;var f=n.width/o;var p=n.height/a;return{width:f,height:p,top:u,right:c+f,bottom:u+p,left:c,x:c,y:u}}function getLayoutRect(e){var t=getBoundingClientRect(e);var r=e.offsetWidth;var n=e.offsetHeight;if(Math.abs(t.width-r)<=1){r=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function contains(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t)){return true}else if(r&&isShadowRoot(r)){var n=t;do{if(n&&e.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function getComputedStyle(e){return getWindow(e).getComputedStyle(e)}function isTableElement(e){return["table","td","th"].indexOf(getNodeName(e))>=0}function getDocumentElement(e){return((isElement(e)?e.ownerDocument:e.document)||window.document).documentElement}function getParentNode(e){if(getNodeName(e)==="html"){return e}return e.assignedSlot||e.parentNode||(isShadowRoot(e)?e.host:null)||getDocumentElement(e)}function getTrueOffsetParent(e){if(!isHTMLElement(e)||getComputedStyle(e).position==="fixed"){return null}return e.offsetParent}function getContainingBlock(e){var t=/firefox/i.test(getUAString());var r=/Trident/i.test(getUAString());if(r&&isHTMLElement(e)){var n=getComputedStyle(e);if(n.position==="fixed"){return null}}var o=getParentNode(e);if(isShadowRoot(o)){o=o.host}while(isHTMLElement(o)&&["html","body"].indexOf(getNodeName(o))<0){var a=getComputedStyle(o);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||t&&a.willChange==="filter"||t&&a.filter&&a.filter!=="none"){return o}else{o=o.parentNode}}return null}function getOffsetParent(e){var t=getWindow(e);var r=getTrueOffsetParent(e);while(r&&isTableElement(r)&&getComputedStyle(r).position==="static"){r=getTrueOffsetParent(r)}if(r&&(getNodeName(r)==="html"||getNodeName(r)==="body"&&getComputedStyle(r).position==="static")){return t}return r||getContainingBlock(e)||t}function getMainAxisFromPlacement(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function within(e,t,r){return max(e,min(t,r))}function withinMaxClamp(e,t,r){var n=within(e,t,r);return n>r?r:n}function getFreshSideObject(){return{top:0,right:0,bottom:0,left:0}}function mergePaddingObject(e){return Object.assign({},getFreshSideObject(),e)}function expandToHashMap(e,t){return t.reduce((function(t,r){t[r]=e;return t}),{})}var toPaddingObject=function e(t,r){t=typeof t==="function"?t(Object.assign({},r.rects,{placement:r.placement})):t;return mergePaddingObject(typeof t!=="number"?t:expandToHashMap(t,basePlacements))};function arrow(e){var t;var r=e.state,n=e.name,o=e.options;var a=r.elements.arrow;var i=r.modifiersData.popperOffsets;var s=getBasePlacement(r.placement);var l=getMainAxisFromPlacement(s);var c=[left,right].indexOf(s)>=0;var u=c?"height":"width";if(!a||!i){return}var f=toPaddingObject(o.padding,r);var p=getLayoutRect(a);var v=l==="y"?top:left;var d=l==="y"?bottom:right;var h=r.rects.reference[u]+r.rects.reference[l]-i[l]-r.rects.popper[u];var b=i[l]-r.rects.reference[l];var m=getOffsetParent(a);var g=m?l==="y"?m.clientHeight||0:m.clientWidth||0:0;var _=h/2-b/2;var w=f[v];var y=g-p[u]-f[d];var O=g/2-p[u]/2+_;var x=within(w,O,y);var j=l;r.modifiersData[n]=(t={},t[j]=x,t.centerOffset=x-O,t)}function effect$1(e){var t=e.state,r=e.options;var n=r.element,o=n===void 0?"[data-popper-arrow]":n;if(o==null){return}if(typeof o==="string"){o=t.elements.popper.querySelector(o);if(!o){return}}if(!contains(t.elements.popper,o)){return}t.elements.arrow=o}var arrow$1={name:"arrow",enabled:true,phase:"main",fn:arrow,effect:effect$1,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function getVariation(e){return e.split("-")[1]}var unsetSides={top:"auto",right:"auto",bottom:"auto",left:"auto"};function roundOffsetsByDPR(e,t){var r=e.x,n=e.y;var o=t.devicePixelRatio||1;return{x:round(r*o)/o||0,y:round(n*o)/o||0}}function mapToStyles(e){var t;var r=e.popper,n=e.popperRect,o=e.placement,a=e.variation,i=e.offsets,s=e.position,l=e.gpuAcceleration,c=e.adaptive,u=e.roundOffsets,f=e.isFixed;var p=i.x,v=p===void 0?0:p,d=i.y,h=d===void 0?0:d;var b=typeof u==="function"?u({x:v,y:h}):{x:v,y:h};v=b.x;h=b.y;var m=i.hasOwnProperty("x");var g=i.hasOwnProperty("y");var _=left;var w=top;var y=window;if(c){var O=getOffsetParent(r);var x="clientHeight";var j="clientWidth";if(O===getWindow(r)){O=getDocumentElement(r);if(getComputedStyle(O).position!=="static"&&s==="absolute"){x="scrollHeight";j="scrollWidth"}}O=O;if(o===top||(o===left||o===right)&&a===end){w=bottom;var P=f&&O===y&&y.visualViewport?y.visualViewport.height:O[x];h-=P-n.height;h*=l?1:-1}if(o===left||(o===top||o===bottom)&&a===end){_=right;var S=f&&O===y&&y.visualViewport?y.visualViewport.width:O[j];v-=S-n.width;v*=l?1:-1}}var k=Object.assign({position:s},c&&unsetSides);var E=u===true?roundOffsetsByDPR({x:v,y:h},getWindow(r)):{x:v,y:h};v=E.x;h=E.y;if(l){var B;return Object.assign({},k,(B={},B[w]=g?"0":"",B[_]=m?"0":"",B.transform=(y.devicePixelRatio||1)<=1?"translate("+v+"px, "+h+"px)":"translate3d("+v+"px, "+h+"px, 0)",B))}return Object.assign({},k,(t={},t[w]=g?h+"px":"",t[_]=m?v+"px":"",t.transform="",t))}function computeStyles(e){var t=e.state,r=e.options;var n=r.gpuAcceleration,o=n===void 0?true:n,a=r.adaptive,i=a===void 0?true:a,s=r.roundOffsets,l=s===void 0?true:s;var c={placement:getBasePlacement(t.placement),variation:getVariation(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,mapToStyles(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:l})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,mapToStyles(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var computeStyles$1={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:computeStyles,data:{}};var passive={passive:true};function effect(e){var t=e.state,r=e.instance,n=e.options;var o=n.scroll,a=o===void 0?true:o,i=n.resize,s=i===void 0?true:i;var l=getWindow(t.elements.popper);var c=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(a){c.forEach((function(e){e.addEventListener("scroll",r.update,passive)}))}if(s){l.addEventListener("resize",r.update,passive)}return function(){if(a){c.forEach((function(e){e.removeEventListener("scroll",r.update,passive)}))}if(s){l.removeEventListener("resize",r.update,passive)}}}var eventListeners={name:"eventListeners",enabled:true,phase:"write",fn:function e(){},effect:effect,data:{}};var hash$1={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,(function(e){return hash$1[e]}))}var hash={start:"end",end:"start"};function getOppositeVariationPlacement(e){return e.replace(/start|end/g,(function(e){return hash[e]}))}function getWindowScroll(e){var t=getWindow(e);var r=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function getWindowScrollBarX(e){return getBoundingClientRect(getDocumentElement(e)).left+getWindowScroll(e).scrollLeft}function getViewportRect(e,t){var r=getWindow(e);var n=getDocumentElement(e);var o=r.visualViewport;var a=n.clientWidth;var i=n.clientHeight;var s=0;var l=0;if(o){a=o.width;i=o.height;var c=isLayoutViewport();if(c||!c&&t==="fixed"){s=o.offsetLeft;l=o.offsetTop}}return{width:a,height:i,x:s+getWindowScrollBarX(e),y:l}}function getDocumentRect(e){var t;var r=getDocumentElement(e);var n=getWindowScroll(e);var o=(t=e.ownerDocument)==null?void 0:t.body;var a=max(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0);var i=max(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);var s=-n.scrollLeft+getWindowScrollBarX(e);var l=-n.scrollTop;if(getComputedStyle(o||r).direction==="rtl"){s+=max(r.clientWidth,o?o.clientWidth:0)-a}return{width:a,height:i,x:s,y:l}}function isScrollParent(e){var t=getComputedStyle(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function getScrollParent(e){if(["html","body","#document"].indexOf(getNodeName(e))>=0){return e.ownerDocument.body}if(isHTMLElement(e)&&isScrollParent(e)){return e}return getScrollParent(getParentNode(e))}function listScrollParents(e,t){var r;if(t===void 0){t=[]}var n=getScrollParent(e);var o=n===((r=e.ownerDocument)==null?void 0:r.body);var a=getWindow(n);var i=o?[a].concat(a.visualViewport||[],isScrollParent(n)?n:[]):n;var s=t.concat(i);return o?s:s.concat(listScrollParents(getParentNode(i)))}function rectToClientRect(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function getInnerBoundingClientRect(e,t){var r=getBoundingClientRect(e,false,t==="fixed");r.top=r.top+e.clientTop;r.left=r.left+e.clientLeft;r.bottom=r.top+e.clientHeight;r.right=r.left+e.clientWidth;r.width=e.clientWidth;r.height=e.clientHeight;r.x=r.left;r.y=r.top;return r}function getClientRectFromMixedType(e,t,r){return t===viewport?rectToClientRect(getViewportRect(e,r)):isElement(t)?getInnerBoundingClientRect(t,r):rectToClientRect(getDocumentRect(getDocumentElement(e)))}function getClippingParents(e){var t=listScrollParents(getParentNode(e));var r=["absolute","fixed"].indexOf(getComputedStyle(e).position)>=0;var n=r&&isHTMLElement(e)?getOffsetParent(e):e;if(!isElement(n)){return[]}return t.filter((function(e){return isElement(e)&&contains(e,n)&&getNodeName(e)!=="body"}))}function getClippingRect(e,t,r,n){var o=t==="clippingParents"?getClippingParents(e):[].concat(t);var a=[].concat(o,[r]);var i=a[0];var s=a.reduce((function(t,r){var o=getClientRectFromMixedType(e,r,n);t.top=max(o.top,t.top);t.right=min(o.right,t.right);t.bottom=min(o.bottom,t.bottom);t.left=max(o.left,t.left);return t}),getClientRectFromMixedType(e,i,n));s.width=s.right-s.left;s.height=s.bottom-s.top;s.x=s.left;s.y=s.top;return s}function computeOffsets(e){var t=e.reference,r=e.element,n=e.placement;var o=n?getBasePlacement(n):null;var a=n?getVariation(n):null;var i=t.x+t.width/2-r.width/2;var s=t.y+t.height/2-r.height/2;var l;switch(o){case top:l={x:i,y:t.y-r.height};break;case bottom:l={x:i,y:t.y+t.height};break;case right:l={x:t.x+t.width,y:s};break;case left:l={x:t.x-r.width,y:s};break;default:l={x:t.x,y:t.y}}var c=o?getMainAxisFromPlacement(o):null;if(c!=null){var u=c==="y"?"height":"width";switch(a){case start:l[c]=l[c]-(t[u]/2-r[u]/2);break;case end:l[c]=l[c]+(t[u]/2-r[u]/2);break}}return l}function detectOverflow(e,t){if(t===void 0){t={}}var r=t,n=r.placement,o=n===void 0?e.placement:n,a=r.strategy,i=a===void 0?e.strategy:a,s=r.boundary,l=s===void 0?clippingParents:s,c=r.rootBoundary,u=c===void 0?viewport:c,f=r.elementContext,p=f===void 0?popper:f,v=r.altBoundary,d=v===void 0?false:v,h=r.padding,b=h===void 0?0:h;var m=mergePaddingObject(typeof b!=="number"?b:expandToHashMap(b,basePlacements));var g=p===popper?reference:popper;var _=e.rects.popper;var w=e.elements[d?g:p];var y=getClippingRect(isElement(w)?w:w.contextElement||getDocumentElement(e.elements.popper),l,u,i);var O=getBoundingClientRect(e.elements.reference);var x=computeOffsets({reference:O,element:_,strategy:"absolute",placement:o});var j=rectToClientRect(Object.assign({},_,x));var P=p===popper?j:O;var S={top:y.top-P.top+m.top,bottom:P.bottom-y.bottom+m.bottom,left:y.left-P.left+m.left,right:P.right-y.right+m.right};var k=e.modifiersData.offset;if(p===popper&&k){var E=k[o];Object.keys(S).forEach((function(e){var t=[right,bottom].indexOf(e)>=0?1:-1;var r=[top,bottom].indexOf(e)>=0?"y":"x";S[e]+=E[r]*t}))}return S}function computeAutoPlacement(e,t){if(t===void 0){t={}}var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,s=r.flipVariations,l=r.allowedAutoPlacements,c=l===void 0?placements:l;var u=getVariation(n);var f=u?s?variationPlacements:variationPlacements.filter((function(e){return getVariation(e)===u})):basePlacements;var p=f.filter((function(e){return c.indexOf(e)>=0}));if(p.length===0){p=f}var v=p.reduce((function(t,r){t[r]=detectOverflow(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[getBasePlacement(r)];return t}),{});return Object.keys(v).sort((function(e,t){return v[e]-v[t]}))}function getExpandedFallbackPlacements(e){if(getBasePlacement(e)===auto){return[]}var t=getOppositePlacement(e);return[getOppositeVariationPlacement(e),t,getOppositeVariationPlacement(t)]}function flip(e){var t=e.state,r=e.options,n=e.name;if(t.modifiersData[n]._skip){return}var o=r.mainAxis,a=o===void 0?true:o,i=r.altAxis,s=i===void 0?true:i,l=r.fallbackPlacements,c=r.padding,u=r.boundary,f=r.rootBoundary,p=r.altBoundary,v=r.flipVariations,d=v===void 0?true:v,h=r.allowedAutoPlacements;var b=t.options.placement;var m=getBasePlacement(b);var g=m===b;var _=l||(g||!d?[getOppositePlacement(b)]:getExpandedFallbackPlacements(b));var w=[b].concat(_).reduce((function(e,r){return e.concat(getBasePlacement(r)===auto?computeAutoPlacement(t,{placement:r,boundary:u,rootBoundary:f,padding:c,flipVariations:d,allowedAutoPlacements:h}):r)}),[]);var y=t.rects.reference;var O=t.rects.popper;var x=new Map;var j=true;var P=w[0];for(var S=0;S<w.length;S++){var k=w[S];var E=getBasePlacement(k);var B=getVariation(k)===start;var C=[top,bottom].indexOf(E)>=0;var T=C?"width":"height";var M=detectOverflow(t,{placement:k,boundary:u,rootBoundary:f,altBoundary:p,padding:c});var L=C?B?right:left:B?bottom:top;if(y[T]>O[T]){L=getOppositePlacement(L)}var H=getOppositePlacement(L);var R=[];if(a){R.push(M[E]<=0)}if(s){R.push(M[L]<=0,M[H]<=0)}if(R.every((function(e){return e}))){P=k;j=false;break}x.set(k,R)}if(j){var A=d?3:1;var N=function e(t){var r=w.find((function(e){var r=x.get(e);if(r){return r.slice(0,t).every((function(e){return e}))}}));if(r){P=r;return"break"}};for(var W=A;W>0;W--){var F=N(W);if(F==="break")break}}if(t.placement!==P){t.modifiersData[n]._skip=true;t.placement=P;t.reset=true}}var flip$1={name:"flip",enabled:true,phase:"main",fn:flip,requiresIfExists:["offset"],data:{_skip:false}};function getSideOffsets(e,t,r){if(r===void 0){r={x:0,y:0}}return{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function isAnySideFullyClipped(e){return[top,right,bottom,left].some((function(t){return e[t]>=0}))}function hide(e){var t=e.state,r=e.name;var n=t.rects.reference;var o=t.rects.popper;var a=t.modifiersData.preventOverflow;var i=detectOverflow(t,{elementContext:"reference"});var s=detectOverflow(t,{altBoundary:true});var l=getSideOffsets(i,n);var c=getSideOffsets(s,o,a);var u=isAnySideFullyClipped(l);var f=isAnySideFullyClipped(c);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:f};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":f})}var hide$1={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:hide};function distanceAndSkiddingToXY(e,t,r){var n=getBasePlacement(e);var o=[left,top].indexOf(n)>=0?-1:1;var a=typeof r==="function"?r(Object.assign({},t,{placement:e})):r,i=a[0],s=a[1];i=i||0;s=(s||0)*o;return[left,right].indexOf(n)>=0?{x:s,y:i}:{x:i,y:s}}function offset(e){var t=e.state,r=e.options,n=e.name;var o=r.offset,a=o===void 0?[0,0]:o;var i=placements.reduce((function(e,r){e[r]=distanceAndSkiddingToXY(r,t.rects,a);return e}),{});var s=i[t.placement],l=s.x,c=s.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=l;t.modifiersData.popperOffsets.y+=c}t.modifiersData[n]=i}var offset$1={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:offset};function popperOffsets(e){var t=e.state,r=e.name;t.modifiersData[r]=computeOffsets({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var popperOffsets$1={name:"popperOffsets",enabled:true,phase:"read",fn:popperOffsets,data:{}};function getAltAxis(e){return e==="x"?"y":"x"}function preventOverflow(e){var t=e.state,r=e.options,n=e.name;var o=r.mainAxis,a=o===void 0?true:o,i=r.altAxis,s=i===void 0?false:i,l=r.boundary,c=r.rootBoundary,u=r.altBoundary,f=r.padding,p=r.tether,v=p===void 0?true:p,d=r.tetherOffset,h=d===void 0?0:d;var b=detectOverflow(t,{boundary:l,rootBoundary:c,padding:f,altBoundary:u});var m=getBasePlacement(t.placement);var g=getVariation(t.placement);var _=!g;var w=getMainAxisFromPlacement(m);var y=getAltAxis(w);var O=t.modifiersData.popperOffsets;var x=t.rects.reference;var j=t.rects.popper;var P=typeof h==="function"?h(Object.assign({},t.rects,{placement:t.placement})):h;var S=typeof P==="number"?{mainAxis:P,altAxis:P}:Object.assign({mainAxis:0,altAxis:0},P);var k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null;var E={x:0,y:0};if(!O){return}if(a){var B;var C=w==="y"?top:left;var T=w==="y"?bottom:right;var M=w==="y"?"height":"width";var L=O[w];var H=L+b[C];var R=L-b[T];var A=v?-j[M]/2:0;var N=g===start?x[M]:j[M];var W=g===start?-j[M]:-x[M];var F=t.elements.arrow;var z=v&&F?getLayoutRect(F):{width:0,height:0};var $=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:getFreshSideObject();var D=$[C];var V=$[T];var I=within(0,x[M],z[M]);var U=_?x[M]/2-A-I-D-S.mainAxis:N-I-D-S.mainAxis;var q=_?-x[M]/2+A+I+V+S.mainAxis:W+I+V+S.mainAxis;var X=t.elements.arrow&&getOffsetParent(t.elements.arrow);var Y=X?w==="y"?X.clientTop||0:X.clientLeft||0:0;var G=(B=k==null?void 0:k[w])!=null?B:0;var J=L+U-G-Y;var K=L+q-G;var Q=within(v?min(H,J):H,L,v?max(R,K):R);O[w]=Q;E[w]=Q-L}if(s){var Z;var ee=w==="x"?top:left;var te=w==="x"?bottom:right;var re=O[y];var ne=y==="y"?"height":"width";var oe=re+b[ee];var ae=re-b[te];var ie=[top,left].indexOf(m)!==-1;var se=(Z=k==null?void 0:k[y])!=null?Z:0;var le=ie?oe:re-x[ne]-j[ne]-se+S.altAxis;var ce=ie?re+x[ne]+j[ne]-se-S.altAxis:ae;var ue=v&&ie?withinMaxClamp(le,re,ce):within(v?le:oe,re,v?ce:ae);O[y]=ue;E[y]=ue-re}t.modifiersData[n]=E}var preventOverflow$1={name:"preventOverflow",enabled:true,phase:"main",fn:preventOverflow,requiresIfExists:["offset"]};function getHTMLElementScroll(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function getNodeScroll(e){if(e===getWindow(e)||!isHTMLElement(e)){return getWindowScroll(e)}else{return getHTMLElementScroll(e)}}function isElementScaled(e){var t=e.getBoundingClientRect();var r=round(t.width)/e.offsetWidth||1;var n=round(t.height)/e.offsetHeight||1;return r!==1||n!==1}function getCompositeRect(e,t,r){if(r===void 0){r=false}var n=isHTMLElement(t);var o=isHTMLElement(t)&&isElementScaled(t);var a=getDocumentElement(t);var i=getBoundingClientRect(e,o,r);var s={scrollLeft:0,scrollTop:0};var l={x:0,y:0};if(n||!n&&!r){if(getNodeName(t)!=="body"||isScrollParent(a)){s=getNodeScroll(t)}if(isHTMLElement(t)){l=getBoundingClientRect(t,true);l.x+=t.clientLeft;l.y+=t.clientTop}else if(a){l.x=getWindowScrollBarX(a)}}return{x:i.left+s.scrollLeft-l.x,y:i.top+s.scrollTop-l.y,width:i.width,height:i.height}}function order(e){var t=new Map;var r=new Set;var n=[];e.forEach((function(e){t.set(e.name,e)}));function o(e){r.add(e.name);var a=[].concat(e.requires||[],e.requiresIfExists||[]);a.forEach((function(e){if(!r.has(e)){var n=t.get(e);if(n){o(n)}}}));n.push(e)}e.forEach((function(e){if(!r.has(e.name)){o(e)}}));return n}function orderModifiers(e){var t=order(e);return modifierPhases.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}function debounce(e){var t;return function(){if(!t){t=new Promise((function(r){Promise.resolve().then((function(){t=undefined;r(e())}))}))}return t}}function mergeByName(e){var t=e.reduce((function(e,t){var r=e[t.name];e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t;return e}),{});return Object.keys(t).map((function(e){return t[e]}))}var DEFAULT_OPTIONS={placement:"bottom",modifiers:[],strategy:"absolute"};function areValidElements(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++){t[r]=arguments[r]}return!t.some((function(e){return!(e&&typeof e.getBoundingClientRect==="function")}))}function popperGenerator(e){if(e===void 0){e={}}var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,o=t.defaultOptions,a=o===void 0?DEFAULT_OPTIONS:o;return function e(t,r,o){if(o===void 0){o=a}var i={placement:"bottom",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,a),modifiersData:{},elements:{reference:t,popper:r},attributes:{},styles:{}};var s=[];var l=false;var c={state:i,setOptions:function e(o){var s=typeof o==="function"?o(i.options):o;f();i.options=Object.assign({},a,i.options,s);i.scrollParents={reference:isElement(t)?listScrollParents(t):t.contextElement?listScrollParents(t.contextElement):[],popper:listScrollParents(r)};var l=orderModifiers(mergeByName([].concat(n,i.options.modifiers)));i.orderedModifiers=l.filter((function(e){return e.enabled}));u();return c.update()},forceUpdate:function e(){if(l){return}var t=i.elements,r=t.reference,n=t.popper;if(!areValidElements(r,n)){return}i.rects={reference:getCompositeRect(r,getOffsetParent(n),i.options.strategy==="fixed"),popper:getLayoutRect(n)};i.reset=false;i.placement=i.options.placement;i.orderedModifiers.forEach((function(e){return i.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<i.orderedModifiers.length;o++){if(i.reset===true){i.reset=false;o=-1;continue}var a=i.orderedModifiers[o],s=a.fn,u=a.options,f=u===void 0?{}:u,p=a.name;if(typeof s==="function"){i=s({state:i,options:f,name:p,instance:c})||i}}},update:debounce((function(){return new Promise((function(e){c.forceUpdate();e(i)}))})),destroy:function e(){f();l=true}};if(!areValidElements(t,r)){return c}c.setOptions(o).then((function(e){if(!l&&o.onFirstUpdate){o.onFirstUpdate(e)}}));function u(){i.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,n=r===void 0?{}:r,o=e.effect;if(typeof o==="function"){var a=o({state:i,name:t,instance:c,options:n});var l=function e(){};s.push(a||l)}}))}function f(){s.forEach((function(e){return e()}));s=[]}return c}}var defaultModifiers=[eventListeners,popperOffsets$1,computeStyles$1,applyStyles$1,offset$1,flip$1,preventOverflow$1,arrow$1,hide$1];var createPopper=popperGenerator({defaultModifiers:defaultModifiers});var balPopoverCss='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';var BalPopoverStyle0=balPopoverCss;var Popover=function(){function e(e){registerInstance(this,e);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.balPopoverPrepare=createEvent(this,"balPopoverPrepare",7);this.popoverId="bal-po-".concat(PopoverIds++);this.isTouch=balBreakpoints.isTouch;this.isInMainNav=false;this.backdropHeight=0;this.autoTrigger=false;this.hint=false;this.hover=false;this.arrow=false;this.backdrop=false;this.tooltip=false;this.offsetX=0;this.offsetY=0;this.padding=0;this.position="bottom-start";this.active=false;this.mobileTop=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.activeChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){if(e===true&&e!==t){this.present({force:true})}else{this.dismiss({force:true})}return[2]}))}))};e.prototype.componentWillLoad=function(){this.backdropHeight=this.getBackdropHeight()};e.prototype.componentDidLoad=function(){var e=this;this.isInMainNav=this.footMobileNav!==null;if(this.triggerElement&&this.menuElement){this.popperInstance=createPopper(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});var t=[];var r=[];if(this.autoTrigger){t=["click"]}if(this.tooltip){t=["mouseenter","focus"];r=["mouseleave","blur"]}t.forEach((function(t){if(e.triggerElement){if(t==="click"){e.triggerElement.addEventListener(t,(function(){return e.toggle()}))}else{e.triggerElement.addEventListener(t,(function(){return e.present()}))}}}));r.forEach((function(t){if(e.triggerElement){e.triggerElement.addEventListener(t,(function(){return e.dismiss()}))}}))}};e.prototype.componentDidRender=function(){var e=this;if(this.popperInstance){this.popperInstance.setOptions((function(t){return Object.assign(Object.assign({},t),{placement:e.tooltip?"bottom":e.position,modifiers:__spreadArray(__spreadArray([],t.modifiers.filter((function(e){return e.name!=="offset"&&e.name!=="preventOverflow"})),true),[e.modifierOffset,e.modifierPreventOverflow],false)})}));this.updatePopper()}if(balBrowser.isSafari&&!this.isTouch){clearTimeout(this.componentDidRenderTimer);this.componentDidRenderTimer=setTimeout((function(){var t;var r=(t=e.element)===null||t===void 0?void 0:t.clientWidth;if(r){e.element.style.maxWidth="".concat(r,"px")}else{e.element.style.maxWidth="initial"}}))}};e.prototype.handlePopoverPrepare=function(e){var t=e.detail;if(this.popoverId!==t){this.dismiss()}};e.prototype.clickOnOutside=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(this.active){if(!this.element.contains(e.target)){this.active=false}if((t=this.backdropElement)===null||t===void 0?void 0:t.isEqualNode(e.target)){this.active=false}}return[2]}))}))};e.prototype.handleKeyUp=function(e){if(this.active&&(e.key==="Escape"||e.key==="Esc")){e.preventDefault();this.dismiss()}};e.prototype.tabOutside=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(e.key==="Tab"&&!this.element.contains(document.activeElement)&&this.active))return[3,2];return[4,this.toggle()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.breakpointListener=function(e){this.isTouch=e.touch;this.isInMainNav=this.footMobileNav!==null;this.backdropHeight=this.getBackdropHeight()};e.prototype.present=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(n){if(!this.active||e.force){(t=this.menuElement)===null||t===void 0?void 0:t.setAttribute("data-show","");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","false");if(this.menuInnerElement){this.menuInnerElement.scrollTo(0,0)}this.balPopoverPrepare.emit(this.popoverId);this.balWillAnimate.emit(this.active);this.active=true;this.popperInstance.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:true}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};e.prototype.dismiss=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(n){if(this.active||e.force){(t=this.menuElement)===null||t===void 0?void 0:t.removeAttribute("data-show");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","true");this.balWillAnimate.emit(this.active);this.active=false;this.popperInstance.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:false}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};e.prototype.toggle=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.dismiss(e)];case 1:t.sent();return[3,4];case 2:return[4,this.present(e)];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};Object.defineProperty(e.prototype,"footMobileNav",{get:function(){return this.element.closest('[slot="meta-mobile-foot"]')},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"modifierOffset",{get:function(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"modifierPreventOverflow",{get:function(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:true}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"triggerElement",{get:function(){return this.element.querySelector("[bal-popover-trigger]")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuElement",{get:function(){return this.element.querySelector("bal-popover-content")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuInnerElement",{get:function(){return this.element.querySelector(".bal-popover__content__inner")},enumerable:false,configurable:true});e.prototype.getBackdropHeight=function(){if(balBrowser.hasWindow){return this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16}return 0};e.prototype.updatePopper=function(){this.popperInstance.update()};e.prototype.render=function(){var e=this;var t=BEM.block("popover");return h(Host,{"aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&h("div",{ref:function(t){e.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":"".concat(this.backdropHeight,"rem")}}),h("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-popover"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Popover.prototype,"createLogger",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Popover.prototype,"breakpointListener",null);var PopoverIds=0;Popover.style=BalPopoverStyle0;var PopoverContent=function(){function e(e){registerInstance(this,e);this.isTouch=balBreakpoints.isTouch;this.spaceless=false;this.scrollable=0;this.contentWidth=0;this.contentMinWidth=0;this.color="white";this.expanded=false;this.radius="normal";this.noShadow=false;this.mobileTop=false;this.contentHeightOnTop=0}e.prototype.breakpointListener=function(e){if(balBrowser.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};Object.defineProperty(e.prototype,"innerStyle",{get:function(){var e={};if(this.scrollable>0){e={"max-height":"".concat(this.scrollable,"px"),overflow:"auto"}}return Object.assign({},e)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"contentStyle",{get:function(){var e={};var t={};var r={"--bal-popover-content-height-top-nav":"".concat(this.contentHeightOnTop/16,"rem")};if(this.contentWidth>0){e={"max-width":"".concat(this.contentWidth,"px")}}if(this.contentMinWidth>0){t={"min-width":"".concat(this.contentMinWidth,"px")}}return Object.assign(Object.assign(Object.assign({},e),t),r)},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){if(balBrowser.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};e.prototype.render=function(){var e=BEM.block("popover").element("content");return h(Host,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("expanded").class(this.expanded)),e.modifier("spaceless").class(this.spaceless)),e.modifier("no-shadow").class(this.noShadow)),e.modifier("radius-".concat(this.radius)).class()),e.modifier("color-".concat(this.color)).class()),e.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},h("div",{class:Object.assign({},e.element("inner").class()),style:this.innerStyle},h("slot",null)),h("div",{class:Object.assign({},e.element("arrow").class()),"data-popper-arrow":true}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],PopoverContent.prototype,"breakpointListener",null);export{Hint as bal_hint,HintText as bal_hint_text,HintTitle as bal_hint_title,Popover as bal_popover,PopoverContent as bal_popover_content};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{p as preventDefault}from"./utils-9fbab1d3.js";import{B as BalScrollHandler}from"./scroll-f4b20848.js";import{b as balBreakpoints}from"./breakpoints.subject-aee81353.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-c78a656a.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import{b as balBrowser}from"./browser-a8073d92.js";import{L as Logger}from"./log-dfd1c19f.js";import"./index-82aff103.js";import"./helpers-c201154e.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-6e01fd26.js";var balHintCss=":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";var BalHintStyle0=balHintCss;var Hint=function(){function e(e){var t=this;registerInstance(this,e);this.bodyScrollHandler=new BalScrollHandler;this.onPopoverChange=function(e){t.isActive=e.detail;preventDefault(e)};this.isActive=false;this.innerCloseLabel="Close";this.isMobile=balBreakpoints.isMobile;this.closeLabel=undefined;this.small=false}e.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};e.prototype.componentDidRender=function(){this.updateContent()};e.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};e.prototype.breakpointListener=function(e){var t=e.mobile;if(t!==this.isMobile){this.isActive=false}this.isMobile=t};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.closeLabel){switch(e.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close";break}}return[2]}))}))};e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.isActive){this.dismiss()}else{this.present()}return[2]}))}))};e.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.popoverElement){this.popoverElement.present()}if(this.isMobile){this.bodyScrollHandler.disable()}this.isActive=true;return[2]}))}))};e.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.popoverElement){this.popoverElement.dismiss()}if(this.isMobile){this.bodyScrollHandler.enable()}this.isActive=false;return[2]}))}))};e.prototype.updateContent=function(){if(this.hintContentEl&&this.slotWrapperEl){this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML}};e.prototype.render=function(){var e=this;var t=BEM.block("hint");var r=t.element("icon");var n=t.element("content");var o=n.element("buttons");var a=this.isMobile?0:8;var i=this.isMobile?0:16;var s=function(){return h("bal-icon",{class:Object.assign({},r.class()),"data-testid":"bal-hint-trigger","bal-popover-trigger":true,"aria-haspopup":"true",role:"button",name:"info-circle",onClick:function(){return e.toggle()}})};var l=function(){return h("div",{class:Object.assign({},n.class()),"data-testid":"bal-hint-content"},h("div",{ref:function(t){return e.hintContentEl=t}}),h("bal-button-group",{class:Object.assign(Object.assign({},o.class()),o.modifier("is-hidden-desktop").class(e.small))},h("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:function(){return e.dismiss()}},e.closeLabel?e.closeLabel:e.innerCloseLabel)))};var c=function(){var r=t.element("overlay");return h("div",{class:Object.assign({},r.class())},h(s,null),h("div",{class:Object.assign(Object.assign({},r.element("content").class()),r.element("content").modifier("active").class(e.isActive))},h(l,null)))};var u=function(){return h("div",{class:Object.assign({},t.element("popover").class())},h("bal-popover",{hint:true,position:"right",offsetX:0,offsetY:i,padding:a,ref:function(t){return e.popoverElement=t},onBalChange:e.onPopoverChange},h(s,null),h("bal-popover-content",{color:"grey"},h(l,null))))};var f=this.isMobile?c:u;return h(Host,{class:Object.assign({},t.class())},h(f,null),h("div",{ref:function(t){return e.slotWrapperEl=t},style:{display:"none"}},h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Hint.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Hint.prototype,"configChanged",null);Hint.style=BalHintStyle0;var HintText=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e=BEM.block("hint");var t=e.element("content");var r=t.element("text");var n=r.element("field");return h(Host,{class:Object.assign({},r.class())},h("p",{class:Object.assign({},n.class())},h("slot",null)))};return e}();var HintTitle=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e=BEM.block("hint");var t=e.element("content");var r=t.element("title");var n=r.element("heading");return h(Host,{class:Object.assign({},r.class())},h("h3",{class:Object.assign({},n.class())},h("span",null,h("slot",null))))};return e}();var top="top";var bottom="bottom";var right="right";var left="left";var auto="auto";var basePlacements=[top,bottom,right,left];var start="start";var end="end";var clippingParents="clippingParents";var viewport="viewport";var popper="popper";var reference="reference";var variationPlacements=basePlacements.reduce((function(e,t){return e.concat([t+"-"+start,t+"-"+end])}),[]);var placements=[].concat(basePlacements,[auto]).reduce((function(e,t){return e.concat([t,t+"-"+start,t+"-"+end])}),[]);var beforeRead="beforeRead";var read="read";var afterRead="afterRead";var beforeMain="beforeMain";var main="main";var afterMain="afterMain";var beforeWrite="beforeWrite";var write="write";var afterWrite="afterWrite";var modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite];function getNodeName(e){return e?(e.nodeName||"").toLowerCase():null}function getWindow(e){if(e==null){return window}if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t?t.defaultView||window:window}return e}function isElement(e){var t=getWindow(e).Element;return e instanceof t||e instanceof Element}function isHTMLElement(e){var t=getWindow(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function isShadowRoot(e){if(typeof ShadowRoot==="undefined"){return false}var t=getWindow(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function applyStyles(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{};var n=t.attributes[e]||{};var o=t.elements[e];if(!isHTMLElement(o)||!getNodeName(o)){return}Object.assign(o.style,r);Object.keys(n).forEach((function(e){var t=n[e];if(t===false){o.removeAttribute(e)}else{o.setAttribute(e,t===true?"":t)}}))}))}function effect$2(e){var t=e.state;var r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,r.popper);t.styles=r;if(t.elements.arrow){Object.assign(t.elements.arrow.style,r.arrow)}return function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e];var o=t.attributes[e]||{};var a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]);var i=a.reduce((function(e,t){e[t]="";return e}),{});if(!isHTMLElement(n)||!getNodeName(n)){return}Object.assign(n.style,i);Object.keys(o).forEach((function(e){n.removeAttribute(e)}))}))}}var applyStyles$1={name:"applyStyles",enabled:true,phase:"write",fn:applyStyles,effect:effect$2,requires:["computeStyles"]};function getBasePlacement(e){return e.split("-")[0]}var max=Math.max;var min=Math.min;var round=Math.round;function getUAString(){var e=navigator.userAgentData;if(e!=null&&e.brands&&Array.isArray(e.brands)){return e.brands.map((function(e){return e.brand+"/"+e.version})).join(" ")}return navigator.userAgent}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(getUAString())}function getBoundingClientRect(e,t,r){if(t===void 0){t=false}if(r===void 0){r=false}var n=e.getBoundingClientRect();var o=1;var a=1;if(t&&isHTMLElement(e)){o=e.offsetWidth>0?round(n.width)/e.offsetWidth||1:1;a=e.offsetHeight>0?round(n.height)/e.offsetHeight||1:1}var i=isElement(e)?getWindow(e):window,s=i.visualViewport;var l=!isLayoutViewport()&&r;var c=(n.left+(l&&s?s.offsetLeft:0))/o;var u=(n.top+(l&&s?s.offsetTop:0))/a;var f=n.width/o;var p=n.height/a;return{width:f,height:p,top:u,right:c+f,bottom:u+p,left:c,x:c,y:u}}function getLayoutRect(e){var t=getBoundingClientRect(e);var r=e.offsetWidth;var n=e.offsetHeight;if(Math.abs(t.width-r)<=1){r=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function contains(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t)){return true}else if(r&&isShadowRoot(r)){var n=t;do{if(n&&e.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function getComputedStyle(e){return getWindow(e).getComputedStyle(e)}function isTableElement(e){return["table","td","th"].indexOf(getNodeName(e))>=0}function getDocumentElement(e){return((isElement(e)?e.ownerDocument:e.document)||window.document).documentElement}function getParentNode(e){if(getNodeName(e)==="html"){return e}return e.assignedSlot||e.parentNode||(isShadowRoot(e)?e.host:null)||getDocumentElement(e)}function getTrueOffsetParent(e){if(!isHTMLElement(e)||getComputedStyle(e).position==="fixed"){return null}return e.offsetParent}function getContainingBlock(e){var t=/firefox/i.test(getUAString());var r=/Trident/i.test(getUAString());if(r&&isHTMLElement(e)){var n=getComputedStyle(e);if(n.position==="fixed"){return null}}var o=getParentNode(e);if(isShadowRoot(o)){o=o.host}while(isHTMLElement(o)&&["html","body"].indexOf(getNodeName(o))<0){var a=getComputedStyle(o);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||t&&a.willChange==="filter"||t&&a.filter&&a.filter!=="none"){return o}else{o=o.parentNode}}return null}function getOffsetParent(e){var t=getWindow(e);var r=getTrueOffsetParent(e);while(r&&isTableElement(r)&&getComputedStyle(r).position==="static"){r=getTrueOffsetParent(r)}if(r&&(getNodeName(r)==="html"||getNodeName(r)==="body"&&getComputedStyle(r).position==="static")){return t}return r||getContainingBlock(e)||t}function getMainAxisFromPlacement(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function within(e,t,r){return max(e,min(t,r))}function withinMaxClamp(e,t,r){var n=within(e,t,r);return n>r?r:n}function getFreshSideObject(){return{top:0,right:0,bottom:0,left:0}}function mergePaddingObject(e){return Object.assign({},getFreshSideObject(),e)}function expandToHashMap(e,t){return t.reduce((function(t,r){t[r]=e;return t}),{})}var toPaddingObject=function e(t,r){t=typeof t==="function"?t(Object.assign({},r.rects,{placement:r.placement})):t;return mergePaddingObject(typeof t!=="number"?t:expandToHashMap(t,basePlacements))};function arrow(e){var t;var r=e.state,n=e.name,o=e.options;var a=r.elements.arrow;var i=r.modifiersData.popperOffsets;var s=getBasePlacement(r.placement);var l=getMainAxisFromPlacement(s);var c=[left,right].indexOf(s)>=0;var u=c?"height":"width";if(!a||!i){return}var f=toPaddingObject(o.padding,r);var p=getLayoutRect(a);var v=l==="y"?top:left;var d=l==="y"?bottom:right;var h=r.rects.reference[u]+r.rects.reference[l]-i[l]-r.rects.popper[u];var b=i[l]-r.rects.reference[l];var m=getOffsetParent(a);var g=m?l==="y"?m.clientHeight||0:m.clientWidth||0:0;var _=h/2-b/2;var w=f[v];var y=g-p[u]-f[d];var O=g/2-p[u]/2+_;var x=within(w,O,y);var j=l;r.modifiersData[n]=(t={},t[j]=x,t.centerOffset=x-O,t)}function effect$1(e){var t=e.state,r=e.options;var n=r.element,o=n===void 0?"[data-popper-arrow]":n;if(o==null){return}if(typeof o==="string"){o=t.elements.popper.querySelector(o);if(!o){return}}if(!contains(t.elements.popper,o)){return}t.elements.arrow=o}var arrow$1={name:"arrow",enabled:true,phase:"main",fn:arrow,effect:effect$1,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function getVariation(e){return e.split("-")[1]}var unsetSides={top:"auto",right:"auto",bottom:"auto",left:"auto"};function roundOffsetsByDPR(e,t){var r=e.x,n=e.y;var o=t.devicePixelRatio||1;return{x:round(r*o)/o||0,y:round(n*o)/o||0}}function mapToStyles(e){var t;var r=e.popper,n=e.popperRect,o=e.placement,a=e.variation,i=e.offsets,s=e.position,l=e.gpuAcceleration,c=e.adaptive,u=e.roundOffsets,f=e.isFixed;var p=i.x,v=p===void 0?0:p,d=i.y,h=d===void 0?0:d;var b=typeof u==="function"?u({x:v,y:h}):{x:v,y:h};v=b.x;h=b.y;var m=i.hasOwnProperty("x");var g=i.hasOwnProperty("y");var _=left;var w=top;var y=window;if(c){var O=getOffsetParent(r);var x="clientHeight";var j="clientWidth";if(O===getWindow(r)){O=getDocumentElement(r);if(getComputedStyle(O).position!=="static"&&s==="absolute"){x="scrollHeight";j="scrollWidth"}}O=O;if(o===top||(o===left||o===right)&&a===end){w=bottom;var P=f&&O===y&&y.visualViewport?y.visualViewport.height:O[x];h-=P-n.height;h*=l?1:-1}if(o===left||(o===top||o===bottom)&&a===end){_=right;var S=f&&O===y&&y.visualViewport?y.visualViewport.width:O[j];v-=S-n.width;v*=l?1:-1}}var k=Object.assign({position:s},c&&unsetSides);var E=u===true?roundOffsetsByDPR({x:v,y:h},getWindow(r)):{x:v,y:h};v=E.x;h=E.y;if(l){var B;return Object.assign({},k,(B={},B[w]=g?"0":"",B[_]=m?"0":"",B.transform=(y.devicePixelRatio||1)<=1?"translate("+v+"px, "+h+"px)":"translate3d("+v+"px, "+h+"px, 0)",B))}return Object.assign({},k,(t={},t[w]=g?h+"px":"",t[_]=m?v+"px":"",t.transform="",t))}function computeStyles(e){var t=e.state,r=e.options;var n=r.gpuAcceleration,o=n===void 0?true:n,a=r.adaptive,i=a===void 0?true:a,s=r.roundOffsets,l=s===void 0?true:s;var c={placement:getBasePlacement(t.placement),variation:getVariation(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,mapToStyles(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:l})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,mapToStyles(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var computeStyles$1={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:computeStyles,data:{}};var passive={passive:true};function effect(e){var t=e.state,r=e.instance,n=e.options;var o=n.scroll,a=o===void 0?true:o,i=n.resize,s=i===void 0?true:i;var l=getWindow(t.elements.popper);var c=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(a){c.forEach((function(e){e.addEventListener("scroll",r.update,passive)}))}if(s){l.addEventListener("resize",r.update,passive)}return function(){if(a){c.forEach((function(e){e.removeEventListener("scroll",r.update,passive)}))}if(s){l.removeEventListener("resize",r.update,passive)}}}var eventListeners={name:"eventListeners",enabled:true,phase:"write",fn:function e(){},effect:effect,data:{}};var hash$1={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,(function(e){return hash$1[e]}))}var hash={start:"end",end:"start"};function getOppositeVariationPlacement(e){return e.replace(/start|end/g,(function(e){return hash[e]}))}function getWindowScroll(e){var t=getWindow(e);var r=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function getWindowScrollBarX(e){return getBoundingClientRect(getDocumentElement(e)).left+getWindowScroll(e).scrollLeft}function getViewportRect(e,t){var r=getWindow(e);var n=getDocumentElement(e);var o=r.visualViewport;var a=n.clientWidth;var i=n.clientHeight;var s=0;var l=0;if(o){a=o.width;i=o.height;var c=isLayoutViewport();if(c||!c&&t==="fixed"){s=o.offsetLeft;l=o.offsetTop}}return{width:a,height:i,x:s+getWindowScrollBarX(e),y:l}}function getDocumentRect(e){var t;var r=getDocumentElement(e);var n=getWindowScroll(e);var o=(t=e.ownerDocument)==null?void 0:t.body;var a=max(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0);var i=max(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0);var s=-n.scrollLeft+getWindowScrollBarX(e);var l=-n.scrollTop;if(getComputedStyle(o||r).direction==="rtl"){s+=max(r.clientWidth,o?o.clientWidth:0)-a}return{width:a,height:i,x:s,y:l}}function isScrollParent(e){var t=getComputedStyle(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function getScrollParent(e){if(["html","body","#document"].indexOf(getNodeName(e))>=0){return e.ownerDocument.body}if(isHTMLElement(e)&&isScrollParent(e)){return e}return getScrollParent(getParentNode(e))}function listScrollParents(e,t){var r;if(t===void 0){t=[]}var n=getScrollParent(e);var o=n===((r=e.ownerDocument)==null?void 0:r.body);var a=getWindow(n);var i=o?[a].concat(a.visualViewport||[],isScrollParent(n)?n:[]):n;var s=t.concat(i);return o?s:s.concat(listScrollParents(getParentNode(i)))}function rectToClientRect(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function getInnerBoundingClientRect(e,t){var r=getBoundingClientRect(e,false,t==="fixed");r.top=r.top+e.clientTop;r.left=r.left+e.clientLeft;r.bottom=r.top+e.clientHeight;r.right=r.left+e.clientWidth;r.width=e.clientWidth;r.height=e.clientHeight;r.x=r.left;r.y=r.top;return r}function getClientRectFromMixedType(e,t,r){return t===viewport?rectToClientRect(getViewportRect(e,r)):isElement(t)?getInnerBoundingClientRect(t,r):rectToClientRect(getDocumentRect(getDocumentElement(e)))}function getClippingParents(e){var t=listScrollParents(getParentNode(e));var r=["absolute","fixed"].indexOf(getComputedStyle(e).position)>=0;var n=r&&isHTMLElement(e)?getOffsetParent(e):e;if(!isElement(n)){return[]}return t.filter((function(e){return isElement(e)&&contains(e,n)&&getNodeName(e)!=="body"}))}function getClippingRect(e,t,r,n){var o=t==="clippingParents"?getClippingParents(e):[].concat(t);var a=[].concat(o,[r]);var i=a[0];var s=a.reduce((function(t,r){var o=getClientRectFromMixedType(e,r,n);t.top=max(o.top,t.top);t.right=min(o.right,t.right);t.bottom=min(o.bottom,t.bottom);t.left=max(o.left,t.left);return t}),getClientRectFromMixedType(e,i,n));s.width=s.right-s.left;s.height=s.bottom-s.top;s.x=s.left;s.y=s.top;return s}function computeOffsets(e){var t=e.reference,r=e.element,n=e.placement;var o=n?getBasePlacement(n):null;var a=n?getVariation(n):null;var i=t.x+t.width/2-r.width/2;var s=t.y+t.height/2-r.height/2;var l;switch(o){case top:l={x:i,y:t.y-r.height};break;case bottom:l={x:i,y:t.y+t.height};break;case right:l={x:t.x+t.width,y:s};break;case left:l={x:t.x-r.width,y:s};break;default:l={x:t.x,y:t.y}}var c=o?getMainAxisFromPlacement(o):null;if(c!=null){var u=c==="y"?"height":"width";switch(a){case start:l[c]=l[c]-(t[u]/2-r[u]/2);break;case end:l[c]=l[c]+(t[u]/2-r[u]/2);break}}return l}function detectOverflow(e,t){if(t===void 0){t={}}var r=t,n=r.placement,o=n===void 0?e.placement:n,a=r.strategy,i=a===void 0?e.strategy:a,s=r.boundary,l=s===void 0?clippingParents:s,c=r.rootBoundary,u=c===void 0?viewport:c,f=r.elementContext,p=f===void 0?popper:f,v=r.altBoundary,d=v===void 0?false:v,h=r.padding,b=h===void 0?0:h;var m=mergePaddingObject(typeof b!=="number"?b:expandToHashMap(b,basePlacements));var g=p===popper?reference:popper;var _=e.rects.popper;var w=e.elements[d?g:p];var y=getClippingRect(isElement(w)?w:w.contextElement||getDocumentElement(e.elements.popper),l,u,i);var O=getBoundingClientRect(e.elements.reference);var x=computeOffsets({reference:O,element:_,strategy:"absolute",placement:o});var j=rectToClientRect(Object.assign({},_,x));var P=p===popper?j:O;var S={top:y.top-P.top+m.top,bottom:P.bottom-y.bottom+m.bottom,left:y.left-P.left+m.left,right:P.right-y.right+m.right};var k=e.modifiersData.offset;if(p===popper&&k){var E=k[o];Object.keys(S).forEach((function(e){var t=[right,bottom].indexOf(e)>=0?1:-1;var r=[top,bottom].indexOf(e)>=0?"y":"x";S[e]+=E[r]*t}))}return S}function computeAutoPlacement(e,t){if(t===void 0){t={}}var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,s=r.flipVariations,l=r.allowedAutoPlacements,c=l===void 0?placements:l;var u=getVariation(n);var f=u?s?variationPlacements:variationPlacements.filter((function(e){return getVariation(e)===u})):basePlacements;var p=f.filter((function(e){return c.indexOf(e)>=0}));if(p.length===0){p=f}var v=p.reduce((function(t,r){t[r]=detectOverflow(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[getBasePlacement(r)];return t}),{});return Object.keys(v).sort((function(e,t){return v[e]-v[t]}))}function getExpandedFallbackPlacements(e){if(getBasePlacement(e)===auto){return[]}var t=getOppositePlacement(e);return[getOppositeVariationPlacement(e),t,getOppositeVariationPlacement(t)]}function flip(e){var t=e.state,r=e.options,n=e.name;if(t.modifiersData[n]._skip){return}var o=r.mainAxis,a=o===void 0?true:o,i=r.altAxis,s=i===void 0?true:i,l=r.fallbackPlacements,c=r.padding,u=r.boundary,f=r.rootBoundary,p=r.altBoundary,v=r.flipVariations,d=v===void 0?true:v,h=r.allowedAutoPlacements;var b=t.options.placement;var m=getBasePlacement(b);var g=m===b;var _=l||(g||!d?[getOppositePlacement(b)]:getExpandedFallbackPlacements(b));var w=[b].concat(_).reduce((function(e,r){return e.concat(getBasePlacement(r)===auto?computeAutoPlacement(t,{placement:r,boundary:u,rootBoundary:f,padding:c,flipVariations:d,allowedAutoPlacements:h}):r)}),[]);var y=t.rects.reference;var O=t.rects.popper;var x=new Map;var j=true;var P=w[0];for(var S=0;S<w.length;S++){var k=w[S];var E=getBasePlacement(k);var B=getVariation(k)===start;var C=[top,bottom].indexOf(E)>=0;var T=C?"width":"height";var M=detectOverflow(t,{placement:k,boundary:u,rootBoundary:f,altBoundary:p,padding:c});var L=C?B?right:left:B?bottom:top;if(y[T]>O[T]){L=getOppositePlacement(L)}var H=getOppositePlacement(L);var R=[];if(a){R.push(M[E]<=0)}if(s){R.push(M[L]<=0,M[H]<=0)}if(R.every((function(e){return e}))){P=k;j=false;break}x.set(k,R)}if(j){var A=d?3:1;var N=function e(t){var r=w.find((function(e){var r=x.get(e);if(r){return r.slice(0,t).every((function(e){return e}))}}));if(r){P=r;return"break"}};for(var W=A;W>0;W--){var F=N(W);if(F==="break")break}}if(t.placement!==P){t.modifiersData[n]._skip=true;t.placement=P;t.reset=true}}var flip$1={name:"flip",enabled:true,phase:"main",fn:flip,requiresIfExists:["offset"],data:{_skip:false}};function getSideOffsets(e,t,r){if(r===void 0){r={x:0,y:0}}return{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function isAnySideFullyClipped(e){return[top,right,bottom,left].some((function(t){return e[t]>=0}))}function hide(e){var t=e.state,r=e.name;var n=t.rects.reference;var o=t.rects.popper;var a=t.modifiersData.preventOverflow;var i=detectOverflow(t,{elementContext:"reference"});var s=detectOverflow(t,{altBoundary:true});var l=getSideOffsets(i,n);var c=getSideOffsets(s,o,a);var u=isAnySideFullyClipped(l);var f=isAnySideFullyClipped(c);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:f};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":f})}var hide$1={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:hide};function distanceAndSkiddingToXY(e,t,r){var n=getBasePlacement(e);var o=[left,top].indexOf(n)>=0?-1:1;var a=typeof r==="function"?r(Object.assign({},t,{placement:e})):r,i=a[0],s=a[1];i=i||0;s=(s||0)*o;return[left,right].indexOf(n)>=0?{x:s,y:i}:{x:i,y:s}}function offset(e){var t=e.state,r=e.options,n=e.name;var o=r.offset,a=o===void 0?[0,0]:o;var i=placements.reduce((function(e,r){e[r]=distanceAndSkiddingToXY(r,t.rects,a);return e}),{});var s=i[t.placement],l=s.x,c=s.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=l;t.modifiersData.popperOffsets.y+=c}t.modifiersData[n]=i}var offset$1={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:offset};function popperOffsets(e){var t=e.state,r=e.name;t.modifiersData[r]=computeOffsets({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var popperOffsets$1={name:"popperOffsets",enabled:true,phase:"read",fn:popperOffsets,data:{}};function getAltAxis(e){return e==="x"?"y":"x"}function preventOverflow(e){var t=e.state,r=e.options,n=e.name;var o=r.mainAxis,a=o===void 0?true:o,i=r.altAxis,s=i===void 0?false:i,l=r.boundary,c=r.rootBoundary,u=r.altBoundary,f=r.padding,p=r.tether,v=p===void 0?true:p,d=r.tetherOffset,h=d===void 0?0:d;var b=detectOverflow(t,{boundary:l,rootBoundary:c,padding:f,altBoundary:u});var m=getBasePlacement(t.placement);var g=getVariation(t.placement);var _=!g;var w=getMainAxisFromPlacement(m);var y=getAltAxis(w);var O=t.modifiersData.popperOffsets;var x=t.rects.reference;var j=t.rects.popper;var P=typeof h==="function"?h(Object.assign({},t.rects,{placement:t.placement})):h;var S=typeof P==="number"?{mainAxis:P,altAxis:P}:Object.assign({mainAxis:0,altAxis:0},P);var k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null;var E={x:0,y:0};if(!O){return}if(a){var B;var C=w==="y"?top:left;var T=w==="y"?bottom:right;var M=w==="y"?"height":"width";var L=O[w];var H=L+b[C];var R=L-b[T];var A=v?-j[M]/2:0;var N=g===start?x[M]:j[M];var W=g===start?-j[M]:-x[M];var F=t.elements.arrow;var z=v&&F?getLayoutRect(F):{width:0,height:0};var $=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:getFreshSideObject();var D=$[C];var V=$[T];var I=within(0,x[M],z[M]);var U=_?x[M]/2-A-I-D-S.mainAxis:N-I-D-S.mainAxis;var q=_?-x[M]/2+A+I+V+S.mainAxis:W+I+V+S.mainAxis;var X=t.elements.arrow&&getOffsetParent(t.elements.arrow);var Y=X?w==="y"?X.clientTop||0:X.clientLeft||0:0;var G=(B=k==null?void 0:k[w])!=null?B:0;var J=L+U-G-Y;var K=L+q-G;var Q=within(v?min(H,J):H,L,v?max(R,K):R);O[w]=Q;E[w]=Q-L}if(s){var Z;var ee=w==="x"?top:left;var te=w==="x"?bottom:right;var re=O[y];var ne=y==="y"?"height":"width";var oe=re+b[ee];var ae=re-b[te];var ie=[top,left].indexOf(m)!==-1;var se=(Z=k==null?void 0:k[y])!=null?Z:0;var le=ie?oe:re-x[ne]-j[ne]-se+S.altAxis;var ce=ie?re+x[ne]+j[ne]-se-S.altAxis:ae;var ue=v&&ie?withinMaxClamp(le,re,ce):within(v?le:oe,re,v?ce:ae);O[y]=ue;E[y]=ue-re}t.modifiersData[n]=E}var preventOverflow$1={name:"preventOverflow",enabled:true,phase:"main",fn:preventOverflow,requiresIfExists:["offset"]};function getHTMLElementScroll(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function getNodeScroll(e){if(e===getWindow(e)||!isHTMLElement(e)){return getWindowScroll(e)}else{return getHTMLElementScroll(e)}}function isElementScaled(e){var t=e.getBoundingClientRect();var r=round(t.width)/e.offsetWidth||1;var n=round(t.height)/e.offsetHeight||1;return r!==1||n!==1}function getCompositeRect(e,t,r){if(r===void 0){r=false}var n=isHTMLElement(t);var o=isHTMLElement(t)&&isElementScaled(t);var a=getDocumentElement(t);var i=getBoundingClientRect(e,o,r);var s={scrollLeft:0,scrollTop:0};var l={x:0,y:0};if(n||!n&&!r){if(getNodeName(t)!=="body"||isScrollParent(a)){s=getNodeScroll(t)}if(isHTMLElement(t)){l=getBoundingClientRect(t,true);l.x+=t.clientLeft;l.y+=t.clientTop}else if(a){l.x=getWindowScrollBarX(a)}}return{x:i.left+s.scrollLeft-l.x,y:i.top+s.scrollTop-l.y,width:i.width,height:i.height}}function order(e){var t=new Map;var r=new Set;var n=[];e.forEach((function(e){t.set(e.name,e)}));function o(e){r.add(e.name);var a=[].concat(e.requires||[],e.requiresIfExists||[]);a.forEach((function(e){if(!r.has(e)){var n=t.get(e);if(n){o(n)}}}));n.push(e)}e.forEach((function(e){if(!r.has(e.name)){o(e)}}));return n}function orderModifiers(e){var t=order(e);return modifierPhases.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}function debounce(e){var t;return function(){if(!t){t=new Promise((function(r){Promise.resolve().then((function(){t=undefined;r(e())}))}))}return t}}function mergeByName(e){var t=e.reduce((function(e,t){var r=e[t.name];e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t;return e}),{});return Object.keys(t).map((function(e){return t[e]}))}var DEFAULT_OPTIONS={placement:"bottom",modifiers:[],strategy:"absolute"};function areValidElements(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++){t[r]=arguments[r]}return!t.some((function(e){return!(e&&typeof e.getBoundingClientRect==="function")}))}function popperGenerator(e){if(e===void 0){e={}}var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,o=t.defaultOptions,a=o===void 0?DEFAULT_OPTIONS:o;return function e(t,r,o){if(o===void 0){o=a}var i={placement:"bottom",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,a),modifiersData:{},elements:{reference:t,popper:r},attributes:{},styles:{}};var s=[];var l=false;var c={state:i,setOptions:function e(o){var s=typeof o==="function"?o(i.options):o;f();i.options=Object.assign({},a,i.options,s);i.scrollParents={reference:isElement(t)?listScrollParents(t):t.contextElement?listScrollParents(t.contextElement):[],popper:listScrollParents(r)};var l=orderModifiers(mergeByName([].concat(n,i.options.modifiers)));i.orderedModifiers=l.filter((function(e){return e.enabled}));u();return c.update()},forceUpdate:function e(){if(l){return}var t=i.elements,r=t.reference,n=t.popper;if(!areValidElements(r,n)){return}i.rects={reference:getCompositeRect(r,getOffsetParent(n),i.options.strategy==="fixed"),popper:getLayoutRect(n)};i.reset=false;i.placement=i.options.placement;i.orderedModifiers.forEach((function(e){return i.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<i.orderedModifiers.length;o++){if(i.reset===true){i.reset=false;o=-1;continue}var a=i.orderedModifiers[o],s=a.fn,u=a.options,f=u===void 0?{}:u,p=a.name;if(typeof s==="function"){i=s({state:i,options:f,name:p,instance:c})||i}}},update:debounce((function(){return new Promise((function(e){c.forceUpdate();e(i)}))})),destroy:function e(){f();l=true}};if(!areValidElements(t,r)){return c}c.setOptions(o).then((function(e){if(!l&&o.onFirstUpdate){o.onFirstUpdate(e)}}));function u(){i.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,n=r===void 0?{}:r,o=e.effect;if(typeof o==="function"){var a=o({state:i,name:t,instance:c,options:n});var l=function e(){};s.push(a||l)}}))}function f(){s.forEach((function(e){return e()}));s=[]}return c}}var defaultModifiers=[eventListeners,popperOffsets$1,computeStyles$1,applyStyles$1,offset$1,flip$1,preventOverflow$1,arrow$1,hide$1];var createPopper=popperGenerator({defaultModifiers:defaultModifiers});var balPopoverCss='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';var BalPopoverStyle0=balPopoverCss;var Popover=function(){function e(e){registerInstance(this,e);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.balPopoverPrepare=createEvent(this,"balPopoverPrepare",7);this.popoverId="bal-po-".concat(PopoverIds++);this.isTouch=balBreakpoints.isTouch;this.isInMainNav=false;this.backdropHeight=0;this.autoTrigger=false;this.hint=false;this.hover=false;this.arrow=false;this.backdrop=false;this.tooltip=false;this.offsetX=0;this.offsetY=0;this.padding=0;this.position="bottom-start";this.active=false;this.mobileTop=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.activeChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){if(e===true&&e!==t){this.present({force:true})}else{this.dismiss({force:true})}return[2]}))}))};e.prototype.componentWillLoad=function(){this.backdropHeight=this.getBackdropHeight()};e.prototype.componentDidLoad=function(){var e=this;this.isInMainNav=this.footMobileNav!==null;if(this.triggerElement&&this.menuElement){this.popperInstance=createPopper(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});var t=[];var r=[];if(this.autoTrigger){t=["click"]}if(this.tooltip){t=["mouseenter","focus"];r=["mouseleave","blur"]}t.forEach((function(t){if(e.triggerElement){if(t==="click"){e.triggerElement.addEventListener(t,(function(){return e.toggle()}))}else{e.triggerElement.addEventListener(t,(function(){return e.present()}))}}}));r.forEach((function(t){if(e.triggerElement){e.triggerElement.addEventListener(t,(function(){return e.dismiss()}))}}))}};e.prototype.componentDidRender=function(){var e=this;if(this.popperInstance){this.popperInstance.setOptions((function(t){return Object.assign(Object.assign({},t),{placement:e.tooltip?"bottom":e.position,modifiers:__spreadArray(__spreadArray([],t.modifiers.filter((function(e){return e.name!=="offset"&&e.name!=="preventOverflow"})),true),[e.modifierOffset,e.modifierPreventOverflow],false)})}));this.updatePopper()}if(balBrowser.isSafari&&!this.isTouch){clearTimeout(this.componentDidRenderTimer);this.componentDidRenderTimer=setTimeout((function(){var t;var r=(t=e.element)===null||t===void 0?void 0:t.clientWidth;if(r){e.element.style.maxWidth="".concat(r,"px")}else{e.element.style.maxWidth="initial"}}))}};e.prototype.handlePopoverPrepare=function(e){var t=e.detail;if(this.popoverId!==t){this.dismiss()}};e.prototype.clickOnOutside=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(this.active){if(!this.element.contains(e.target)){this.active=false}if((t=this.backdropElement)===null||t===void 0?void 0:t.isEqualNode(e.target)){this.active=false}}return[2]}))}))};e.prototype.handleKeyUp=function(e){if(this.active&&(e.key==="Escape"||e.key==="Esc")){e.preventDefault();this.dismiss()}};e.prototype.tabOutside=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(e.key==="Tab"&&!this.element.contains(document.activeElement)&&this.active))return[3,2];return[4,this.toggle()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.breakpointListener=function(e){this.isTouch=e.touch;this.isInMainNav=this.footMobileNav!==null;this.backdropHeight=this.getBackdropHeight()};e.prototype.present=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(n){if(!this.active||e.force){(t=this.menuElement)===null||t===void 0?void 0:t.setAttribute("data-show","");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","false");if(this.menuInnerElement){this.menuInnerElement.scrollTo(0,0)}this.balPopoverPrepare.emit(this.popoverId);this.balWillAnimate.emit(this.active);this.active=true;this.popperInstance.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:true}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};e.prototype.dismiss=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(n){if(this.active||e.force){(t=this.menuElement)===null||t===void 0?void 0:t.removeAttribute("data-show");(r=this.menuElement)===null||r===void 0?void 0:r.setAttribute("aria-hidden","true");this.balWillAnimate.emit(this.active);this.active=false;this.popperInstance.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:false}],false)})}));this.updatePopper();this.balChange.emit(this.active);this.balDidAnimate.emit(this.active)}return[2]}))}))};e.prototype.toggle=function(e){if(e===void 0){e={force:false}}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.dismiss(e)];case 1:t.sent();return[3,4];case 2:return[4,this.present(e)];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};Object.defineProperty(e.prototype,"footMobileNav",{get:function(){return this.element.closest('[slot="meta-mobile-foot"]')},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"modifierOffset",{get:function(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"modifierPreventOverflow",{get:function(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:true}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"triggerElement",{get:function(){return this.element.querySelector("[bal-popover-trigger]")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuElement",{get:function(){return this.element.querySelector("bal-popover-content")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuInnerElement",{get:function(){return this.element.querySelector(".bal-popover__content__inner")},enumerable:false,configurable:true});e.prototype.getBackdropHeight=function(){if(balBrowser.hasWindow){return this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16}return 0};e.prototype.updatePopper=function(){this.popperInstance.update()};e.prototype.render=function(){var e=this;var t=BEM.block("popover");return h(Host,{"aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&h("div",{ref:function(t){e.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":"".concat(this.backdropHeight,"rem")}}),h("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-popover"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Popover.prototype,"createLogger",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Popover.prototype,"breakpointListener",null);var PopoverIds=0;Popover.style=BalPopoverStyle0;var PopoverContent=function(){function e(e){registerInstance(this,e);this.isTouch=balBreakpoints.isTouch;this.spaceless=false;this.scrollable=0;this.contentWidth=0;this.contentMinWidth=0;this.color="white";this.expanded=false;this.radius="normal";this.noShadow=false;this.mobileTop=false;this.contentHeightOnTop=0}e.prototype.breakpointListener=function(e){if(balBrowser.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};Object.defineProperty(e.prototype,"innerStyle",{get:function(){var e={};if(this.scrollable>0){e={"max-height":"".concat(this.scrollable,"px"),overflow:"auto"}}return Object.assign({},e)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"contentStyle",{get:function(){var e={};var t={};var r={"--bal-popover-content-height-top-nav":"".concat(this.contentHeightOnTop/16,"rem")};if(this.contentWidth>0){e={"max-width":"".concat(this.contentWidth,"px")}}if(this.contentMinWidth>0){t={"min-width":"".concat(this.contentMinWidth,"px")}}return Object.assign(Object.assign(Object.assign({},e),t),r)},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){if(balBrowser.hasWindow){this.contentHeightOnTop=window.innerHeight-64}};e.prototype.render=function(){var e=BEM.block("popover").element("content");return h(Host,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("expanded").class(this.expanded)),e.modifier("spaceless").class(this.spaceless)),e.modifier("no-shadow").class(this.noShadow)),e.modifier("radius-".concat(this.radius)).class()),e.modifier("color-".concat(this.color)).class()),e.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},h("div",{class:Object.assign({},e.element("inner").class()),style:this.innerStyle},h("slot",null)),h("div",{class:Object.assign({},e.element("arrow").class()),"data-popper-arrow":true}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],PopoverContent.prototype,"breakpointListener",null);export{Hint as bal_hint,HintText as bal_hint_text,HintTitle as bal_hint_title,Popover as bal_popover,PopoverContent as bal_popover_content};