@baloise/ds-core 16.8.0 → 17.0.0

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

@@ -1 +1 @@
-import{__awaiter,__generator}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{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{a as ariaBooleanToString}from"./aria-d5877698.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{B as BalElementStateListener,L as ListenToElementStates}from"./element-states.decorator-071e2b6b.js";import{l as lodash_isnil}from"./index-82aff103.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{b as waitAfterFramePaint,l as raf}from"./helpers-c201154e.js";import{s as startsWith,i as includes}from"./utils-9fbab1d3.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import"./browser-a8073d92.js";import"./listener-04842ae9.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balOptionCss=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-2);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-radio-checkbox-symbol-size:1.125rem;--bal-radio-checkbox-symbol-width:calc(0.375rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.656rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.375rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.188rem;--bal-radio-checkbox-label-min-height:1.125rem}";var BalOptionStyle0=balOptionCss;var Option=function(){function t(t){var i=this;registerInstance(this,t);this.balOptionChange=createEvent(this,"balOptionChange",7);this.balOptionFocus=createEvent(this,"balOptionFocus",7);this.inputId="bal-option-".concat(balOptionIds++);this.onClick=function(t){var e=i.el.closest("bal-option-list");if(i.disabled||e&&e.disabled){stopEventBubbling(t)}else{if(e&&e.required&&!e.multiple){if(!i.selected){i.select(true)}}else{i.select(!i.selected)}}};this.checkbox=false;this.interactionState=BalElementStateListener.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.componentWillRender=function(){if(this.el){var t=this.el.closest("bal-option-list");if(t){this.checkbox=!!t.multiple}}};t.prototype.listenToMouseEnter=function(){var t=this,i=t.label,e=t.value,n=t.selected,r=t.disabled,o=t.hidden;if(!o&&!r){this.balOptionFocus.emit({label:i,value:e,selected:n})}};t.prototype.elementStateListener=function(t){this.interactionChildElements.forEach((function(i){i.hovered=t.hovered;i.pressed=t.pressed}))};t.prototype.select=function(t){if(t===void 0){t=true}return __awaiter(this,void 0,void 0,(function(){var i,e,n;return __generator(this,(function(r){this.selected=t;i=this,e=i.label,n=i.value;this.balOptionChange.emit({label:e,value:n,selected:t});return[2]}))}))};Object.defineProperty(t.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-checkbox"))},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("option");return h(Host,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":ariaBooleanToString(this.hidden),"aria-selected":ariaBooleanToString(this.selected),"aria-checked":ariaBooleanToString(this.selected),"aria-disabled":ariaBooleanToString(this.disabled),"aria-invalid":ariaBooleanToString(this.invalid),tabIndex:-1,onClick:this.onClick},h("bal-stack",{py:"small",space:"x-small"},this.checkbox?h("bal-checkbox",{flat:true,nonSubmit:true,"label-hidden":true,checked:this.selected,disabled:this.disabled,invalid:this.invalid,tabindex:-1}):"",h("div",{class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},h("slot",null)),this.selected&&!this.checkbox?h("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-option"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Option.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Option.prototype,"elementStateListener",null);var balOptionIds=0;Option.style=BalOptionStyle0;var balOptionListCss=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";var BalOptionListStyle0=balOptionListCss;var OptionList=function(){function t(t){registerInstance(this,t);this.inputId="bal-option-list-".concat(balOptionListIds++);this.inheritAttributes={};this.ariaForm=defaultBalAriaForm;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.labelledby=undefined;this.filter="includes";this.contentHeight=262}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentHeightChanged=function(t){if(t===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(t,"px"))}};t.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};t.prototype.componentWillRender=function(){this.inheritAttributes=inheritAttributes(this.el,["aria-multiselectable","aria-labelledby"])};t.prototype.listenToMouseEnter=function(t){var i=this.options;var e=this.getOptionIndex(i,t.detail.value);if(e!==undefined){this.updateFocus(i,e)}};t.prototype.listenToOptionChange=function(t){var i=t.detail;if(!this.multiple){this.options.filter((function(t){return t.value!==i.value})).forEach((function(t){return t.selected=false}))}};t.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getSelectedOptionIndex(t);if(!(i>0))return[3,2];this.updateFocus(t,i);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,i];case 2:return[4,this.focusFirst()];case 3:return[2,e.sent()]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getFirstOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollTopPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getLastOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollBottomPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getNextOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollBottomPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getPreviousOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollTopPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusByLabel=function(t,i){return __awaiter(this,void 0,void 0,(function(){var e,n,r;return __generator(this,(function(o){switch(o.label){case 0:e=this.options;n=this.getOptionIndexByLabel(e,t);this.updateFocus(e,n);r=e[n];this.updateScrollTopPosition(r);return[4,waitAfterFramePaint()];case 1:o.sent();if(!i.select)return[3,3];return[4,r.select()];case 2:o.sent();o.label=3;case 3:return[2,n]}}))}))};t.prototype.filterByContent=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:i=this.allOptions;this.filterOptions(i,t);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,this.focusFirst()]}}))}))};t.prototype.resetHidden=function(t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.hidden=t}));return[4,waitAfterFramePaint()];case 1:i.sent();this.resetFocus();return[2]}}))}))};t.prototype.resetSelected=function(t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t}));return[4,waitAfterFramePaint()];case 1:i.sent();return[2]}}))}))};t.prototype.updateSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t.includes(i.value)}));return[4,waitAfterFramePaint()];case 1:i.sent();return[2]}}))}))};t.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=-1;this.updateFocus(t,i);this.scrollTo(0);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,i]}}))}))};t.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.options;return[2,t.filter((function(t){return t.selected})).map((function(t){return t.value}))]}))}))};t.prototype.getSelectedOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=this.options;if(t&&t.length>0){return[2,i.filter((function(i){return t.includes(i.value)})).map((function(t){return t}))]}return[2,i.filter((function(t){return t.selected})).map((function(t){return t}))]}))}))};t.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.value}))]}))}))};t.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.label}))]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.filter((function(t){return!t.disabled||!t.hidden}))]}))}))};t.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){t=this.options;i=t[this.focusIndex];if(i){if(this.multiple){i.select(!i.selected)}else{i.select(true)}}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(t){return!t.hidden}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t,i){var e=[];var n=this.filter==="includes"?includes:startsWith;for(var r=0;r<t.length;r++){var o=t[r];var a=o.textContent||"";if(n(a,i)){e.push(o);o.hidden=false}else{o.hidden=true}}return e};t.prototype.isOptionVisible=function(t){var i=this.el.clientHeight;var e=this.el.scrollTop;var n=e+i;var r=e<=t.offsetTop&&t.offsetTop+t.clientHeight<=n;return r};t.prototype.updateScrollTopPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForTopPosition(t))}}};t.prototype.updateScrollBottomPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForBottomPosition(t))}}};t.prototype.getScrollTopForTopPosition=function(t){var i=t.offsetTop;var e=i;if(e<0){return 0}return e};t.prototype.getScrollTopForBottomPosition=function(t){var i=this.el.clientHeight;var e=t.offsetTop+t.clientHeight;var n=e-i;if(n<0){return 0}return n};t.prototype.scrollTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(e){if(t!==undefined&&t!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){this.el.scrollTop=t;return[2]}))}))}))}return[2]}))}))};t.prototype.updateFocus=function(t,i){this.focusIndex=i;for(var e=0;e<t.length;e++){var n=t[e];n.focused=e===i}};t.prototype.getOptionIndex=function(t,i){for(var e=0;e<t.length;e++){var n=t[e];if(n.value===i){return e}}return undefined};t.prototype.getSelectedOptionIndex=function(t){for(var i=0;i<t.length;i++){var e=t[i];if(e.selected&&!e.hidden){return i}}return this.focusIndex};t.prototype.getFirstOptionIndex=function(t){for(var i=0;i<t.length;i++){var e=t[i];if(!e.disabled&&!e.hidden){return i}}return this.focusIndex};t.prototype.getNextOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}if(i<0){return this.getFirstOptionIndex(t)}var e=this.getLength(t);var n=i;if(i<e){n=i+1;if(t[n].disabled){return this.getNextOptionIndex(t,n)}}return n};t.prototype.getPreviousOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}var e=this.getFirstOptionIndex(t);if(i<=e){return e}var n=i;n=i-1;if(t[n].disabled){return this.getPreviousOptionIndex(t,n)}return n};t.prototype.getLastOptionIndex=function(t){for(var i=t.length-1;i>=0;i--){var e=t[i];if(!e.disabled){return i}}return this.focusIndex};t.prototype.getOptionIndexByLabel=function(t,i){if(i===undefined||i===""){return this.focusIndex}var e=t.find((function(t){return startsWith(t.label||"",i)}));if(!lodash_isnil(e)&&e.id){return t.indexOf(e)}return this.focusIndex};t.prototype.getLength=function(t){var i=t.map((function(t,i){return t.disabled?0:i}));var e=Math.max.apply(Math,i);return e};t.prototype.render=function(){var t=BEM.block("option-list");var i=this.labelledby||this.ariaForm.labelId;return h(Host,{class:Object.assign({},t.class()),id:this.inputId},h("div",Object.assign({role:"listbox","aria-labelledby":i,"aria-disabled":this.disabled,class:Object.assign({},t.element("container").class())},this.inheritAttributes),h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-option-list"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],OptionList.prototype,"createLogger",null);var balOptionListIds=0;OptionList.style=BalOptionListStyle0;export{Option as bal_option,OptionList as bal_option_list};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{a as ariaBooleanToString}from"./aria-d5877698.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{B as BalElementStateListener,L as ListenToElementStates}from"./element-states.decorator-0f2107d8.js";import{L as ListenTo}from"./listen-d1712e70.js";import{l as lodash_isnil}from"./index-82aff103.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{b as waitAfterFramePaint,n as raf}from"./helpers-72ae7307.js";import{s as startsWith,i as includes}from"./utils-9fbab1d3.js";import{d as defaultBalAriaForm}from"./form-fb8dd9f5.js";import"./browser-a8073d92.js";import"./listener-04842ae9.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var balOptionCss=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-2);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-radio-checkbox-symbol-size:1.125rem;--bal-radio-checkbox-symbol-width:calc(0.375rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.656rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.375rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.188rem;--bal-radio-checkbox-label-min-height:1.125rem}";var BalOptionStyle0=balOptionCss;var Option=function(){function t(t){var i=this;registerInstance(this,t);this.balOptionChange=createEvent(this,"balOptionChange",7);this.balOptionFocus=createEvent(this,"balOptionFocus",7);this.inputId="bal-option-".concat(balOptionIds++);this.onClick=function(t){var e=i.el.closest("bal-option-list");if(i.disabled||e&&e.disabled){stopEventBubbling(t)}else{if(e&&e.required&&!e.multiple){if(!i.selected){i.select(true)}}else{i.select(!i.selected)}}};this.checkbox=false;this.interactionState=BalElementStateListener.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.componentWillRender=function(){if(this.el){var t=this.el.closest("bal-option-list");if(t){this.checkbox=!!t.multiple}}};t.prototype.listenToMouseEnter=function(){var t=this,i=t.label,e=t.value,n=t.selected,r=t.disabled,a=t.hidden;if(!a&&!r){this.balOptionFocus.emit({label:i,value:e,selected:n})}};t.prototype.elementStateListener=function(t){this.interactionChildElements.forEach((function(i){i.hovered=t.hovered;i.pressed=t.pressed}))};t.prototype.select=function(){return __awaiter(this,arguments,void 0,(function(t){var i,e,n;if(t===void 0){t=true}return __generator(this,(function(r){this.selected=t;i=this,e=i.label,n=i.value;this.balOptionChange.emit({label:e,value:n,selected:t});return[2]}))}))};Object.defineProperty(t.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-checkbox"))},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("option");return h(Host,{key:"b69ef765d0cfd4e4e29743026b68c5c6c64f685c",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":ariaBooleanToString(this.hidden),"aria-selected":ariaBooleanToString(this.selected),"aria-checked":ariaBooleanToString(this.selected),"aria-disabled":ariaBooleanToString(this.disabled),"aria-invalid":ariaBooleanToString(this.invalid),tabIndex:-1,onClick:this.onClick},h("bal-stack",{key:"fc345d890d6392f12c47c6775343170cf9ef9fce",py:"small",space:"x-small"},this.checkbox?h("bal-checkbox",{flat:true,nonSubmit:true,"label-hidden":true,checked:this.selected,disabled:this.disabled,invalid:this.invalid,tabindex:-1}):"",h("div",{key:"d77888278aa8b163914eb3e58d852fc706563186",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},h("slot",{key:"efb92bbd5efb31efec3c374ca0c123c9a2b1df3f"})),this.selected&&!this.checkbox?h("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-option"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Option.prototype,"createLogger",null);__decorate([ListenTo("mouseenter"),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Option.prototype,"listenToMouseEnter",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Option.prototype,"elementStateListener",null);var balOptionIds=0;Option.style=BalOptionStyle0;var balOptionListCss=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";var BalOptionListStyle0=balOptionListCss;var OptionList=function(){function t(t){registerInstance(this,t);this.inputId="bal-option-list-".concat(balOptionListIds++);this.inheritAttributes={};this.ariaForm=defaultBalAriaForm;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.labelledby=undefined;this.filter="includes";this.contentHeight=262}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentHeightChanged=function(t){if(t===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(t,"px"))}};t.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};t.prototype.componentWillRender=function(){this.inheritAttributes=inheritAttributes(this.el,["aria-multiselectable","aria-labelledby"])};t.prototype.listenToMouseEnter=function(t){var i=this.options;var e=this.getOptionIndex(i,t.detail.value);if(e!==undefined){this.updateFocus(i,e)}};t.prototype.listenToOptionChange=function(t){var i=t.detail;if(!this.multiple){this.options.filter((function(t){return t.value!==i.value})).forEach((function(t){return t.selected=false}))}};t.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getSelectedOptionIndex(t);if(!(i>0))return[3,2];this.updateFocus(t,i);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,i];case 2:return[4,this.focusFirst()];case 3:return[2,e.sent()]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getFirstOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollTopPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getLastOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollBottomPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getNextOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollBottomPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getPreviousOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollTopPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusByLabel=function(t,i){return __awaiter(this,void 0,void 0,(function(){var e,n,r;return __generator(this,(function(a){switch(a.label){case 0:e=this.options;n=this.getOptionIndexByLabel(e,t);this.updateFocus(e,n);r=e[n];this.updateScrollTopPosition(r);return[4,waitAfterFramePaint()];case 1:a.sent();if(!i.select)return[3,3];return[4,r.select()];case 2:a.sent();a.label=3;case 3:return[2,n]}}))}))};t.prototype.filterByContent=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:i=this.allOptions;this.filterOptions(i,t);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,this.focusFirst()]}}))}))};t.prototype.resetHidden=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.hidden=t}));return[4,waitAfterFramePaint()];case 1:i.sent();this.resetFocus();return[2]}}))}))};t.prototype.resetSelected=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t}));return[4,waitAfterFramePaint()];case 1:i.sent();return[2]}}))}))};t.prototype.updateSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t.includes(i.value)}));return[4,waitAfterFramePaint()];case 1:i.sent();return[2]}}))}))};t.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=-1;this.updateFocus(t,i);this.scrollTo(0);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,i]}}))}))};t.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.options;return[2,t.filter((function(t){return t.selected})).map((function(t){return t.value}))]}))}))};t.prototype.getSelectedOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=this.options;if(t&&t.length>0){return[2,i.filter((function(i){return t.includes(i.value)})).map((function(t){return t}))]}return[2,i.filter((function(t){return t.selected})).map((function(t){return t}))]}))}))};t.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.value}))]}))}))};t.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.label}))]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.filter((function(t){return!t.disabled||!t.hidden}))]}))}))};t.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){t=this.options;i=t[this.focusIndex];if(i){if(this.multiple){i.select(!i.selected)}else{i.select(true)}}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(t){return!t.hidden}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t,i){var e=[];var n=this.filter==="includes"?includes:startsWith;for(var r=0;r<t.length;r++){var a=t[r];var o=a.textContent||"";if(n(o,i)){e.push(a);a.hidden=false}else{a.hidden=true}}return e};t.prototype.isOptionVisible=function(t){var i=this.el.clientHeight;var e=this.el.scrollTop;var n=e+i;var r=e<=t.offsetTop&&t.offsetTop+t.clientHeight<=n;return r};t.prototype.updateScrollTopPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForTopPosition(t))}}};t.prototype.updateScrollBottomPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForBottomPosition(t))}}};t.prototype.getScrollTopForTopPosition=function(t){var i=t.offsetTop;var e=i;if(e<0){return 0}return e};t.prototype.getScrollTopForBottomPosition=function(t){var i=this.el.clientHeight;var e=t.offsetTop+t.clientHeight;var n=e-i;if(n<0){return 0}return n};t.prototype.scrollTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(e){if(t!==undefined&&t!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){this.el.scrollTop=t;return[2]}))}))}))}return[2]}))}))};t.prototype.updateFocus=function(t,i){this.focusIndex=i;for(var e=0;e<t.length;e++){var n=t[e];n.focused=e===i}};t.prototype.getOptionIndex=function(t,i){for(var e=0;e<t.length;e++){var n=t[e];if(n.value===i){return e}}return undefined};t.prototype.getSelectedOptionIndex=function(t){for(var i=0;i<t.length;i++){var e=t[i];if(e.selected&&!e.hidden){return i}}return this.focusIndex};t.prototype.getFirstOptionIndex=function(t){for(var i=0;i<t.length;i++){var e=t[i];if(!e.disabled&&!e.hidden){return i}}return this.focusIndex};t.prototype.getNextOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}if(i<0){return this.getFirstOptionIndex(t)}var e=this.getLength(t);var n=i;if(i<e){n=i+1;if(t[n].disabled){return this.getNextOptionIndex(t,n)}}return n};t.prototype.getPreviousOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}var e=this.getFirstOptionIndex(t);if(i<=e){return e}var n=i;n=i-1;if(t[n].disabled){return this.getPreviousOptionIndex(t,n)}return n};t.prototype.getLastOptionIndex=function(t){for(var i=t.length-1;i>=0;i--){var e=t[i];if(!e.disabled){return i}}return this.focusIndex};t.prototype.getOptionIndexByLabel=function(t,i){if(i===undefined||i===""){return this.focusIndex}var e=t.find((function(t){return startsWith(t.label||"",i)}));if(!lodash_isnil(e)&&e.id){return t.indexOf(e)}return this.focusIndex};t.prototype.getLength=function(t){var i=t.map((function(t,i){return t.disabled?0:i}));var e=Math.max.apply(Math,i);return e};t.prototype.render=function(){var t=BEM.block("option-list");var i=this.labelledby||this.ariaForm.labelId;return h(Host,{key:"7a07652540fa56fedaee410917d90d83e1979a39",class:Object.assign({},t.class()),id:this.inputId},h("div",Object.assign({key:"4dfd52f5cd7b87a1732fcba95d3db376d955be58",role:"listbox","aria-labelledby":i,"aria-disabled":this.disabled,class:Object.assign({},t.element("container").class())},this.inheritAttributes),h("slot",{key:"3f190f2b005335d2f1072f0857ea95c10ae0157d"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-option-list"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],OptionList.prototype,"createLogger",null);__decorate([ListenTo("balOptionFocus",{passive:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],OptionList.prototype,"listenToMouseEnter",null);__decorate([ListenTo("balOptionChange",{passive:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],OptionList.prototype,"listenToOptionChange",null);var balOptionListIds=0;OptionList.style=BalOptionListStyle0;export{Option as bal_option,OptionList as bal_option_list};

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

@@ -1 +1 @@
-import{__awaiter,__generator}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{B as BEM}from"./bem-8c7d2eb0.js";import{b as balBreakpoints}from"./breakpoints.subject-d2b4fd79.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-f08ad280.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./helpers-c201154e.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-cada8a2a.js";import"./log-dfd1c19f.js";function generatePaginationControl(a,t,i){var n=[];if(a>t||a<0){a=1}if(t<=0){t=10}if(i<=0){i=2}var e=5+i*2;if(t<=e){for(var r=1;r<=t;r++){n.push({type:"page",label:r.toString(),active:r===a})}}else{if(a<=e-2-i){for(var r=1;r<=e-2;r++){n.push({type:"page",label:r.toString(),active:r===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}else if(a>=t-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var r=t-e+3;r<=t;r++){n.push({type:"page",label:r.toString(),active:r===a})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var o=Number(a);for(var r=o-i;r<=o+i;r++){n.push({type:"page",label:r.toString(),active:r===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}}return n}var i18nControlLabel={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}};var balPaginationCss=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";var BalPaginationStyle0=balPaginationCss;var Pagination=function(){function a(a){registerInstance(this,a);this.balChangeEventEmitter=createEvent(this,"balChange",7);this._value=1;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}a.prototype.valueChanged=function(a){this._value=a};a.prototype.topValueChanged=function(a){if(this.sticky){this.el.style.top="".concat(a,"px")}};a.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};a.prototype.breakpointListener=function(a){this.isMobile=a.mobile};a.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;return[2]}))}))};a.prototype.selectPage=function(a){this._value=a;this.balChangeEventEmitter.emit(this._value)};a.prototype.getItems=function(a){var t=this;if(a===void 0){a=2}var i=generatePaginationControl(this._value,this.totalPages,a);return i.map((function(a){if(a.type==="page"){return t.renderPageElement(Number(a.label))}else{return t.renderEllipsisElement()}}))};a.prototype.renderEllipsisElement=function(){var a=BEM.block("pagination").element("nav").element("pagination-list").modifier("more");return h("li",{"aria-hidden":"true"},h("div",{class:Object.assign({},a.class())},h("bal-text",{bold:true,heading:true,inline:true,space:"none"},"…")))};a.prototype.renderPageElement=function(a){var t=this;var i=this._value===a;var n=BEM.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return h("li",null,h("span",{role:"button","aria-current":i?"true":undefined,class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("active").class(i)),n.modifier("inactive").class(!i)),"aria-label":a,onClick:function(){return t.selectPage(a)}}))}return h("li",null,h("bal-button",{square:true,color:i?"primary":"text","aria-current":i?"true":undefined,onClick:function(){return t.selectPage(a)},"data-testid":"bal-pagination-page-number",size:this.isMobile||this.size==="small"?"small":""},a))};a.prototype.render=function(){var a=this;var t=this.getItems(1);var i=this.getItems(this.pageRange);var n=BEM.block("pagination");var e=n.element("nav");var r=e.element("pagination-previous");var o=e.element("pagination-next");var s=e.element("pagination-list");var l=this.interface==="small";var c=l?"link":"text";var g=l||this.size==="small"||this.isMobile?"small":"";var p=l;var b=i18nControlLabel[this.language].left;var d=i18nControlLabel[this.language].right;var u=this.interface===""||l&&this.totalPages<=5;var v=function(){return h("span",{class:Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(a.interface)).class())},h("span",null,a._value)," / "+a.totalPages)};var f=function(){return h("ul",{class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(a.interface)).class()),{"is-disabled":a.disabled}),"data-testid":"bal-pagination-list"},i)};var _=function(){return h("ul",{class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(a.interface)).class()),{"is-disabled":a.disabled}),"data-testid":"bal-pagination-list"},t)};return h(Host,{class:Object.assign(Object.assign({},n.class()),n.modifier("is-sticky").class(this.sticky))},h("nav",{class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class(this.interface!=="")),e.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},h("bal-button",{square:true,color:c,size:g,flat:p,class:Object.assign(Object.assign({},r.class()),r.modifier("context-".concat(this.interface)).class()),disabled:this._value<2||this.disabled,onClick:function(){return a.previous()},"data-testid":"bal-pagination-controls-left",title:b},h("bal-icon",{name:"nav-go-left",size:"small"})),h("bal-button",{square:true,color:c,size:g,flat:p,class:Object.assign(Object.assign({},o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages||this.disabled,onClick:function(){return a.next()},"data-testid":"bal-pagination-controls-right",title:d},h("bal-icon",{name:"nav-go-right",size:"small"})),u&&this.isMobile?h(_,null):"",u&&!this.isMobile?h(f,null):"",!u?h(v,null):""))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return a}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Pagination.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Pagination.prototype,"configChanged",null);Pagination.style=BalPaginationStyle0;export{Pagination as bal_pagination};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{b as balBreakpoints}from"./breakpoints.subject-ae98d0fa.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-9981606e.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./helpers-72ae7307.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-ed9fb455.js";import"./log-dfd1c19f.js";function generatePaginationControl(a,t,i){var e=[];if(a>t||a<0){a=1}if(t<=0){t=10}if(i<=0){i=2}var n=5+i*2;if(t<=n){for(var r=1;r<=t;r++){e.push({type:"page",label:r.toString(),active:r===a})}}else{if(a<=n-2-i){for(var r=1;r<=n-2;r++){e.push({type:"page",label:r.toString(),active:r===a})}e.push({type:"dots",label:"...",active:false});e.push({type:"page",label:t.toString(),active:false})}else if(a>=t-3){e.push({type:"page",label:"1",active:false});e.push({type:"dots",label:"...",active:false});for(var r=t-n+3;r<=t;r++){e.push({type:"page",label:r.toString(),active:r===a})}}else{e.push({type:"page",label:"1",active:false});e.push({type:"dots",label:"...",active:false});var o=Number(a);for(var r=o-i;r<=o+i;r++){e.push({type:"page",label:r.toString(),active:r===a})}e.push({type:"dots",label:"...",active:false});e.push({type:"page",label:t.toString(),active:false})}}return e}var i18nControlLabel={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}};var balPaginationCss=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";var BalPaginationStyle0=balPaginationCss;var Pagination=function(){function a(a){registerInstance(this,a);this.balChangeEventEmitter=createEvent(this,"balChange",7);this._value=1;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}a.prototype.valueChanged=function(a){this._value=a};a.prototype.topValueChanged=function(a){if(this.sticky){this.el.style.top="".concat(a,"px")}};a.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};a.prototype.breakpointListener=function(a){this.isMobile=a.mobile};a.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;return[2]}))}))};a.prototype.selectPage=function(a){this._value=a;this.balChangeEventEmitter.emit(this._value)};a.prototype.getItems=function(a){var t=this;if(a===void 0){a=2}var i=generatePaginationControl(this._value,this.totalPages,a);return i.map((function(a){if(a.type==="page"){return t.renderPageElement(Number(a.label))}else{return t.renderEllipsisElement()}}))};a.prototype.renderEllipsisElement=function(){var a=BEM.block("pagination").element("nav").element("pagination-list").modifier("more");return h("li",{"aria-hidden":"true"},h("div",{class:Object.assign({},a.class())},h("bal-text",{bold:true,heading:true,inline:true,space:"none"},"…")))};a.prototype.renderPageElement=function(a){var t=this;var i=this._value===a;var e=BEM.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return h("li",null,h("span",{role:"button","aria-current":i?"true":undefined,class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(i)),e.modifier("inactive").class(!i)),"aria-label":a,onClick:function(){return t.selectPage(a)}}))}return h("li",null,h("bal-button",{square:true,color:i?"primary":"text","aria-current":i?"true":undefined,onClick:function(){return t.selectPage(a)},"data-testid":"bal-pagination-page-number",size:this.isMobile||this.size==="small"?"small":""},a))};a.prototype.render=function(){var a=this;var t=this.getItems(1);var i=this.getItems(this.pageRange);var e=BEM.block("pagination");var n=e.element("nav");var r=n.element("pagination-previous");var o=n.element("pagination-next");var s=n.element("pagination-list");var l=this.interface==="small";var c=l?"link":"text";var d=l||this.size==="small"||this.isMobile?"small":"";var g=l;var b=i18nControlLabel[this.language].left;var p=i18nControlLabel[this.language].right;var u=this.interface===""||l&&this.totalPages<=5;var f=function(){return h("span",{key:"b9053c6e1ecf8a94ea93af48d554c508126fd21e",class:Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(a.interface)).class())},h("span",{key:"e2c9788314a42180f53285add2a1488d67030630"},a._value)," / "+a.totalPages)};var v=function(){return h("ul",{key:"f165f8e63bdf180408344aa91b69032ce5ce320c",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(a.interface)).class()),{"is-disabled":a.disabled}),"data-testid":"bal-pagination-list"},i)};var _=function(){return h("ul",{key:"a9c58c583f943609606998eff081ac505fd82ff3",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(a.interface)).class()),{"is-disabled":a.disabled}),"data-testid":"bal-pagination-list"},t)};return h(Host,{key:"09e36de547b42f23a30189e0e1ed4d28be5f1ba7",class:Object.assign(Object.assign({},e.class()),e.modifier("is-sticky").class(this.sticky))},h("nav",{key:"7f0c6770282939433a0315307a0c06be9440419c",class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("context-".concat(this.interface)).class(this.interface!=="")),n.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},h("bal-button",{key:"0ea2d28d497cbe89a8858071a252e284790febd0",square:true,color:c,size:d,flat:g,class:Object.assign(Object.assign({},r.class()),r.modifier("context-".concat(this.interface)).class()),disabled:this._value<2||this.disabled,onClick:function(){return a.previous()},"data-testid":"bal-pagination-controls-left",title:b},h("bal-icon",{key:"f509547f7dddfd18e01b828992403b3ce3ea47a1",name:"nav-go-left",size:"small"})),h("bal-button",{key:"2658807aa50c6b2c3f17427cdf4d8d684d4349f9",square:true,color:c,size:d,flat:g,class:Object.assign(Object.assign({},o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages||this.disabled,onClick:function(){return a.next()},"data-testid":"bal-pagination-controls-right",title:p},h("bal-icon",{key:"1cd086e9b73eea943723e05593a4edf83479c5f3",name:"nav-go-right",size:"small"})),u&&this.isMobile?h(_,null):"",u&&!this.isMobile?h(v,null):"",!u?h(f,null):""))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return a}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Pagination.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Pagination.prototype,"configChanged",null);Pagination.style=BalPaginationStyle0;export{Pagination as bal_pagination};

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

@@ -1 +1 @@
-import{__awaiter,__extends,__generator}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{u as isEscapeKey}from"./index.esm-cc299511.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{b as balBrowser}from"./browser-a8073d92.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{h as debounce}from"./helpers-c201154e.js";import{L as Logger}from"./log-dfd1c19f.js";import{f as focusableQueryString}from"./focus-visible-f0cdd043.js";import{a as autoUpdate,c as computePosition,s as shift,f as flip,o as offset,b as arrow}from"./floating-ui.dom.esm-f1cf1077.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var AbstractVariantRenderer=function(){function t(){}t.prototype.showContainerElement=function(t){if(t.containerEl){this.showElement(t.containerEl)}};t.prototype.hideContainerElement=function(t){if(t.containerEl){this.hideElement(t.containerEl)}};t.prototype.showArrowElement=function(t,i){if(i===void 0){i=t.arrow}if(i&&t.arrowEl){this.showElement(t.arrowEl)}};t.prototype.hideArrowElement=function(t){if(t.arrowEl){Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}};t.prototype.showBackdropElement=function(t,i){if(i===void 0){i=t.backdrop}if(i&&t.backdropEl){this.showElement(t.backdropEl)}};t.prototype.hideBackdropElement=function(t){if(t.backdropEl){this.hideElement(t.backdropEl)}};t.prototype.showElement=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};t.prototype.hideElement=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};return t}();var DrawerVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.backdrop=false;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger&&t.backdropEl){this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","auto 0px 0px 0px");t.containerEl.style.setProperty("bottom","".concat(this.offset,"px"));t.backdropEl.style.setProperty("bottom","".concat(this.offset,"px"));this.showBackdropElement(t,this.backdrop);this.showContainerElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.backdropEl){t.balWillAnimate.emit();this.hideBackdropElement(t);this.hideContainerElement(t);t.containerEl.style.removeProperty("inset");t.containerEl.style.removeProperty("bottom");t.backdropEl.style.removeProperty("bottom");return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var FullscreenVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger){this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","".concat(this.offset,"px auto auto 0px"));if(this.offset>0){t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)")}this.showBackdropElement(t);this.showContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl){this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);t.containerEl.style.removeProperty("box-shadow");t.containerEl.style.removeProperty("inset");return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var PopoverVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.placement="bottom";i.offset=0;i.arrow=false;i.backdrop=false;i.reference=undefined;i.triggerEl=null;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i,r,e;var n=this;return __generator(this,(function(a){if(!t.trigger&&balBrowser.hasDocument){i=Array.from(document.querySelectorAll('[bal-popup="'.concat(t.el.id,'"]')))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement);this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow);this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference);this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset);this.triggerEl=t.trigger;if(this.reference&&balBrowser.hasDocument){r=document.getElementById(this.reference);this.triggerEl=r?r:t.trigger}if(this.triggerEl){this.showContainerElement(t);this.showBackdropElement(t,this.backdrop);this.showArrowElement(t,this.arrow);this.triggerEl.classList.add("bal-popup-variant-popover-trigger");e=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;if(e){t.setMinWidth(this.triggerEl.clientWidth)}this.cleanup=autoUpdate(this.triggerEl,t.containerEl,(function(){n.update(t)}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});return[2,true]}}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i,r,e,n,a,o;return __generator(this,(function(s){if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){e=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;n=(i=this.triggerEl)===null||i===void 0?void 0:i.getBoundingClientRect();a=(r=t.trigger)===null||r===void 0?void 0:r.getBoundingClientRect();o=false;if(balBrowser.hasWindow){o=!!window.frameElement}computePosition(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[o?undefined:shift(),flip(),offset(this.arrow?16:this.offset),arrow({element:t.arrowEl,padding:4})]}).then((function(i){var r,o;var s=i.x,u=i.y,h=i.middlewareData,p=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(s,"px"),top:"".concat(u,"px")});var c=p.split("-")[0];var f={top:"bottom",right:"left",bottom:"top",left:"right"}[c];if(h.arrow&&t.arrowEl){var l=h.arrow;if(e){var d=n.right-a.right-4;Object.assign(t.arrowEl.style,(r={right:"".concat(d+a.width/2,"px"),left:"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",bottom:""},r[f]="".concat(-4,"px"),r))}else{Object.assign(t.arrowEl.style,(o={left:s!=null&&l.x!=null?"".concat(l.x,"px"):"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",right:"",bottom:""},o[f]="".concat(-4,"px"),o))}}}}));return[2,true]}return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.arrowEl&&this.triggerEl){if(this.cleanup){this.cleanup()}this.triggerEl.classList.remove("bal-popup-variant-popover-trigger");this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var VariantRenderer=function(){function t(t){this.renderer=t}t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.present(t)];case 1:i=r.sent();if(i){t.presented=true;t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.update(t)];case 1:i=r.sent();if(i){t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.dismiss(t)];case 1:i=r.sent();if(i){t.presented=false;t.balDidAnimate.emit()}return[2,i]}}))}))};return t}();var balPopupCss=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var BalPopupStyle0=balPopupCss;var Popup=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.popupId="bal-pu-".concat(popupIds++);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.popoverVariantRenderer=new VariantRenderer(new PopoverVariantRenderer);this.fullscreenVariantRenderer=new VariantRenderer(new FullscreenVariantRenderer);this.drawerVariantRenderer=new VariantRenderer(new DrawerVariantRenderer);this.lastVariant="popover";this.initialActive=this.active;this.debouncedGlobalClick=debounce((function(t){return i.notifyGlobalClick(t)}),10);this.onBackdropClick=function(t){if(i.activeBackdropDismiss&&i.presented&&t&&t.target){var r=t.target;return r.classList.contains("bal-popup__backdrop")}return false};this.onCloseClick=function(){if(i.activeClosable){i.dismiss()}};this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.trigger=undefined;this.lastTrigger=undefined;this.minContainerWidth=0;this.label="";this.reference=undefined;this.variant="popover";this.placement="bottom";this.arrow=false;this.backdrop=false;this.offset=0;this.closable=false;this.backdropDismiss=false;this.active=false;this.presented=false;this.contentWidth=undefined;this.demo=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.variantChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:if(!(t!==i))return[3,5];return[4,this.getVariantRenderer(i).dismiss(this)];case 1:r.sent();if(!(this.activeVariant!==t))return[3,3];this.lastVariant=this.activeVariant;this.activeVariant=t;return[4,this.getVariantRenderer(this.lastVariant).dismiss(this)];case 2:r.sent();r.label=3;case 3:if(!this.presented)return[3,5];return[4,this.getVariantRenderer(t).present(this)];case 4:r.sent();r.label=5;case 5:return[2]}}))}))};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){if(t!==i&&t!==this.presented){if(t){this.present()}else{this.dismiss()}}return[2]}))}))};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-popup-variant-popover-max-width")}else{this.el.style.setProperty("--bal-popup-variant-popover-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){this.contentWidthChanged(this.contentWidth,0);if(this.initialActive===true&&this.presented!==true){this.present()}if(this.demo){this.present()}};t.prototype.listenOnGlobalClick=function(t){return __awaiter(this,void 0,void 0,(function(){var i,r,e,n;return __generator(this,(function(a){r=t.target;e=r.closest("[bal-popup]");if(e&&balBrowser.hasWindow){n=((i=e.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===n){this.debouncedGlobalClick(e)}}return[2]}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.activeClosable&&this.presented&&isEscapeKey(t)){stopEventBubbling(t);this.dismiss()}return[2]}))}))};t.prototype.listenOnMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnComponentClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,2];return[4,this.dismiss()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._present()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._dismiss()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.presented){return[2,this.dismiss()]}else{return[2,this.present()]}return[2]}))}))};t.prototype.setMinWidth=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.containerEl){this.containerEl.style.minWidth="".concat(t,"px");this.minContainerWidth=t}return[2]}))}))};t.prototype._emitChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.balChange.emit(this.presented);return[2]}))}))};t.prototype._present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(balBrowser.hasDocument){this.lastFocus=document.activeElement||undefined}if(!this.lastVariantRenderer)return[3,2];return[4,this.lastVariantRenderer.dismiss(this)];case 1:i.sent();this.presented=true;i.label=2;case 2:this.lastVariantRenderer=this.getVariantRenderer();return[4,this.lastVariantRenderer.present(this)];case 3:t=i.sent();this.focusFirstDescendant();return[2,t]}}))}))};t.prototype._dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.getVariantRenderer().dismiss(this)];case 1:i=r.sent();this.lastVariantRenderer=undefined;if(this.lastFocus&&this.lastFocus.focus){(t=this.lastFocus)===null||t===void 0?void 0:t.focus()}return[2,i]}}))}))};t.prototype.getVariantRenderer=function(t){if(t===void 0){t=this.activeVariant}switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}};t.prototype.getValue=function(t,i,r){var e=t.attributes.getNamedItem(i);return e?e.value:r};t.prototype.getNumberValue=function(t,i,r){var e=t.attributes.getNamedItem(i);if(e){return parseInt(e.value,10)||r}return r};t.prototype.getBooleanValue=function(t,i,r){var e=t.attributes.getNamedItem(i);if(e){var n=e.value===""||e.value==="true"?true:false;return e?n:r}return r};t.prototype.notifyGlobalClick=function(t){this.trigger=t;this.lastTrigger=this.lastTrigger===undefined?this.trigger:this.lastTrigger;this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant);this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable);this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss);if(this.presented&&this.lastTrigger!==this.trigger){this._present();this.lastTrigger=this.trigger}else{this.toggle()}};t.prototype.resetAllVariants=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.dismissAllOtherPopups()];case 1:i.sent();if(!(this.lastVariant!==this.activeVariant))return[3,3];t=this.getVariantRenderer(this.lastVariant);return[4,t.dismiss(this)];case 2:i.sent();i.label=3;case 3:this.lastVariant=this.activeVariant;return[2]}}))}))};t.prototype.dismissAllOtherPopups=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,r;var e=this;return __generator(this,(function(n){switch(n.label){case 0:if(!balBrowser.hasDocument)return[3,5];t=Array.from(document.getElementsByTagName("bal-popup")).filter((function(t){return t.id!==e.el.id&&t.ariaHidden!=="true"}));i=0;n.label=1;case 1:if(!(i<t.length))return[3,5];r=t[i];return[4,r._dismiss()];case 2:n.sent();return[4,r._emitChange()];case 3:n.sent();n.label=4;case 4:i++;return[3,1];case 5:return[2]}}))}))};t.prototype.focusFirstDescendant=function(){var t=this.el;var i=t.querySelector(focusableQueryString);if(i){i.focus()}else{t.focus()}};t.prototype.render=function(){var t=this;var i=BEM.block("popup");var r=i.element("container");var e=i.element("arrow");var n=i.element("backdrop");var a=i.element("inner");var o=a.element("head");var s=a.element("content");return h(Host,{class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true),"aria-labelledby":"".concat(this.popupId,"-heading")},h("div",{class:Object.assign({},n.class()),ref:function(i){return t.backdropEl=i}}),h("div",{class:Object.assign(Object.assign({},r.class()),r.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:"".concat(this.minContainerWidth,"px")}},h("div",{class:Object.assign({},e.class()),ref:function(i){return t.arrowEl=i}}),h("bal-stack",{layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},a.class())},this.label?h("bal-stack",{space:"auto",class:Object.assign({},o.class())},h("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?h("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",h("div",{class:Object.assign({},s.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-popup-content"},h("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-popup"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Popup.prototype,"createLogger",null);var popupIds=0;Popup.style=BalPopupStyle0;export{Popup as bal_popup};
+import{__awaiter,__extends,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{b as balBrowser}from"./browser-a8073d92.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{j as debounce}from"./helpers-72ae7307.js";import{L as Logger}from"./log-dfd1c19f.js";import{f as focusableQueryString}from"./focus-visible-f0cdd043.js";import{L as ListenTo}from"./listen-d1712e70.js";import{b as balFloatingUi}from"./floating-ui-82413f23.js";import{c as isEscapeKey}from"./keyboard.helpers-b2dd6393.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";var AbstractVariantRenderer=function(){function t(){}t.prototype.showContainerElement=function(t){if(t.containerEl){this.showElement(t.containerEl)}};t.prototype.hideContainerElement=function(t){if(t.containerEl){this.hideElement(t.containerEl)}};t.prototype.showArrowElement=function(t,i){if(i===void 0){i=t.arrow}if(i&&t.arrowEl){this.showElement(t.arrowEl)}};t.prototype.hideArrowElement=function(t){if(t.arrowEl){Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}};t.prototype.showBackdropElement=function(t,i){if(i===void 0){i=t.backdrop}if(i&&t.backdropEl){this.showElement(t.backdropEl)}};t.prototype.hideBackdropElement=function(t){if(t.backdropEl){this.hideElement(t.backdropEl)}};t.prototype.showElement=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};t.prototype.hideElement=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};return t}();var DrawerVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.backdrop=false;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger&&t.backdropEl){this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","auto 0px 0px 0px");t.containerEl.style.setProperty("bottom","".concat(this.offset,"px"));t.backdropEl.style.setProperty("bottom","".concat(this.offset,"px"));this.showBackdropElement(t,this.backdrop);this.showContainerElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.backdropEl){t.balWillAnimate.emit();this.hideBackdropElement(t);this.hideContainerElement(t);t.containerEl.style.removeProperty("inset");t.containerEl.style.removeProperty("bottom");t.backdropEl.style.removeProperty("bottom");return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var FullscreenVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger){this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","".concat(this.offset,"px auto auto 0px"));if(this.offset>0){t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)")}this.showBackdropElement(t);this.showContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl){this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);t.containerEl.style.removeProperty("box-shadow");t.containerEl.style.removeProperty("inset");return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var PopoverVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.placement="bottom";i.offset=0;i.arrow=false;i.backdrop=false;i.reference=undefined;i.triggerEl=null;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,r,n;var a=this;return __generator(this,(function(o){switch(o.label){case 0:return[4,balFloatingUi.load()];case 1:i=o.sent();if(!t.trigger&&balBrowser.hasDocument){e=Array.from(document.querySelectorAll('[bal-popup="'.concat(t.el.id,'"]')))[0];t.trigger=e}if(t.trigger&&t.containerEl&&t.arrowEl){this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement);this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow);this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference);this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset);this.triggerEl=t.trigger;if(this.reference&&balBrowser.hasDocument){r=document.getElementById(this.reference);this.triggerEl=r?r:t.trigger}if(this.triggerEl){this.showContainerElement(t);this.showBackdropElement(t,this.backdrop);this.showArrowElement(t,this.arrow);this.triggerEl.classList.add("bal-popup-variant-popover-trigger");n=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;if(n){t.setMinWidth(this.triggerEl.clientWidth)}this.cleanup=i.autoUpdate(this.triggerEl,t.containerEl,(function(){a.update(t)}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});return[2,true]}}return[2,false]}}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,r,n,a,o,s;return __generator(this,(function(u){switch(u.label){case 0:if(!(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl))return[3,2];return[4,balFloatingUi.load()];case 1:r=u.sent();n=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;a=(i=this.triggerEl)===null||i===void 0?void 0:i.getBoundingClientRect();o=(e=t.trigger)===null||e===void 0?void 0:e.getBoundingClientRect();s=false;if(balBrowser.hasWindow){s=!!window.frameElement}r.computePosition(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[s?undefined:r.shift(),r.flip(),r.offset(this.arrow?16:this.offset),r.arrow({element:t.arrowEl,padding:4})]}).then((function(i){var e,r;var s=i.x,u=i.y,p=i.middlewareData,h=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(s,"px"),top:"".concat(u,"px")});var c=h.split("-")[0];var d={top:"bottom",right:"left",bottom:"top",left:"right"}[c];if(p.arrow&&t.arrowEl){var l=p.arrow;if(n){var f=a.right-o.right-4;Object.assign(t.arrowEl.style,(e={right:"".concat(f+o.width/2,"px"),left:"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",bottom:""},e[d]="".concat(-4,"px"),e))}else{Object.assign(t.arrowEl.style,(r={left:s!=null&&l.x!=null?"".concat(l.x,"px"):"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",right:"",bottom:""},r[d]="".concat(-4,"px"),r))}}}}));return[2,true];case 2:return[2,false]}}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.arrowEl&&this.triggerEl){if(this.cleanup){this.cleanup()}this.triggerEl.classList.remove("bal-popup-variant-popover-trigger");this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var VariantRenderer=function(){function t(t){this.renderer=t}t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.present(t)];case 1:i=e.sent();if(i){t.presented=true;t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.update(t)];case 1:i=e.sent();if(i){t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.dismiss(t)];case 1:i=e.sent();if(i){t.presented=false;t.balDidAnimate.emit()}return[2,i]}}))}))};return t}();var balPopupCss=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var BalPopupStyle0=balPopupCss;var Popup=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.popupId="bal-pu-".concat(popupIds++);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.popoverVariantRenderer=new VariantRenderer(new PopoverVariantRenderer);this.fullscreenVariantRenderer=new VariantRenderer(new FullscreenVariantRenderer);this.drawerVariantRenderer=new VariantRenderer(new DrawerVariantRenderer);this.lastVariant="popover";this.initialActive=this.active;this.debouncedGlobalClick=debounce((function(t){return i.notifyGlobalClick(t)}),10);this.onBackdropClick=function(t){if(i.activeBackdropDismiss&&i.presented&&t&&t.target){var e=t.target;return e.classList.contains("bal-popup__backdrop")}return false};this.onCloseClick=function(){if(i.activeClosable){i.dismiss()}};this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.trigger=undefined;this.lastTrigger=undefined;this.minContainerWidth=0;this.label="";this.reference=undefined;this.variant="popover";this.placement="bottom";this.arrow=false;this.backdrop=false;this.offset=0;this.closable=false;this.backdropDismiss=false;this.active=false;this.presented=false;this.contentWidth=undefined;this.demo=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.variantChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(t!==i))return[3,5];return[4,this.getVariantRenderer(i).dismiss(this)];case 1:e.sent();if(!(this.activeVariant!==t))return[3,3];this.lastVariant=this.activeVariant;this.activeVariant=t;return[4,this.getVariantRenderer(this.lastVariant).dismiss(this)];case 2:e.sent();e.label=3;case 3:if(!this.presented)return[3,5];return[4,this.getVariantRenderer(t).present(this)];case 4:e.sent();e.label=5;case 5:return[2]}}))}))};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==i&&t!==this.presented){if(t){this.present()}else{this.dismiss()}}return[2]}))}))};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-popup-variant-popover-max-width")}else{this.el.style.setProperty("--bal-popup-variant-popover-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){this.contentWidthChanged(this.contentWidth,0);if(this.initialActive===true&&this.presented!==true){this.present()}if(this.demo){this.present()}};t.prototype.listenOnGlobalClick=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,r,n;return __generator(this,(function(a){e=t.target;r=e.closest("[bal-popup]");if(r&&balBrowser.hasWindow){n=((i=r.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===n){this.debouncedGlobalClick(r)}}return[2]}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.activeClosable&&this.presented&&isEscapeKey(t)){stopEventBubbling(t);this.dismiss()}return[2]}))}))};t.prototype.listenOnMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnComponentClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,2];return[4,this.dismiss()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._present()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._dismiss()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.presented){return[2,this.dismiss()]}else{return[2,this.present()]}return[2]}))}))};t.prototype.setMinWidth=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.containerEl){this.containerEl.style.minWidth="".concat(t,"px");this.minContainerWidth=t}return[2]}))}))};t.prototype._emitChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.balChange.emit(this.presented);return[2]}))}))};t.prototype._present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(balBrowser.hasDocument){this.lastFocus=document.activeElement||undefined}if(!this.lastVariantRenderer)return[3,2];return[4,this.lastVariantRenderer.dismiss(this)];case 1:i.sent();this.presented=true;i.label=2;case 2:this.lastVariantRenderer=this.getVariantRenderer();return[4,this.lastVariantRenderer.present(this)];case 3:t=i.sent();this.focusFirstDescendant();return[2,t]}}))}))};t.prototype._dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.getVariantRenderer().dismiss(this)];case 1:i=e.sent();this.lastVariantRenderer=undefined;if(this.lastFocus&&this.lastFocus.focus){(t=this.lastFocus)===null||t===void 0?void 0:t.focus()}return[2,i]}}))}))};t.prototype.getVariantRenderer=function(t){if(t===void 0){t=this.activeVariant}switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}};t.prototype.getValue=function(t,i,e){var r=t.attributes.getNamedItem(i);return r?r.value:e};t.prototype.getNumberValue=function(t,i,e){var r=t.attributes.getNamedItem(i);if(r){return parseInt(r.value,10)||e}return e};t.prototype.getBooleanValue=function(t,i,e){var r=t.attributes.getNamedItem(i);if(r){var n=r.value===""||r.value==="true"?true:false;return r?n:e}return e};t.prototype.notifyGlobalClick=function(t){this.trigger=t;this.lastTrigger=this.lastTrigger===undefined?this.trigger:this.lastTrigger;this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant);this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable);this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss);if(this.presented&&this.lastTrigger!==this.trigger){this._present();this.lastTrigger=this.trigger}else{this.toggle()}};t.prototype.resetAllVariants=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.dismissAllOtherPopups()];case 1:i.sent();if(!(this.lastVariant!==this.activeVariant))return[3,3];t=this.getVariantRenderer(this.lastVariant);return[4,t.dismiss(this)];case 2:i.sent();i.label=3;case 3:this.lastVariant=this.activeVariant;return[2]}}))}))};t.prototype.dismissAllOtherPopups=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;var r=this;return __generator(this,(function(n){switch(n.label){case 0:if(!balBrowser.hasDocument)return[3,5];t=Array.from(document.getElementsByTagName("bal-popup")).filter((function(t){return t.id!==r.el.id&&t.ariaHidden!=="true"}));i=0;n.label=1;case 1:if(!(i<t.length))return[3,5];e=t[i];return[4,e._dismiss()];case 2:n.sent();return[4,e._emitChange()];case 3:n.sent();n.label=4;case 4:i++;return[3,1];case 5:return[2]}}))}))};t.prototype.focusFirstDescendant=function(){var t=this.el;var i=t.querySelector(focusableQueryString);if(i){i.focus()}else{t.focus()}};t.prototype.render=function(){var t=this;var i=BEM.block("popup");var e=i.element("container");var r=i.element("arrow");var n=i.element("backdrop");var a=i.element("inner");var o=a.element("head");var s=a.element("content");return h(Host,{key:"bf7416d06bf9b78fb1f45474dbadbdaef3716fa9",class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true),"aria-labelledby":"".concat(this.popupId,"-heading")},h("div",{key:"907ceff3eeb00380ba075a1c942c9593fa66d828",class:Object.assign({},n.class()),ref:function(i){return t.backdropEl=i}}),h("div",{key:"a07c2e70f1964142896ab0e2dddda63212d6e7a6",class:Object.assign(Object.assign({},e.class()),e.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:"".concat(this.minContainerWidth,"px")}},h("div",{key:"09fbe89593e72dfa5eda05ce017dbfdaa368ab6c",class:Object.assign({},r.class()),ref:function(i){return t.arrowEl=i}}),h("bal-stack",{key:"486d20a16eef12b6398235a15d6771924d9909b2",layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},a.class())},this.label?h("bal-stack",{space:"auto",class:Object.assign({},o.class())},h("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?h("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",h("div",{key:"d7210ff5af9647dbe4d176e00c7af06943bdd51a",class:Object.assign({},s.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-popup-content"},h("slot",{key:"974459f017b51844019872313636f7055357f2e1"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-popup"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Popup.prototype,"createLogger",null);__decorate([ListenTo("click",{target:"window"}),__metadata("design:type",Function),__metadata("design:paramtypes",[MouseEvent]),__metadata("design:returntype",Promise)],Popup.prototype,"listenOnGlobalClick",null);__decorate([ListenTo("keydown",{target:"document"}),__metadata("design:type",Function),__metadata("design:paramtypes",[KeyboardEvent]),__metadata("design:returntype",Promise)],Popup.prototype,"listenOnKeyDown",null);__decorate([ListenTo("mousedown"),__metadata("design:type",Function),__metadata("design:paramtypes",[MouseEvent]),__metadata("design:returntype",Promise)],Popup.prototype,"listenOnMouseDown",null);__decorate([ListenTo("mouseup"),__metadata("design:type",Function),__metadata("design:paramtypes",[MouseEvent]),__metadata("design:returntype",Promise)],Popup.prototype,"listenOnMouseUp",null);__decorate([ListenTo("click"),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],Popup.prototype,"listenOnComponentClick",null);var popupIds=0;Popup.style=BalPopupStyle0;export{Popup as bal_popup};

package/dist/esm-es5/bal-progress-bar.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{l as raf}from"./helpers-c201154e.js";import{b as balBreakpoints}from"./breakpoints.subject-d2b4fd79.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-f08ad280.js";import{L as ListenToWindowResize}from"./window-resize.decorator-6ef9be6a.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-cada8a2a.js";var balProgressBarCss=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";var BalProgressBarStyle0=balProgressBarCss;var ProgressBar=function(){function r(r){registerInstance(this,r);this.animated=true;this.isTouch=balBreakpoints.isTouch;this.value=0;this.background="white";this.color="primary"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.windowResizeListener=function(){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){var r=this;if(this.lineEl){raf((function(){var a=r.el.clientWidth;var e=Math.max(0,Math.min(100,r.value));var o=a/100*e;r.lineEl.style.width="".concat(o,"px");if(e===100){r.lineEl.classList.add("bal-progress-bar__line--full")}else{r.lineEl.classList.remove("bal-progress-bar__line--full")}}))}};r.prototype.render=function(){var r=this;var a=BEM.block("progress-bar");var e=a.element("line");return h(Host,{"aria-hidden":"true",class:Object.assign(Object.assign({},a.class()),a.modifier("background-".concat(this.background,"-of-").concat(this.color)).class())},h("div",{class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class()),e.modifier("animated").class(this.animated)),ref:function(a){return r.lineEl=a}}))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"windowResizeListener",null);ProgressBar.style=BalProgressBarStyle0;export{ProgressBar as bal_progress_bar};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{n as raf}from"./helpers-72ae7307.js";import{b as balBreakpoints}from"./breakpoints.subject-ae98d0fa.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-9981606e.js";import{L as ListenToWindowResize}from"./window-resize.decorator-a88002f7.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-ed9fb455.js";var balProgressBarCss=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";var BalProgressBarStyle0=balProgressBarCss;var ProgressBar=function(){function r(r){registerInstance(this,r);this.animated=true;this.isTouch=balBreakpoints.isTouch;this.value=0;this.background="white";this.color="primary"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.windowResizeListener=function(){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){var r=this;if(this.lineEl){raf((function(){var e=r.el.clientWidth;var a=Math.max(0,Math.min(100,r.value));var o=e/100*a;r.lineEl.style.width="".concat(o,"px");if(a===100){r.lineEl.classList.add("bal-progress-bar__line--full")}else{r.lineEl.classList.remove("bal-progress-bar__line--full")}}))}};r.prototype.render=function(){var r=this;var e=BEM.block("progress-bar");var a=e.element("line");return h(Host,{key:"ed3fb78efd402af40f4a56c4e1b0f33634506cb6","aria-hidden":"true",class:Object.assign(Object.assign({},e.class()),e.modifier("background-".concat(this.background,"-of-").concat(this.color)).class())},h("div",{key:"5c18e0082fd842c907d73e96ca84420e50f484b0",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("color-".concat(this.color)).class()),a.modifier("animated").class(this.animated)),ref:function(e){return r.lineEl=e}}))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"windowResizeListener",null);ProgressBar.style=BalProgressBarStyle0;export{ProgressBar as bal_progress_bar};

package/dist/esm-es5/bal-radio-button.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}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{B as BEM}from"./bem-8c7d2eb0.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{L as Logger}from"./log-dfd1c19f.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{i as isDescendant}from"./helpers-c201154e.js";import{B as BalElementStateListener,L as ListenToElementStates}from"./element-states.decorator-071e2b6b.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";var balRadioButtonCss="@media (hover: hover)and (pointer: fine){.bal-radio-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-radio-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-radio-button__native{display:block;width:100%;height:100%;background:rgba(0,0,0,0);border-style:solid;border-radius:var(--bal-radius-normal);border-width:var(--bal-border-width-normal);border-color:var(--bal-color-border);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-radio-button__native--checked{border-color:var(--bal-color-border-primary)}.bal-radio-button__native--checked.bal-radio-button__native--color-green{background:var(--bal-color-green-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-purple{background:var(--bal-color-purple-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-red{background:var(--bal-color-red-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-yellow{background:var(--bal-color-yellow-1)}.bal-radio-button__native:disabled,.bal-radio-button__native--disabled{background:var(--bal-color-grey-1);border-color:var(--bal-color-border-grey-dark);cursor:default}.bal-radio-button__native--invalid{border-color:var(--bal-color-border-danger)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native:hover:not(:disabled):not(.bal-radio-button__native--colored){background:var(--bal-color-grey-1);border-color:var(--bal-color-border-primary-hovered)}}.bal-radio-button__native:active:not(:disabled){border-color:var(--bal-color-border-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native--invalid:hover:not(:disabled){border-color:var(--bal-color-border-danger-hovered)}.bal-radio-button__native--invalid:active:not(:disabled){border-color:var(--bal-color-border-danger-pressed)}}";var BalRadioButtonStyle0=balRadioButtonCss;var RadioButton=function(){function a(a){var t=this;registerInstance(this,a);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balFormControlDidLoad=createEvent(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(a){if(t.disabled||t.readonly){return stopEventBubbling(a)}var e=a.target;if(e&&e.href){return}var o=t.el.querySelector("bal-radio");var r=a.target;if(o&&r){var n=r===o||isDescendant(o,r);if(!n){stopEventBubbling(a);o.click()}}};this.onFocus=function(a){var e;if(t.disabled||t.readonly){return stopEventBubbling(a)}var o=t.el.querySelector("bal-radio");var r=a.target;if(t.keyboardMode){t.focused=true}if(o&&r){var n=r===o||isDescendant(o,r);if(n){stopEventBubbling(a);(e=o.querySelector("input"))===null||e===void 0?void 0:e.focus()}}else{t.balFocus.emit()}};this.onBlur=function(a){var e;if(t.disabled||t.readonly){return stopEventBubbling(a)}var o=t.el.querySelector("bal-radio");var r=a.target;t.focused=false;if(o&&r){var n=r===o||isDescendant(o,r);if(n){stopEventBubbling(a);(e=o.querySelector("input"))===null||e===void 0?void 0:e.blur()}}else{t.balBlur.emit()}};this.onPointerDown=function(){return t.keyboardMode=false};this.onKeydown=function(a){return t.keyboardMode=FOCUS_KEYS.includes(a.key)};this.interactionState=BalElementStateListener.DefaultState;this.checked=false;this.focused=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.color=undefined;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1}a.prototype.createLogger=function(a){this.log=a};a.prototype.invalidHandler=function(){this.updateProps("invalid",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.disabledHandler=function(){this.updateProps("disabled",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.readonlyHandler=function(){this.updateProps("readonly",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.connectedCallback=function(){this.triggerAllHandlers();this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.triggerAllHandlers()};a.prototype.componentDidLoad=function(){this.balFormControlDidLoad.emit(this.el)};a.prototype.disconnectedCallback=function(){this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.elementStateListener=function(a){this.interactionChildElements.forEach((function(t){t.hovered=a.hovered;t.pressed=a.pressed}))};a.prototype.setChecked=function(a){if(a===void 0){a=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.checked=a;return[2]}))}))};Object.defineProperty(a.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-radio"))},enumerable:false,configurable:true});a.prototype.triggerAllHandlers=function(){this.disabledHandler();this.readonlyHandler();this.invalidHandler()};a.prototype.updateProps=function(a,t){var e=this[a];if(e!==undefined){this.notifyComponents(t,(function(t){return t[a]=e}))}};a.prototype.notifyComponents=function(a,t){var e=this.el.querySelectorAll(a.join(", "));e.forEach((function(a){return t(a)}))};a.prototype.render=function(){var a=BEM.block("radio-button");var t=!!this.disabled||!!this.readonly;var e=!!this.invalid;var o=!!this.color;var r=this.checked&&o;return h(Host,{class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("column-".concat(this.colSize)).class(this.colSize>1)),a.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.colSizeTablet>1)),a.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.colSizeMobile>1)),onClick:this.onClick},h("button",{role:"radio",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("disabled").class(t)),a.element("native").modifier("invalid").class(e)),a.element("native").modifier("checked").class(this.checked)),a.element("native").modifier("colored").class(r)),a.element("native").modifier("color-".concat(this.color)).class(o)),{"bal-focusable":!this.disabled}),disabled:t,onFocus:this.onFocus,onBlur:this.onBlur},h("slot",null)))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio-button"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],RadioButton.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],RadioButton.prototype,"elementStateListener",null);RadioButton.style=BalRadioButtonStyle0;export{RadioButton as bal_radio_button};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{L as Logger}from"./log-dfd1c19f.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{i as isDescendant}from"./helpers-72ae7307.js";import{B as BalElementStateListener,L as ListenToElementStates}from"./element-states.decorator-0f2107d8.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";var balRadioButtonCss="@media (hover: hover)and (pointer: fine){.bal-radio-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-radio-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-radio-button__native{display:block;width:100%;height:100%;background:rgba(0,0,0,0);border-style:solid;border-radius:var(--bal-radius-normal);border-width:var(--bal-border-width-normal);border-color:var(--bal-color-border);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-radio-button__native--checked{border-color:var(--bal-color-border-primary)}.bal-radio-button__native--checked.bal-radio-button__native--color-green{background:var(--bal-color-green-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-purple{background:var(--bal-color-purple-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-red{background:var(--bal-color-red-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-yellow{background:var(--bal-color-yellow-1)}.bal-radio-button__native:disabled,.bal-radio-button__native--disabled{background:var(--bal-color-grey-1);border-color:var(--bal-color-border-grey-dark);cursor:default}.bal-radio-button__native--invalid{border-color:var(--bal-color-border-danger)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native:hover:not(:disabled):not(.bal-radio-button__native--colored){background:var(--bal-color-grey-1);border-color:var(--bal-color-border-primary-hovered)}}.bal-radio-button__native:active:not(:disabled){border-color:var(--bal-color-border-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native--invalid:hover:not(:disabled){border-color:var(--bal-color-border-danger-hovered)}.bal-radio-button__native--invalid:active:not(:disabled){border-color:var(--bal-color-border-danger-pressed)}}";var BalRadioButtonStyle0=balRadioButtonCss;var RadioButton=function(){function a(a){var t=this;registerInstance(this,a);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balFormControlDidLoad=createEvent(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(a){if(t.disabled||t.readonly){return stopEventBubbling(a)}var e=a.target;if(e&&e.href){return}var o=t.el.querySelector("bal-radio");var r=a.target;if(o&&r){var n=r===o||isDescendant(o,r);if(!n){stopEventBubbling(a);o.click()}}};this.onFocus=function(a){var e;if(t.disabled||t.readonly){return stopEventBubbling(a)}var o=t.el.querySelector("bal-radio");var r=a.target;if(t.keyboardMode){t.focused=true}if(o&&r){var n=r===o||isDescendant(o,r);if(n){stopEventBubbling(a);(e=o.querySelector("input"))===null||e===void 0?void 0:e.focus()}}else{t.balFocus.emit()}};this.onBlur=function(a){var e;if(t.disabled||t.readonly){return stopEventBubbling(a)}var o=t.el.querySelector("bal-radio");var r=a.target;t.focused=false;if(o&&r){var n=r===o||isDescendant(o,r);if(n){stopEventBubbling(a);(e=o.querySelector("input"))===null||e===void 0?void 0:e.blur()}}else{t.balBlur.emit()}};this.onPointerDown=function(){return t.keyboardMode=false};this.onKeydown=function(a){return t.keyboardMode=FOCUS_KEYS.includes(a.key)};this.interactionState=BalElementStateListener.DefaultState;this.checked=false;this.focused=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.color=undefined;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1}a.prototype.createLogger=function(a){this.log=a};a.prototype.invalidHandler=function(){this.updateProps("invalid",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.disabledHandler=function(){this.updateProps("disabled",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.readonlyHandler=function(){this.updateProps("readonly",["bal-radio","bal-icon","bal-label","bal-text"])};a.prototype.connectedCallback=function(){this.triggerAllHandlers();this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.triggerAllHandlers()};a.prototype.componentDidLoad=function(){this.balFormControlDidLoad.emit(this.el)};a.prototype.disconnectedCallback=function(){this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.elementStateListener=function(a){this.interactionChildElements.forEach((function(t){t.hovered=a.hovered;t.pressed=a.pressed}))};a.prototype.setChecked=function(){return __awaiter(this,arguments,void 0,(function(a){if(a===void 0){a=true}return __generator(this,(function(t){this.checked=a;return[2]}))}))};Object.defineProperty(a.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-radio"))},enumerable:false,configurable:true});a.prototype.triggerAllHandlers=function(){this.disabledHandler();this.readonlyHandler();this.invalidHandler()};a.prototype.updateProps=function(a,t){var e=this[a];if(e!==undefined){this.notifyComponents(t,(function(t){return t[a]=e}))}};a.prototype.notifyComponents=function(a,t){var e=this.el.querySelectorAll(a.join(", "));e.forEach((function(a){return t(a)}))};a.prototype.render=function(){var a=BEM.block("radio-button");var t=!!this.disabled||!!this.readonly;var e=!!this.invalid;var o=!!this.color;var r=this.checked&&o;return h(Host,{key:"6d15fada501de837329e97c0c8f4233176761f7e",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("column-".concat(this.colSize)).class(this.colSize>1)),a.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.colSizeTablet>1)),a.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.colSizeMobile>1)),onClick:this.onClick},h("button",{key:"45d8e41816ff805867601d8a0f55f1dcd5b53233",role:"radio",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("disabled").class(t)),a.element("native").modifier("invalid").class(e)),a.element("native").modifier("checked").class(this.checked)),a.element("native").modifier("colored").class(r)),a.element("native").modifier("color-".concat(this.color)).class(o)),{"bal-focusable":!this.disabled}),disabled:t,onFocus:this.onFocus,onBlur:this.onBlur},h("slot",{key:"25604044a505daa614dfa277b286f3aa7b0f082a"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio-button"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],RadioButton.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],RadioButton.prototype,"elementStateListener",null);RadioButton.style=BalRadioButtonStyle0;export{RadioButton as bal_radio_button};