@baloise/ds-core 19.4.0 → 19.5.0

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

@@ -1 +1 @@
-import{H as registerInstance,M as h,N as Host,O as getElement}from"./index-pkPHUz5e.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balBadgeCss=":root{--bal-badge-background:var(--bal-color-red-3);--bal-badge-background-grey:var(--bal-color-grey-3);--bal-badge-background-red:var(--bal-color-red-3);--bal-badge-background-yellow:var(--bal-color-yellow-3);--bal-badge-background-green:var(--bal-color-green-3);--bal-badge-background-purple:var(--bal-color-purple-3);--bal-badge-radius:var(--bal-radius-rounded);--bal-badge-text-color:var(--bal-color-text-primary);--bal-badge-color-grey:var(--bal-color-text-grey-dark);--bal-badge-color-red:var(--bal-color-text-primary);--bal-badge-color-yellow:var(--bal-color-text-primary);--bal-badge-color-green:var(--bal-color-text-primary);--bal-badge-color-purple:var(--bal-color-text-primary)}.bal-badge{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:1.5rem;height:1.5rem;border-radius:var(--bal-badge-radius);background:var(--bal-badge-background);padding:.25rem}.bal-badge--size-small{width:.75rem;max-width:.75rem;min-width:.75rem;height:.75rem}.bal-badge--size-large{width:2rem;height:2rem}.bal-badge--background-red,.bal-badge--background-danger{background:var(--bal-badge-background-red)}.bal-badge--background-yellow,.bal-badge--background-warning{background:var(--bal-badge-background-yellow)}.bal-badge--background-green,.bal-badge--background-success{background:var(--bal-badge-background-green)}.bal-badge--background-purple{background:var(--bal-badge-background-purple)}.bal-badge--background-grey{background:var(--bal-badge-background-grey)}.bal-badge--position-card,.bal-badge--position-button{position:absolute;right:-0.5rem;top:-0.5rem}.bal-badge--position-tabs{margin-top:-0.25rem;position:absolute;right:-1.625rem}.bal-badge--position-tabs.bal-badge--size-small{right:-1rem}span.bal-badge__label{font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important;font-size:var(--bal-text-size-small) !important;color:var(--bal-badge-text-color);line-height:1.5rem !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}span.bal-badge__label--hidden{display:none !important}span.bal-badge__label--color-red,span.bal-badge__label--color-danger{color:var(--bal-badge-color-red)}span.bal-badge__label--color-yellow,span.bal-badge__label--color-warning{color:var(--bal-badge-color-yellow)}span.bal-badge__label--color-green,span.bal-badge__label--color-success{color:var(--bal-badge-color-green)}span.bal-badge__label--color-grey{color:var(--bal-badge-color-grey)}span.bal-badge__label--color-purple{color:var(--bal-badge-color-purple)}.bal-badge__icon--hidden{display:none !important}";var Badge=function(){function a(a){registerInstance(this,a);this.size="";this.color="";this.position=""}a.prototype.render=function(){var a=BEM.block("badge");var e=a.element("label");var r=a.element("icon");var l=this.color!=="";var b=this.size!=="";var o=this.position!=="";var t=!!this.icon||this.size==="small";return h(Host,{key:"811cf1c81df29b916af366fa68f3af34e3c7c13e",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("background-".concat(this.color)).class(l)),a.modifier("position-".concat(this.position)).class(o)),a.modifier("size-".concat(this.size)).class(b))},h("span",{key:"fe39cc5bd17ec12ba43b10af15e5200020d3a15e",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(l)),e.modifier("hidden").class(t)),"data-testid":"bal-badge-label"},h("slot",{key:"8160cdc9d7adc06c360d9cfb9ebad0e5ca785758"})),this.size!=="small"?h("bal-icon",{class:Object.assign(Object.assign({},r.class()),r.modifier("hidden").class(!t)),size:this.size===""?"small":"",name:this.icon,color:this.color==="grey"?"grey":"primary"}):"")};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();Badge.style=balBadgeCss;export{Badge as bal_badge};
+import{H as registerInstance,M as h,N as Host,O as getElement}from"./index-BtpJmRB8.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balBadgeCss=":root{--bal-badge-background:var(--bal-color-red-3);--bal-badge-background-grey:var(--bal-color-grey-3);--bal-badge-background-red:var(--bal-color-red-3);--bal-badge-background-yellow:var(--bal-color-yellow-3);--bal-badge-background-green:var(--bal-color-green-3);--bal-badge-background-purple:var(--bal-color-purple-3);--bal-badge-radius:var(--bal-radius-rounded);--bal-badge-text-color:var(--bal-color-text-primary);--bal-badge-color-grey:var(--bal-color-text-grey-dark);--bal-badge-color-red:var(--bal-color-text-primary);--bal-badge-color-yellow:var(--bal-color-text-primary);--bal-badge-color-green:var(--bal-color-text-primary);--bal-badge-color-purple:var(--bal-color-text-primary)}.bal-badge{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:1.5rem;height:1.5rem;border-radius:var(--bal-badge-radius);background:var(--bal-badge-background);padding:.25rem}.bal-badge--size-small{width:.75rem;max-width:.75rem;min-width:.75rem;height:.75rem}.bal-badge--size-large{width:2rem;height:2rem}.bal-badge--background-red,.bal-badge--background-danger{background:var(--bal-badge-background-red)}.bal-badge--background-yellow,.bal-badge--background-warning{background:var(--bal-badge-background-yellow)}.bal-badge--background-green,.bal-badge--background-success{background:var(--bal-badge-background-green)}.bal-badge--background-purple{background:var(--bal-badge-background-purple)}.bal-badge--background-grey{background:var(--bal-badge-background-grey)}.bal-badge--position-card,.bal-badge--position-button{position:absolute;right:-0.5rem;top:-0.5rem}.bal-badge--position-tabs{margin-top:-0.25rem;position:absolute;right:-1.625rem}.bal-badge--position-tabs.bal-badge--size-small{right:-1rem}span.bal-badge__label{font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important;font-size:var(--bal-text-size-small) !important;color:var(--bal-badge-text-color);line-height:1.5rem !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}span.bal-badge__label--hidden{display:none !important}span.bal-badge__label--color-red,span.bal-badge__label--color-danger{color:var(--bal-badge-color-red)}span.bal-badge__label--color-yellow,span.bal-badge__label--color-warning{color:var(--bal-badge-color-yellow)}span.bal-badge__label--color-green,span.bal-badge__label--color-success{color:var(--bal-badge-color-green)}span.bal-badge__label--color-grey{color:var(--bal-badge-color-grey)}span.bal-badge__label--color-purple{color:var(--bal-badge-color-purple)}.bal-badge__icon--hidden{display:none !important}";var Badge=function(){function a(a){registerInstance(this,a);this.size="";this.color="";this.position=""}a.prototype.render=function(){var a=BEM.block("badge");var e=a.element("label");var r=a.element("icon");var l=this.color!=="";var b=this.size!=="";var o=this.position!=="";var t=!!this.icon||this.size==="small";return h(Host,{key:"811cf1c81df29b916af366fa68f3af34e3c7c13e",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("background-".concat(this.color)).class(l)),a.modifier("position-".concat(this.position)).class(o)),a.modifier("size-".concat(this.size)).class(b))},h("span",{key:"fe39cc5bd17ec12ba43b10af15e5200020d3a15e",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(l)),e.modifier("hidden").class(t)),"data-testid":"bal-badge-label"},h("slot",{key:"8160cdc9d7adc06c360d9cfb9ebad0e5ca785758"})),this.size!=="small"?h("bal-icon",{class:Object.assign(Object.assign({},r.class()),r.modifier("hidden").class(!t)),size:this.size===""?"small":"",name:this.icon,color:this.color==="grey"?"grey":"primary"}):"")};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();Badge.style=balBadgeCss;export{Badge as bal_badge};

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

@@ -1 +1 @@
-import{H as registerInstance,P as createEvent,K as rOnLoad,M as h,N as Host,O as getElement}from"./index-pkPHUz5e.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balButtonCss="bal-button,.bal-button{display:inline-block;position:static}bal-button.is-fullwidth,.bal-button.is-fullwidth{width:100%;-ms-flex:1 1 100%;flex:1 1 100%}bal-button[disabled] bal-icon,.bal-button[disabled] bal-icon{pointer-events:none}.bal-button .button-label.has-no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-button-group{display:-ms-flexbox;display:flex}.bal-button-group--position-center{-ms-flex-pack:center;justify-content:center}.bal-button-group--position-left{-ms-flex-pack:start;justify-content:flex-start}.bal-button-group--position-right{-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width: 768px){.bal-button-group--direction-auto .field.is-grouped,.bal-button-group--direction-auto .bal-button,.bal-button-group--direction-auto .bal-button .button{width:100% !important}}@media screen and (max-width: 768px){.bal-button-group--direction-column .field.is-grouped,.bal-button-group--direction-column .bal-button,.bal-button-group--direction-column .bal-button .button{width:100% !important}}";var Button=function(){function t(t){var i=this;registerInstance(this,t);this.balClick=createEvent(this,"balClick");this.balNavigate=createEvent(this,"balNavigate");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balDidRender=createEvent(this,"balDidRender");this.inheritAttributes={};this.isLargestContentPaintDone=false;this.color="primary";this.elementType="button";this.disabled=false;this.size="";this.target="_self";this.shadow=false;this.square=false;this.isActive=false;this.expanded=false;this.flat=false;this.outlined=false;this.inverted=false;this.loading=false;this.rounded=false;this.balPopup=undefined;this.icon="";this.iconTurn=false;this.iconRight="";this.noWrap=false;this.name="";this.value="";this.a11yControls=undefined;this.a11yTitle=undefined;this.a11yLabel=undefined;this.a11yHaspopup=undefined;this.onFocus=function(){i.balFocus.emit()};this.onBlur=function(){i.balBlur.emit()};this.onClick=function(t){if(!i.disabled){i.balClick.emit(t);if(i.href!==undefined){i.balNavigate.emit(t)}}}}t.prototype.listenOnClick=function(t){if(this.disabled&&t.target&&t.target===this.el){t.preventDefault();t.stopPropagation()}};t.prototype.componentDidLoad=function(){var t=this;rOnLoad((function(){return t.isLargestContentPaintDone=true}))};t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritAttributes(this.el,["title","aria-label","aria-controls","aria-hidden","tabindex","aria-haspopup"]);if(this.el.hasAttribute("bal-popup")&&!this.a11yHaspopup){this.a11yHaspopup="true"}};t.prototype.componentDidRender=function(){this.balDidRender.emit()};Object.defineProperty(t.prototype,"isIconInverted",{get:function(){return this.inverted},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"buttonCssClass",{get:function(){var t;return t={button:true},t["is-".concat(this.color)]=true,t["is-flat"]=this.flat,t["is-square"]=this.square,t["is-small"]=this.size==="small",t["is-inverted"]=this.inverted,t["is-active"]=this.isActive,t["is-outlined"]=this.outlined,t["is-fullwidth"]=this.expanded,t["is-disabled"]=this.disabled,t["is-loading"]=this.loading,t["is-rounded"]=this.rounded===true,t["has-blur-shadow"]=this.shadow===true,t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"leftIconAttrs",{get:function(){if(!this.icon||this.loading){return{style:{display:"none"}}}return{}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"leftRightAttrs",{get:function(){if(!this.iconRight||this.loading){return{style:{display:"none"}}}return{}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"loadingAttrs",{get:function(){if(!this.loading){return{style:{display:"none"}}}return{style:{position:"absolute"}}},enumerable:false,configurable:true});t.prototype.handleClick=function(t){if(this.disabled){t.preventDefault();t.stopPropagation()}};t.prototype.render=function(){var t=this;var i=this,e=i.elementType,s=i.download,n=i.href,a=i.rel,r=i.target,o=i.name,l=i.value;var u=this.href===undefined?"button":"a";var b=u==="button"?{type:e,name:o,value:l}:{download:s,href:n,rel:a,target:r};var c=function(){if(t.disabled){return"blue"}switch(t.color){case"primary":case"success":case"warning":case"danger":return t.inverted?"blue":"white";default:return t.inverted?"white":"blue"}};var f={title:this.a11yTitle||this.inheritAttributes["title"],"aria-label":this.a11yLabel||this.inheritAttributes["aria-label"]||this.a11yTitle||this.inheritAttributes["title"],"aria-controls":this.a11yControls||this.inheritAttributes["aria-controls"],"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return h(Host,{onClick:this.handleClick,class:{"bal-button":true,control:true,"is-fullwidth":this.expanded,"is-disabled":this.disabled}},h(u,Object.assign({},b,this.inheritAttributes,{type:this.elementType,class:this.buttonCssClass,part:"native",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,"aria-disabled":ariaBooleanToString(this.disabled),"data-testid":"bal-button"},f),this.isLargestContentPaintDone&&this.loading?h("bal-spinner",Object.assign({color:c(),small:true},this.loadingAttrs,{deactivated:!this.loading})):"",this.isLargestContentPaintDone&&this.icon?h("bal-icon",Object.assign({},this.leftIconAttrs,{class:this.square?"":"icon-left",name:this.icon,size:this.square?this.size:"small",turn:this.iconTurn,inverted:this.isIconInverted})):"",h("span",{class:{"button-label":true,"has-no-wrap":this.noWrap,"is-small":this.size==="small"},style:{opacity:this.loading?"0":"1"},"data-testid":"bal-button-label"},h("slot",null)),this.isLargestContentPaintDone&&this.iconRight?h("bal-icon",Object.assign({},this.leftRightAttrs,{class:"icon-right",name:this.iconRight,size:"small",turn:this.iconTurn,inverted:this.isIconInverted})):""))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Button.style=balButtonCss;var ButtonGroup=function(){function t(t){registerInstance(this,t);this.position="";this.direction="auto";this.reverse=false}t.prototype.render=function(){var t;var i=BEM.block("button-group");return h(Host,{key:"a41720ea16a458ae915bece1adf109d2f20ea8ec",class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("position-".concat(this.position)).class()),i.modifier("direction-".concat(this.direction)).class())},h("div",{key:"03f0d65f12c0ac0e14f4854ef85e845fe51f9e62",class:(t={field:true,"is-grouped":true,"is-reverse":this.reverse},t["has-direction-".concat(this.direction)]=true,t)},h("slot",{key:"a65f6a5a52b522c600c4df6c0963cdd59ad07462"})))};return t}();export{Button as bal_button,ButtonGroup as bal_button_group};
+import{H as registerInstance,P as createEvent,K as rOnLoad,M as h,N as Host,O as getElement}from"./index-BtpJmRB8.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balButtonCss="bal-button,.bal-button{display:inline-block;position:static}bal-button.is-fullwidth,.bal-button.is-fullwidth{width:100%;-ms-flex:1 1 100%;flex:1 1 100%}bal-button[disabled] bal-icon,.bal-button[disabled] bal-icon{pointer-events:none}.bal-button .button-label.has-no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-button-group{display:-ms-flexbox;display:flex}.bal-button-group--position-center{-ms-flex-pack:center;justify-content:center}.bal-button-group--position-left{-ms-flex-pack:start;justify-content:flex-start}.bal-button-group--position-right{-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width: 768px){.bal-button-group--direction-auto .field.is-grouped,.bal-button-group--direction-auto .bal-button,.bal-button-group--direction-auto .bal-button .button{width:100% !important}}@media screen and (max-width: 768px){.bal-button-group--direction-column .field.is-grouped,.bal-button-group--direction-column .bal-button,.bal-button-group--direction-column .bal-button .button{width:100% !important}}";var Button=function(){function t(t){var i=this;registerInstance(this,t);this.balClick=createEvent(this,"balClick");this.balNavigate=createEvent(this,"balNavigate");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balDidRender=createEvent(this,"balDidRender");this.inheritAttributes={};this.isLargestContentPaintDone=false;this.color="primary";this.elementType="button";this.disabled=false;this.size="";this.target="_self";this.shadow=false;this.square=false;this.isActive=false;this.expanded=false;this.flat=false;this.outlined=false;this.inverted=false;this.loading=false;this.rounded=false;this.balPopup=undefined;this.icon="";this.iconTurn=false;this.iconRight="";this.noWrap=false;this.name="";this.value="";this.a11yControls=undefined;this.a11yTitle=undefined;this.a11yLabel=undefined;this.a11yHaspopup=undefined;this.onFocus=function(){i.balFocus.emit()};this.onBlur=function(){i.balBlur.emit()};this.onClick=function(t){if(!i.disabled){i.balClick.emit(t);if(i.href!==undefined){i.balNavigate.emit(t)}}}}t.prototype.listenOnClick=function(t){if(this.disabled&&t.target&&t.target===this.el){t.preventDefault();t.stopPropagation()}};t.prototype.componentDidLoad=function(){var t=this;rOnLoad((function(){return t.isLargestContentPaintDone=true}))};t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritAttributes(this.el,["title","aria-label","aria-controls","aria-hidden","tabindex","aria-haspopup"]);if(this.el.hasAttribute("bal-popup")&&!this.a11yHaspopup){this.a11yHaspopup="true"}};t.prototype.componentDidRender=function(){this.balDidRender.emit()};Object.defineProperty(t.prototype,"isIconInverted",{get:function(){return this.inverted},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"buttonCssClass",{get:function(){var t;return t={button:true},t["is-".concat(this.color)]=true,t["is-flat"]=this.flat,t["is-square"]=this.square,t["is-small"]=this.size==="small",t["is-inverted"]=this.inverted,t["is-active"]=this.isActive,t["is-outlined"]=this.outlined,t["is-fullwidth"]=this.expanded,t["is-disabled"]=this.disabled,t["is-loading"]=this.loading,t["is-rounded"]=this.rounded===true,t["has-blur-shadow"]=this.shadow===true,t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"leftIconAttrs",{get:function(){if(!this.icon||this.loading){return{style:{display:"none"}}}return{}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"leftRightAttrs",{get:function(){if(!this.iconRight||this.loading){return{style:{display:"none"}}}return{}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"loadingAttrs",{get:function(){if(!this.loading){return{style:{display:"none"}}}return{style:{position:"absolute"}}},enumerable:false,configurable:true});t.prototype.handleClick=function(t){if(this.disabled){t.preventDefault();t.stopPropagation()}};t.prototype.render=function(){var t=this;var i=this,e=i.elementType,s=i.download,n=i.href,a=i.rel,r=i.target,o=i.name,l=i.value;var u=this.href===undefined?"button":"a";var b=u==="button"?{type:e,name:o,value:l}:{download:s,href:n,rel:a,target:r};var c=function(){if(t.disabled){return"blue"}switch(t.color){case"primary":case"success":case"warning":case"danger":return t.inverted?"blue":"white";default:return t.inverted?"white":"blue"}};var f={title:this.a11yTitle||this.inheritAttributes["title"],"aria-label":this.a11yLabel||this.inheritAttributes["aria-label"]||this.a11yTitle||this.inheritAttributes["title"],"aria-controls":this.a11yControls||this.inheritAttributes["aria-controls"],"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return h(Host,{onClick:this.handleClick,class:{"bal-button":true,control:true,"is-fullwidth":this.expanded,"is-disabled":this.disabled}},h(u,Object.assign({},b,this.inheritAttributes,{type:this.elementType,class:this.buttonCssClass,part:"native",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,"aria-disabled":ariaBooleanToString(this.disabled),"data-testid":"bal-button"},f),this.isLargestContentPaintDone&&this.loading?h("bal-spinner",Object.assign({color:c(),small:true},this.loadingAttrs,{deactivated:!this.loading})):"",this.isLargestContentPaintDone&&this.icon?h("bal-icon",Object.assign({},this.leftIconAttrs,{class:this.square?"":"icon-left",name:this.icon,size:this.square?this.size:"small",turn:this.iconTurn,inverted:this.isIconInverted})):"",h("span",{class:{"button-label":true,"has-no-wrap":this.noWrap,"is-small":this.size==="small"},style:{opacity:this.loading?"0":"1"},"data-testid":"bal-button-label"},h("slot",null)),this.isLargestContentPaintDone&&this.iconRight?h("bal-icon",Object.assign({},this.leftRightAttrs,{class:"icon-right",name:this.iconRight,size:"small",turn:this.iconTurn,inverted:this.isIconInverted})):""))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Button.style=balButtonCss;var ButtonGroup=function(){function t(t){registerInstance(this,t);this.position="";this.direction="auto";this.reverse=false}t.prototype.render=function(){var t;var i=BEM.block("button-group");return h(Host,{key:"a41720ea16a458ae915bece1adf109d2f20ea8ec",class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("position-".concat(this.position)).class()),i.modifier("direction-".concat(this.direction)).class())},h("div",{key:"03f0d65f12c0ac0e14f4854ef85e845fe51f9e62",class:(t={field:true,"is-grouped":true,"is-reverse":this.reverse},t["has-direction-".concat(this.direction)]=true,t)},h("slot",{key:"a65f6a5a52b522c600c4df6c0963cdd59ad07462"})))};return t}();export{Button as bal_button,ButtonGroup as bal_button_group};

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

@@ -1 +1 @@
-import{H as registerInstance,M as h,N as Host}from"./index-pkPHUz5e.js";import{i as isEmpty}from"./index-dYcsHLfj.js";import{B as BEM}from"./bem-ByiN-QjD.js";import"./_commonjsHelpers-BFTU3MAI.js";var balCardCss=":root{--bal-card-background:transparent;--bal-card-background-white:var(--bal-color-white);--bal-card-background-blue:var(--bal-color-primary);--bal-card-background-primary:var(--bal-color-primary);--bal-card-background-info:var(--bal-color-primary);--bal-card-background-success:var(--bal-color-success-2);--bal-card-background-warning:var(--bal-color-warning-2);--bal-card-background-danger:var(--bal-color-danger-2);--bal-card-background-grey:var(--bal-color-grey);--bal-card-background-red:var(--bal-color-red);--bal-card-background-yellow:var(--bal-color-yellow);--bal-card-background-purple:var(--bal-color-purple);--bal-card-background-green:var(--bal-color-green);--bal-card-background-red-light:var(--bal-color-red-1);--bal-card-background-yellow-light:var(--bal-color-yellow-1);--bal-card-background-purple-light:var(--bal-color-purple-1);--bal-card-background-green-light:var(--bal-color-green-1);--bal-card-background-grey-light:var(--bal-color-grey-1);--bal-card-background-purple-1:var(--bal-color-purple-1);--bal-card-background-purple-2:var(--bal-color-purple-2);--bal-card-background-purple-3:var(--bal-color-purple);--bal-card-background-green-1:var(--bal-color-green-1);--bal-card-background-green-2:var(--bal-color-green-2);--bal-card-background-green-3:var(--bal-color-green);--bal-card-background-red-1:var(--bal-color-red-1);--bal-card-background-red-2:var(--bal-color-red-2);--bal-card-background-red-3:var(--bal-color-red);--bal-card-background-yellow-1:var(--bal-color-yellow-1);--bal-card-background-yellow-2:var(--bal-color-yellow-2);--bal-card-background-yellow-3:var(--bal-color-yellow);--bal-card-selected-background:var(--bal-color-primary-2);--bal-card-radius:var(--bal-radius-large);--bal-card-square-radius:0;--bal-card-border:var(--bal-border-width-normal) dashed var(--bal-color-grey)}.bal-card{position:relative;display:block;background:var(--bal-card-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);border-radius:var(--bal-card-radius)}.bal-card--is-white{background:var(--bal-card-background-white)}.bal-card--is-blue{background:var(--bal-card-background-blue)}.bal-card--is-primary{background:var(--bal-card-background-primary)}.bal-card--is-info{background:var(--bal-card-background-info)}.bal-card--is-success{background:var(--bal-card-background-success)}.bal-card--is-warning{background:var(--bal-card-background-warning)}.bal-card--is-danger{background:var(--bal-card-background-danger)}.bal-card--is-grey{background:var(--bal-card-background-grey)}.bal-card--is-red{background:var(--bal-card-background-red)}.bal-card--is-yellow{background:var(--bal-card-background-yellow)}.bal-card--is-purple{background:var(--bal-card-background-purple)}.bal-card--is-green{background:var(--bal-card-background-green)}.bal-card--is-red-light{background:var(--bal-card-background-red-light)}.bal-card--is-yellow-light{background:var(--bal-card-background-yellow-light)}.bal-card--is-purple-light{background:var(--bal-card-background-purple-light)}.bal-card--is-green-light{background:var(--bal-card-background-green-light)}.bal-card--is-grey-light{background:var(--bal-card-background-grey-light)}.bal-card--is-purple-1{background:var(--bal-card-background-purple-1)}.bal-card--is-purple-2{background:var(--bal-card-background-purple-2)}.bal-card--is-purple-3{background:var(--bal-card-background-purple-3)}.bal-card--is-green-1{background:var(--bal-card-background-green-1)}.bal-card--is-green-2{background:var(--bal-card-background-green-2)}.bal-card--is-green-3{background:var(--bal-card-background-green-3)}.bal-card--is-red-1{background:var(--bal-card-background-red-1)}.bal-card--is-red-2{background:var(--bal-card-background-red-2)}.bal-card--is-red-3{background:var(--bal-card-background-red-3)}.bal-card--is-yellow-1{background:var(--bal-card-background-yellow-1)}.bal-card--is-yellow-2{background:var(--bal-card-background-yellow-2)}.bal-card--is-yellow-3{background:var(--bal-card-background-yellow-3)}.bal-card--has-fullheight,.bal-card--has-fullheight .bal-card-content,.bal-card--has-fullheight .bal-card-content>.is-flex{height:100%}.bal-card--has-border{border:var(--bal-card-border)}.bal-card--is-flat{-webkit-box-shadow:none;box-shadow:none}.bal-card--is-square{border-radius:var(--bal-card-square-radius)}.bal-card--is-selected{background:var(--bal-card-selected-background)}.bal-card--is-clickable{cursor:pointer;-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out, -webkit-transform .15s ease-in-out}.bal-card--is-clickable:active,.bal-card--is-clickable:hover{-webkit-box-shadow:var(--bal-shadow-large);box-shadow:var(--bal-shadow-large);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1.5rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 769px),print{.bal-card--is-small>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card--is-small>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card--is-small>bal-badge+bal-card-title,.bal-card--is-small>bal-badge+bal-card-content,.bal-card--is-small>bal-tag+bal-card-title,.bal-card--is-small>bal-tag+bal-card-content,.bal-card--is-small>bal-card-title+bal-card-content,.bal-card--is-small>bal-card-subtitle+bal-card-content,.bal-card--is-small>bal-card-actions,.bal-card--is-small>bal-card-button{padding-top:1rem}.bal-card--is-small>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-small bal-card-title,.bal-card--is-small bal-card-subtitle,.bal-card--is-small bal-card-content,.bal-card--is-small bal-card-actions,.bal-card--is-small bal-card-button{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 769px),print{.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:1.5rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:2rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 769px),print{.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:2rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:4rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:4rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:4rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:4rem;padding-right:4rem}}.bal-card>.bal-tag{position:absolute;left:1rem;top:-1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag{left:1.5rem}}.bal-card>.bal-tag--is-left{left:1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-left{left:1.5rem}}.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.bal-card-title{display:block;position:static}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:.5rem}@media screen and (min-width: 769px),print{.bal-card-title .bal-heading h3{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-card-title .title,.bal-card-title .bal-heading__text{display:-ms-flexbox;display:flex}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:0;margin-left:.5rem;display:-ms-inline-flexbox;display:inline-flex}.bal-card-title .title .bal-tag-group .bal-tag,.bal-card-title .bal-heading__text .bal-tag-group .bal-tag{margin-top:.125rem}.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-button-group{-ms-flex:1;flex:1}}.bal-card-subtitle{display:block;position:static}.bal-card-subtitle--bold{font-weight:var(--bal-font-weight-bold)}.bal-card-subtitle--inverted{color:var(--bal-color-white)}.bal-card-subtitle--color-primary{color:var(--bal-color-text-primary)}.bal-card-subtitle--color-info{color:var(--bal-color-text-info)}.bal-card-subtitle--color-success{color:var(--bal-color-text-success)}.bal-card-subtitle--color-warning{color:var(--bal-color-text-warning)}.bal-card-subtitle--color-danger{color:var(--bal-color-text-danger)}.bal-card-subtitle--color-default{color:var(--bal-color-text-default)}.bal-card-subtitle--color-blue{color:var(--bal-color-text-blue)}.bal-card-subtitle--color-white{color:var(--bal-color-text-white)}.bal-card-content{display:block;position:static;word-break:break-word;text-align:left;font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-card-actions{display:block;position:static}.bal-card-button{display:block;position:static}.column bal-card.has-height-auto,.column bal-card.has-height-auto bal-card-content,.column bal-card.has-height-auto bal-card-content>.is-flex{height:100%}";var Card=function(){function a(a){registerInstance(this,a);this.border=false;this.flat=false;this.square=false;this.inverted=false;this.clickable=false;this.selected=false;this.fullheight=false;this.space="";this.color="white"}Object.defineProperty(a.prototype,"colorTypeClass",{get:function(){return isEmpty(this.color)?"":"is-".concat(this.inverted?"blue":this.color)},enumerable:false,configurable:true});a.prototype.render=function(){var a;return h(Host,{key:"c96cc43fa0044fd8ac34cd617a90ed88ec7073c5",class:(a={"bal-card":true},a["bal-card--".concat(this.colorTypeClass)]=!isEmpty(this.color),a["bal-card--is-".concat(this.space)]=this.space!=="",a["bal-card--has-border"]=this.border,a["bal-card--is-flat"]=this.flat,a["bal-card--is-clickable"]=this.clickable,a["bal-card--is-selected"]=this.selected,a["bal-card--is-square"]=this.square,a["bal-card--has-fullheight"]=this.fullheight,a)},h("slot",{key:"50ade35417dafda765c509bd8f97157d7932a0b4"}))};return a}();Card.style=balCardCss;var CardActions=function(){function a(a){registerInstance(this,a);this.position=""}a.prototype.render=function(){return h(Host,{key:"a7cfd2bf8e431e2bd0fb357e11ab28391f3a76c1",class:"bal-card-actions"},h("bal-button-group",{key:"15606e2e6831e3d3e7977b948bd9b14582c71d5d",class:"m-none",position:this.position},h("slot",{key:"384f7646c468defca583a7ef7cbe2edf93ea74fa"})))};return a}();var CardButton=function(){function a(a){registerInstance(this,a);this.icon="";this.elementType="button";this.disabled=false;this.target="_self";this.iconRight="";this.loading=false}a.prototype.render=function(){return h(Host,{key:"2571a681907e53e8496930e90e42b7c83d8f772b",class:"bal-card-button"},h("bal-button",{key:"abb149ebb28f13a448cec0fff003feb7efd43e16",color:"info",expanded:true,"bottom-rounded":true,icon:this.icon,iconRight:this.iconRight,elementType:this.elementType,disabled:this.disabled,href:this.href,target:this.target,loading:this.loading},h("slot",{key:"b51a474d03b133ab2174004d08b8129032344ecb"})))};return a}();var CardContent=function(){function a(a){registerInstance(this,a)}a.prototype.render=function(){return h(Host,{key:"63fb6b5e72ad6c3fa30ba68f6d9bdf0e1833df76",class:"bal-card-content"},h("slot",{key:"851ba08103e95a1c0536523a449d1f317543092c"}))};return a}();var CardSubtitle=function(){function a(a){registerInstance(this,a);this.inverted=false;this.bold=false;this.color=""}a.prototype.render=function(){var a=BEM.block("card-subtitle");return h(Host,{key:"8cdde0f96f513fa303e73fb6934ea31b8e081b70",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("bold").class(this.bold)),a.modifier("color-".concat(this.color)).class(!this.inverted)),a.modifier("inverted").class(this.inverted))},h("span",{key:"0706b14cbe256d54016e492de7be29adef5badb5"},h("slot",{key:"22e5a11111f7b663e15e1ab1ebba3f3cafbecd01"})))};return a}();var CardTitle=function(){function a(a){registerInstance(this,a);this.inverted=false}a.prototype.render=function(){return h(Host,{key:"480825eb5bb7479126da292aaa53a4fa74a8cd95",class:"bal-card-title"},h("bal-heading",{key:"c193388a8ade59840457b375b4a8715bef3e2328",level:"h3",space:"none",inverted:this.inverted},h("slot",{key:"8c01ab5b70d5aabef47a5693b827fa8e23192c92"})))};return a}();export{Card as bal_card,CardActions as bal_card_actions,CardButton as bal_card_button,CardContent as bal_card_content,CardSubtitle as bal_card_subtitle,CardTitle as bal_card_title};
+import{H as registerInstance,M as h,N as Host}from"./index-BtpJmRB8.js";import{i as isEmpty}from"./index-dYcsHLfj.js";import{B as BEM}from"./bem-ByiN-QjD.js";import"./_commonjsHelpers-BFTU3MAI.js";var balCardCss=":root{--bal-card-background:transparent;--bal-card-background-white:var(--bal-color-white);--bal-card-background-blue:var(--bal-color-primary);--bal-card-background-primary:var(--bal-color-primary);--bal-card-background-info:var(--bal-color-primary);--bal-card-background-success:var(--bal-color-success-2);--bal-card-background-warning:var(--bal-color-warning-2);--bal-card-background-danger:var(--bal-color-danger-2);--bal-card-background-grey:var(--bal-color-grey);--bal-card-background-red:var(--bal-color-red);--bal-card-background-yellow:var(--bal-color-yellow);--bal-card-background-purple:var(--bal-color-purple);--bal-card-background-green:var(--bal-color-green);--bal-card-background-red-light:var(--bal-color-red-1);--bal-card-background-yellow-light:var(--bal-color-yellow-1);--bal-card-background-purple-light:var(--bal-color-purple-1);--bal-card-background-green-light:var(--bal-color-green-1);--bal-card-background-grey-light:var(--bal-color-grey-1);--bal-card-background-purple-1:var(--bal-color-purple-1);--bal-card-background-purple-2:var(--bal-color-purple-2);--bal-card-background-purple-3:var(--bal-color-purple);--bal-card-background-green-1:var(--bal-color-green-1);--bal-card-background-green-2:var(--bal-color-green-2);--bal-card-background-green-3:var(--bal-color-green);--bal-card-background-red-1:var(--bal-color-red-1);--bal-card-background-red-2:var(--bal-color-red-2);--bal-card-background-red-3:var(--bal-color-red);--bal-card-background-yellow-1:var(--bal-color-yellow-1);--bal-card-background-yellow-2:var(--bal-color-yellow-2);--bal-card-background-yellow-3:var(--bal-color-yellow);--bal-card-selected-background:var(--bal-color-primary-2);--bal-card-radius:var(--bal-radius-large);--bal-card-square-radius:0;--bal-card-border:var(--bal-border-width-normal) dashed var(--bal-color-grey)}.bal-card{position:relative;display:block;background:var(--bal-card-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);border-radius:var(--bal-card-radius)}.bal-card--is-white{background:var(--bal-card-background-white)}.bal-card--is-blue{background:var(--bal-card-background-blue)}.bal-card--is-primary{background:var(--bal-card-background-primary)}.bal-card--is-info{background:var(--bal-card-background-info)}.bal-card--is-success{background:var(--bal-card-background-success)}.bal-card--is-warning{background:var(--bal-card-background-warning)}.bal-card--is-danger{background:var(--bal-card-background-danger)}.bal-card--is-grey{background:var(--bal-card-background-grey)}.bal-card--is-red{background:var(--bal-card-background-red)}.bal-card--is-yellow{background:var(--bal-card-background-yellow)}.bal-card--is-purple{background:var(--bal-card-background-purple)}.bal-card--is-green{background:var(--bal-card-background-green)}.bal-card--is-red-light{background:var(--bal-card-background-red-light)}.bal-card--is-yellow-light{background:var(--bal-card-background-yellow-light)}.bal-card--is-purple-light{background:var(--bal-card-background-purple-light)}.bal-card--is-green-light{background:var(--bal-card-background-green-light)}.bal-card--is-grey-light{background:var(--bal-card-background-grey-light)}.bal-card--is-purple-1{background:var(--bal-card-background-purple-1)}.bal-card--is-purple-2{background:var(--bal-card-background-purple-2)}.bal-card--is-purple-3{background:var(--bal-card-background-purple-3)}.bal-card--is-green-1{background:var(--bal-card-background-green-1)}.bal-card--is-green-2{background:var(--bal-card-background-green-2)}.bal-card--is-green-3{background:var(--bal-card-background-green-3)}.bal-card--is-red-1{background:var(--bal-card-background-red-1)}.bal-card--is-red-2{background:var(--bal-card-background-red-2)}.bal-card--is-red-3{background:var(--bal-card-background-red-3)}.bal-card--is-yellow-1{background:var(--bal-card-background-yellow-1)}.bal-card--is-yellow-2{background:var(--bal-card-background-yellow-2)}.bal-card--is-yellow-3{background:var(--bal-card-background-yellow-3)}.bal-card--has-fullheight,.bal-card--has-fullheight .bal-card-content,.bal-card--has-fullheight .bal-card-content>.is-flex{height:100%}.bal-card--has-border{border:var(--bal-card-border)}.bal-card--is-flat{-webkit-box-shadow:none;box-shadow:none}.bal-card--is-square{border-radius:var(--bal-card-square-radius)}.bal-card--is-selected{background:var(--bal-card-selected-background)}.bal-card--is-clickable{cursor:pointer;-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out, -webkit-transform .15s ease-in-out}.bal-card--is-clickable:active,.bal-card--is-clickable:hover{-webkit-box-shadow:var(--bal-shadow-large);box-shadow:var(--bal-shadow-large);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1.5rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 769px),print{.bal-card--is-small>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card--is-small>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card--is-small>bal-badge+bal-card-title,.bal-card--is-small>bal-badge+bal-card-content,.bal-card--is-small>bal-tag+bal-card-title,.bal-card--is-small>bal-tag+bal-card-content,.bal-card--is-small>bal-card-title+bal-card-content,.bal-card--is-small>bal-card-subtitle+bal-card-content,.bal-card--is-small>bal-card-actions,.bal-card--is-small>bal-card-button{padding-top:1rem}.bal-card--is-small>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-small bal-card-title,.bal-card--is-small bal-card-subtitle,.bal-card--is-small bal-card-content,.bal-card--is-small bal-card-actions,.bal-card--is-small bal-card-button{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 769px),print{.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:1.5rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:2rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 769px),print{.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:2rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:4rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:4rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:4rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:4rem;padding-right:4rem}}.bal-card>.bal-tag{position:absolute;left:1rem;top:-1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag{left:1.5rem}}.bal-card>.bal-tag--is-left{left:1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-left{left:1.5rem}}.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.bal-card-title{display:block;position:static}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:.5rem}@media screen and (min-width: 769px),print{.bal-card-title .bal-heading h3{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-card-title .title,.bal-card-title .bal-heading__text{display:-ms-flexbox;display:flex}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:0;margin-left:.5rem;display:-ms-inline-flexbox;display:inline-flex}.bal-card-title .title .bal-tag-group .bal-tag,.bal-card-title .bal-heading__text .bal-tag-group .bal-tag{margin-top:.125rem}.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-button-group{-ms-flex:1;flex:1}}.bal-card-subtitle{display:block;position:static}.bal-card-subtitle--bold{font-weight:var(--bal-font-weight-bold)}.bal-card-subtitle--inverted{color:var(--bal-color-white)}.bal-card-subtitle--color-primary{color:var(--bal-color-text-primary)}.bal-card-subtitle--color-info{color:var(--bal-color-text-info)}.bal-card-subtitle--color-success{color:var(--bal-color-text-success)}.bal-card-subtitle--color-warning{color:var(--bal-color-text-warning)}.bal-card-subtitle--color-danger{color:var(--bal-color-text-danger)}.bal-card-subtitle--color-default{color:var(--bal-color-text-default)}.bal-card-subtitle--color-blue{color:var(--bal-color-text-blue)}.bal-card-subtitle--color-white{color:var(--bal-color-text-white)}.bal-card-content{display:block;position:static;word-break:break-word;text-align:left;font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-card-actions{display:block;position:static}.bal-card-button{display:block;position:static}.column bal-card.has-height-auto,.column bal-card.has-height-auto bal-card-content,.column bal-card.has-height-auto bal-card-content>.is-flex{height:100%}";var Card=function(){function a(a){registerInstance(this,a);this.border=false;this.flat=false;this.square=false;this.inverted=false;this.clickable=false;this.selected=false;this.fullheight=false;this.space="";this.color="white"}Object.defineProperty(a.prototype,"colorTypeClass",{get:function(){return isEmpty(this.color)?"":"is-".concat(this.inverted?"blue":this.color)},enumerable:false,configurable:true});a.prototype.render=function(){var a;return h(Host,{key:"c96cc43fa0044fd8ac34cd617a90ed88ec7073c5",class:(a={"bal-card":true},a["bal-card--".concat(this.colorTypeClass)]=!isEmpty(this.color),a["bal-card--is-".concat(this.space)]=this.space!=="",a["bal-card--has-border"]=this.border,a["bal-card--is-flat"]=this.flat,a["bal-card--is-clickable"]=this.clickable,a["bal-card--is-selected"]=this.selected,a["bal-card--is-square"]=this.square,a["bal-card--has-fullheight"]=this.fullheight,a)},h("slot",{key:"50ade35417dafda765c509bd8f97157d7932a0b4"}))};return a}();Card.style=balCardCss;var CardActions=function(){function a(a){registerInstance(this,a);this.position=""}a.prototype.render=function(){return h(Host,{key:"a7cfd2bf8e431e2bd0fb357e11ab28391f3a76c1",class:"bal-card-actions"},h("bal-button-group",{key:"15606e2e6831e3d3e7977b948bd9b14582c71d5d",class:"m-none",position:this.position},h("slot",{key:"384f7646c468defca583a7ef7cbe2edf93ea74fa"})))};return a}();var CardButton=function(){function a(a){registerInstance(this,a);this.icon="";this.elementType="button";this.disabled=false;this.target="_self";this.iconRight="";this.loading=false}a.prototype.render=function(){return h(Host,{key:"2571a681907e53e8496930e90e42b7c83d8f772b",class:"bal-card-button"},h("bal-button",{key:"abb149ebb28f13a448cec0fff003feb7efd43e16",color:"info",expanded:true,"bottom-rounded":true,icon:this.icon,iconRight:this.iconRight,elementType:this.elementType,disabled:this.disabled,href:this.href,target:this.target,loading:this.loading},h("slot",{key:"b51a474d03b133ab2174004d08b8129032344ecb"})))};return a}();var CardContent=function(){function a(a){registerInstance(this,a)}a.prototype.render=function(){return h(Host,{key:"63fb6b5e72ad6c3fa30ba68f6d9bdf0e1833df76",class:"bal-card-content"},h("slot",{key:"851ba08103e95a1c0536523a449d1f317543092c"}))};return a}();var CardSubtitle=function(){function a(a){registerInstance(this,a);this.inverted=false;this.bold=false;this.color=""}a.prototype.render=function(){var a=BEM.block("card-subtitle");return h(Host,{key:"8cdde0f96f513fa303e73fb6934ea31b8e081b70",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("bold").class(this.bold)),a.modifier("color-".concat(this.color)).class(!this.inverted)),a.modifier("inverted").class(this.inverted))},h("span",{key:"0706b14cbe256d54016e492de7be29adef5badb5"},h("slot",{key:"22e5a11111f7b663e15e1ab1ebba3f3cafbecd01"})))};return a}();var CardTitle=function(){function a(a){registerInstance(this,a);this.inverted=false}a.prototype.render=function(){return h(Host,{key:"480825eb5bb7479126da292aaa53a4fa74a8cd95",class:"bal-card-title"},h("bal-heading",{key:"c193388a8ade59840457b375b4a8715bef3e2328",level:"h3",space:"none",inverted:this.inverted},h("slot",{key:"8c01ab5b70d5aabef47a5693b827fa8e23192c92"})))};return a}();export{Card as bal_card,CardActions as bal_card_actions,CardButton as bal_card_button,CardContent as bal_card_content,CardSubtitle as bal_card_subtitle,CardTitle as bal_card_title};

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{M as h,H as registerInstance,P as createEvent,f as defaultConfig,N as Host,O as getElement,K as rOnLoad,x as waitAfterFramePaint}from"./index-pkPHUz5e.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{t as toKebabCase,S as SwiperUtil}from"./swiper.util-lTWgy2NS.js";import{s as stopEventBubbling}from"./form-input-CGW38ndP.js";import{b as balBreakpoints}from"./breakpoints.subject-C7fjILif.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-SHkWCW_Y.js";import{L as ListenToSwipe}from"./swipe.decorator-CLIW6A6V.js";import{L as ListenToConfig}from"./config.decorator-T4wBa62Z.js";import{L as ListenToMutation}from"./mutation.decorator-x6OeVGO1.js";import"./window-resize.subject-DTS_9rk_.js";import{L as ListenToResize}from"./resize.decorator-D8jUH-n3.js";import{L as ListenToVisibility}from"./visibility.decorator-DOE3Mnqt.js";import{p as purify}from"./purify.es-B3Q-Lii3.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import"./keyboard.helpers-D1VPLQ5z.js";import"./device-ClkcmLoi.js";import"./listener-tzACU3qe.js";import"./tokens.esm-BvmIi0Pf.js";import"./swipe.subject-CgHMG_X7.js";var TabControl=function(e){var t=e.value,r=e.items,a=e.containerId,o=e.onControlChange;var i=BEM.block("carousel");var n=i.element("controls");return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-card",null,h("bal-card-content",{role:"tabs"},r.map((function(e){return h("button",{class:{button:true,"is-fullwidth":true,"is-primary":t===e.value,"is-light":t!==e.value},role:"tab","aria-selected":ariaBooleanToString(t===e.value),"aria-controls":a+"-"+toKebabCase(e.label),key:e.value,onClick:function(){return o(e)}},e.label)})))))};var balCarouselCss=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';var Carousel=function(){function e(e){registerInstance(this,e);this.balChange=createEvent(this,"balChange");this.swiper=new SwiperUtil;this.swiperIsLastSlideVisible=false;this.hasAnimated=false;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.space="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false;this.mutationObserverActive=true}e.prototype.onValueChange=function(){this.swiper.index=this.value};e.prototype.onStepsChange=function(){this.swiper.steps=this.steps};e.prototype.onItemsPerViewChange=function(){this.swiper.itemsPerView=this.itemsPerView};e.prototype.onControlsChange=function(){this.swiper.controls=this.controls};e.prototype.onSpaceChange=function(){this.swiper.gapSpace=this.space};e.prototype.onInterFaceChange=function(){this.swiper.gapSpace=this.interface==="product"?"normal":this.space};e.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.onControlsChange();this.onItemsPerViewChange();this.onStepsChange();this.onSpaceChange();this.onInterFaceChange();this.onValueChange()};e.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};e.prototype.blockVerticalScrolling=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(!this.scrollY&&((t=this.el)===null||t===void 0?void 0:t.contains(e.target))){stopEventBubbling(e)}return[2]}))}))};e.prototype.mutationListener=function(){this.swiper.notifyChange()};e.prototype.visibilityListener=function(){this.swiper.notifyChange()};e.prototype.swipeListener=function(e){var t=e.left,r=e.right;if(t){this.next()}else if(r){this.previous()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile;this.swiper.notifyChange()};e.prototype.resizeListener=function(){this.swiper.notifyChange()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;return[2]}))}))};e.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.previous(e);return[2]}))}))};e.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.next(e);return[2]}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.swiper.containerId]}))}))};e.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};e.prototype.swiperOnChange=function(e){this.value=e;this.balChange.emit(e)};e.prototype.render=function(){var e=this;var t=BEM.block("carousel");var r=t.element("inner");var a=r.element("container");return h(Host,{key:"8d3018d668a5ee7d7f6db4f2c2546e720ad48577",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),t.class()),t.modifier(this.interface).class(this.interface!=="")),t.modifier("full-height").class(this.fullHeight)),t.modifier("controls-sticky").class(this.controlsSticky)),t.modifier("controls-tabs").class(this.controls==="tabs"))},this.controls==="tabs"?h(TabControl,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:function(t){return e.swiper.onControlChange(t.value)}}):"",h("div",{key:"d4fdd5af148e4fdcb1c4f0c49966398a8fa0fcd2",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),r.class()),r.modifier("is-".concat(this.aspectRatio)).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),ref:function(t){return e.swiper.innerEl=t}},h("div",{key:"acb3aa06b89dcb97bd3c3a489f5143752cd35568",id:this.swiper.containerId,role:this.controls==="tabs"?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),a.class()),a.modifier("border").class(this.border)),a.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.swiper.containerEl=t}},h("slot",{key:"73052ff64fa0423cb88bf96aaa771064ca3aadea"}),this.border?h("div",{id:"".concat(this.swiper.id,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},a.element("border").class()),a.element("border").modifier("inverted").class(this.inverted)),ref:function(t){return e.swiper.borderEl=t}}):"")),this.swiper.renderControls())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}},enumerable:false,configurable:true});return e}();__decorate([ListenToMutation({tags:["bal-carousel-item"],characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"mutationListener",null);__decorate([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"visibilityListener",null);__decorate([ListenToSwipe(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"swipeListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"resizeListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Carousel.prototype,"configChanged",null);Carousel.style=balCarouselCss;var CarouselItem=function(){function e(e){var t=this;registerInstance(this,e);this.balNavigate=createEvent(this,"balNavigate");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.imageInheritAttributes={};this.isOnLoadEventDone=false;this.containerId="";this.svgContent="";this.label="";this.svg="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.target="_self";this.generateSvgContent=function(){if(t.svg!==undefined&&t.svg.length>0){t.svgContent=purify.sanitize(t.svg)||""}};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()}}e.prototype.svgChanged=function(){this.generateSvgContent()};e.prototype.connectedCallback=function(){this.generateSvgContent()};e.prototype.componentDidLoad=function(){var e=this;rOnLoad((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=inheritAttributes(this.el,["alt"]);this.getContainerId()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,waitAfterFramePaint()];case 1:e.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.closest("bal-carousel");t=this;return[4,e.getContainerId()];case 1:t.containerId=r.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;var t=BEM.block("carousel");var r=t.element("item");var a=!!this.color&&!!this.label;var o=this.el.closest("bal-carousel");var i=o&&o.controls==="tabs"?"tabpanel":"listitem";var n="".concat(this.containerId,"-").concat(toKebabCase(this.label));if(!a){return h(Host,{id:n,role:i,class:Object.assign({},r.class()),"aria-label":this.label},this.isOnLoadEventDone&&this.src!==undefined?h("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",h("slot",null))}var s=r.element("button");var l=s.element("image");var c=s.element("label");var u=this,b=u.elementType,d=u.download,p=u.href,m=u.rel,_=u.target,g=u.name,f=u.value;var w=this.href===undefined?"button":"a";var v=w==="button"?{type:b,name:g,value:f}:{download:d,href:p,rel:m,target:_};return h(Host,{id:n,role:i,"aria-label":this.label,class:Object.assign({},r.class())},h(w,Object.assign({},v,{class:Object.assign(Object.assign({},s.class()),s.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(t){return e.buttonEl=t}}),this.isOnLoadEventDone&&this.src!==undefined?h("img",Object.assign({class:Object.assign({},l.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&this.svgContent!==undefined?h("div",{class:Object.assign({},l.class()),innerHTML:this.svgContent}):"",this.label!==undefined?h("span",{class:Object.assign({},c.class())},this.label):"",h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{svg:["svgChanged"]}},enumerable:false,configurable:true});return e}();export{Carousel as bal_carousel,CarouselItem as bal_carousel_item};
+import{__awaiter,__generator}from"tslib";import{M as h,H as registerInstance,P as createEvent,f as defaultConfig,N as Host,O as getElement,K as rOnLoad,x as waitAfterFramePaint}from"./index-BtpJmRB8.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{t as toKebabCase,S as SwiperUtil}from"./swiper.util-CGTOx2uL.js";import{s as stopEventBubbling}from"./form-input-C2vJzMPS.js";import{b as balBreakpoints}from"./breakpoints.subject-DtMFg17t.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-DcuiF9pJ.js";import{L as ListenToSwipe}from"./swipe.decorator-BpU5Ogqx.js";import{L as ListenToConfig}from"./config.decorator-CIdA1I1h.js";import{L as ListenToMutation}from"./mutation.decorator-B31D1rO_.js";import"./window-resize.subject-B5jZTc22.js";import{L as ListenToResize}from"./resize.decorator-C0LM9fHV.js";import{L as ListenToVisibility}from"./visibility.decorator-tAqXui-F.js";import{s as sanitizeSvg}from"./svg-DUNB4kTY.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import"./keyboard.helpers-D1VPLQ5z.js";import"./device-D0RSC50t.js";import"./listener-DI7AdrHk.js";import"./tokens.esm-ChltR09F.js";import"./swipe.subject-B1IPMW8E.js";var TabControl=function(e){var t=e.value,r=e.items,a=e.containerId,o=e.onControlChange;var i=BEM.block("carousel");var n=i.element("controls");return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-card",null,h("bal-card-content",{role:"tabs"},r.map((function(e){return h("button",{class:{button:true,"is-fullwidth":true,"is-primary":t===e.value,"is-light":t!==e.value},role:"tab","aria-selected":ariaBooleanToString(t===e.value),"aria-controls":a+"-"+toKebabCase(e.label),key:e.value,onClick:function(){return o(e)}},e.label)})))))};var balCarouselCss=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';var Carousel=function(){function e(e){registerInstance(this,e);this.balChange=createEvent(this,"balChange");this.swiper=new SwiperUtil;this.swiperIsLastSlideVisible=false;this.hasAnimated=false;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.space="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false;this.mutationObserverActive=true}e.prototype.onValueChange=function(){this.swiper.index=this.value};e.prototype.onStepsChange=function(){this.swiper.steps=this.steps};e.prototype.onItemsPerViewChange=function(){this.swiper.itemsPerView=this.itemsPerView};e.prototype.onControlsChange=function(){this.swiper.controls=this.controls};e.prototype.onSpaceChange=function(){this.swiper.gapSpace=this.space};e.prototype.onInterFaceChange=function(){this.swiper.gapSpace=this.interface==="product"?"normal":this.space};e.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.onControlsChange();this.onItemsPerViewChange();this.onStepsChange();this.onSpaceChange();this.onInterFaceChange();this.onValueChange()};e.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};e.prototype.blockVerticalScrolling=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(!this.scrollY&&((t=this.el)===null||t===void 0?void 0:t.contains(e.target))){stopEventBubbling(e)}return[2]}))}))};e.prototype.mutationListener=function(){this.swiper.notifyChange()};e.prototype.visibilityListener=function(){this.swiper.notifyChange()};e.prototype.swipeListener=function(e){var t=e.left,r=e.right;if(t){this.next()}else if(r){this.previous()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile;this.swiper.notifyChange()};e.prototype.resizeListener=function(){this.swiper.notifyChange()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;return[2]}))}))};e.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.previous(e);return[2]}))}))};e.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.next(e);return[2]}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.swiper.containerId]}))}))};e.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};e.prototype.swiperOnChange=function(e){this.value=e;this.balChange.emit(e)};e.prototype.render=function(){var e=this;var t=BEM.block("carousel");var r=t.element("inner");var a=r.element("container");return h(Host,{key:"8d3018d668a5ee7d7f6db4f2c2546e720ad48577",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),t.class()),t.modifier(this.interface).class(this.interface!=="")),t.modifier("full-height").class(this.fullHeight)),t.modifier("controls-sticky").class(this.controlsSticky)),t.modifier("controls-tabs").class(this.controls==="tabs"))},this.controls==="tabs"?h(TabControl,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:function(t){return e.swiper.onControlChange(t.value)}}):"",h("div",{key:"d4fdd5af148e4fdcb1c4f0c49966398a8fa0fcd2",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),r.class()),r.modifier("is-".concat(this.aspectRatio)).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),ref:function(t){return e.swiper.innerEl=t}},h("div",{key:"acb3aa06b89dcb97bd3c3a489f5143752cd35568",id:this.swiper.containerId,role:this.controls==="tabs"?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),a.class()),a.modifier("border").class(this.border)),a.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.swiper.containerEl=t}},h("slot",{key:"73052ff64fa0423cb88bf96aaa771064ca3aadea"}),this.border?h("div",{id:"".concat(this.swiper.id,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},a.element("border").class()),a.element("border").modifier("inverted").class(this.inverted)),ref:function(t){return e.swiper.borderEl=t}}):"")),this.swiper.renderControls())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}},enumerable:false,configurable:true});return e}();__decorate([ListenToMutation({tags:["bal-carousel-item"],characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"mutationListener",null);__decorate([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"visibilityListener",null);__decorate([ListenToSwipe(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"swipeListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"resizeListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Carousel.prototype,"configChanged",null);Carousel.style=balCarouselCss;var CarouselItem=function(){function e(e){var t=this;registerInstance(this,e);this.balNavigate=createEvent(this,"balNavigate");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.imageInheritAttributes={};this.isOnLoadEventDone=false;this.containerId="";this.svgContent="";this.label="";this.svg="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.target="_self";this.generateSvgContent=function(){if(t.svg!==undefined&&t.svg.length>0){t.svgContent=sanitizeSvg(t.svg)}};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()}}e.prototype.svgChanged=function(){this.generateSvgContent()};e.prototype.connectedCallback=function(){this.generateSvgContent()};e.prototype.componentDidLoad=function(){var e=this;rOnLoad((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=inheritAttributes(this.el,["alt"]);this.getContainerId()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,waitAfterFramePaint()];case 1:e.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.closest("bal-carousel");t=this;return[4,e.getContainerId()];case 1:t.containerId=r.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;var t=BEM.block("carousel");var r=t.element("item");var a=!!this.color&&!!this.label;var o=this.el.closest("bal-carousel");var i=o&&o.controls==="tabs"?"tabpanel":"listitem";var n="".concat(this.containerId,"-").concat(toKebabCase(this.label));if(!a){return h(Host,{id:n,role:i,class:Object.assign({},r.class()),"aria-label":this.label},this.isOnLoadEventDone&&this.src!==undefined?h("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",h("slot",null))}var s=r.element("button");var l=s.element("image");var c=s.element("label");var u=this,b=u.elementType,d=u.download,p=u.href,m=u.rel,_=u.target,g=u.name,f=u.value;var v=this.href===undefined?"button":"a";var w=v==="button"?{type:b,name:g,value:f}:{download:d,href:p,rel:m,target:_};return h(Host,{id:n,role:i,"aria-label":this.label,class:Object.assign({},r.class())},h(v,Object.assign({},w,{class:Object.assign(Object.assign({},s.class()),s.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(t){return e.buttonEl=t}}),this.isOnLoadEventDone&&this.src!==undefined?h("img",Object.assign({class:Object.assign({},l.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&this.svgContent!==undefined?h("div",{class:Object.assign({},l.class()),innerHTML:this.svgContent}):"",this.label!==undefined?h("span",{class:Object.assign({},c.class())},this.label):"",h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{svg:["svgChanged"]}},enumerable:false,configurable:true});return e}();export{Carousel as bal_carousel,CarouselItem as bal_carousel_item};

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

@@ -1 +1 @@
-import{H as registerInstance,M as h,N as Host}from"./index-pkPHUz5e.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balCheckCss=":root{--bal-check-size:1.5rem;--bal-check-border-width:2px;--bal-check-border-radius:var(--bal-radius-normal);--bal-check-color-inverted:var(--bal-color-white);--bal-check-border-color:var(--bal-color-primary);--bal-check-border-color-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-checked:var(--bal-color-primary);--bal-check-border-color-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-background:transparent;--bal-check-background-hovered:var(--bal-color-grey-2);--bal-check-background-pressed:var(--bal-color-grey-2);--bal-check-background-checked:var(--bal-color-primary);--bal-check-background-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-background-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-invalid:var(--bal-color-border-danger);--bal-check-border-color-invalid-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-pressed:var(--bal-color-border-danger-pressed);--bal-check-border-color-invalid-checked:var(--bal-color-border-danger);--bal-check-border-color-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-invalid:transparent;--bal-check-background-invalid-hovered:var(--bal-color-danger-1);--bal-check-background-invalid-pressed:var(--bal-color-danger-1);--bal-check-background-invalid-checked:var(--bal-color-border-danger);--bal-check-background-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-background-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-disabled:var(--bal-color-grey-2);--bal-check-border-color-disabled:var(--bal-color-border-grey-dark);--bal-check-background-checked-disabled:var(--bal-color-border-grey-dark);--bal-check-border-color-checked-disabled:var(--bal-color-border-grey-dark)}.bal-check{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--bal-check-size);max-width:var(--bal-check-size);height:var(--bal-check-size);max-height:var(--bal-check-size);border-radius:var(--bal-check-border-radius);overflow:hidden;border:var(--bal-check-border-width) solid var(--bal-check-border-color);background-color:var(--bal-check-background)}@media (hover: hover)and (pointer: fine){.bal-check--hovered,.bal-check:hover{background:var(--bal-check-background-hovered);border-color:var(--bal-check-border-color-hovered)}}.bal-check--pressed,.bal-check:active{background:var(--bal-check-background-pressed);border-color:var(--bal-check-border-color-pressed)}.bal-check bal-icon{opacity:0}.bal-check--checked{background-color:var(--bal-check-background-checked);border-color:var(--bal-check-border-color-checked)}.bal-check--checked bal-icon{opacity:1}@media (hover: hover)and (pointer: fine){.bal-check--checked.bal-check--hovered,.bal-check--checked:hover{background:var(--bal-check-background-checked-hovered);border-color:var(--bal-check-border-color-checked-hovered)}}.bal-check--checked.bal-check--pressed,.bal-check--checked:active{background:var(--bal-check-background-checked-pressed);border-color:var(--bal-check-border-color-checked-pressed)}.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--invalid{border-color:var(--bal-check-border-color-invalid);background-color:var(--bal-check-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--hovered,.bal-check--invalid:hover{background-color:var(--bal-check-background-invalid-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--pressed,.bal-check--invalid:active{background-color:var(--bal-check-background-invalid-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked{border-color:var(--bal-check-border-color-invalid);background:var(--bal-check-background-invalid-checked)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--checked.bal-check--hovered,.bal-check--invalid.bal-check--checked:hover{background-color:var(--bal-check-background-invalid-checked-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--checked.bal-check--pressed,.bal-check--invalid.bal-check--checked:active{background-color:var(--bal-check-background-invalid-checked-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--disabled{cursor:default !important;background:var(--bal-check-background-disabled) !important;border-color:var(--bal-check-border-color-disabled) !important}.bal-check--disabled.bal-check--checked{background-color:var(--bal-check-background-checked-disabled) !important;border-color:var(--bal-check-border-color-checked-disabled) !important}.bal-check--disabled.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted) !important}";var Check=function(){function e(e){registerInstance(this,e);this.checked=false;this.invalid=undefined;this.disabled=undefined;this.inverted=undefined;this.hovered=false;this.pressed=false}e.prototype.render=function(){var e=BEM.block("check");var r=!!this.checked;var c=!!this.disabled;var a=!!this.invalid;var o=!!this.inverted;return h(Host,{key:"c995184b2f4adb6f6de85e17c13ea45f992c88aa",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("checked").class(r)),e.modifier("disabled").class(c)),e.modifier("invalid").class(a)),e.modifier("inverted").class(o)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))},h("bal-icon",{key:"c93f453451f95b8ac79b25a0e9e71b6baa4e1ac9",name:"check",color:"white",colorHovered:"white",colorPressed:"white",size:"small","aria-hidden":"true",hovered:this.hovered,pressed:this.pressed}))};return e}();Check.style=balCheckCss;export{Check as bal_check};
+import{H as registerInstance,M as h,N as Host}from"./index-BtpJmRB8.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balCheckCss=":root{--bal-check-size:1.5rem;--bal-check-border-width:2px;--bal-check-border-radius:var(--bal-radius-normal);--bal-check-color-inverted:var(--bal-color-white);--bal-check-border-color:var(--bal-color-primary);--bal-check-border-color-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-checked:var(--bal-color-primary);--bal-check-border-color-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-border-color-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-background:transparent;--bal-check-background-hovered:var(--bal-color-grey-2);--bal-check-background-pressed:var(--bal-color-grey-2);--bal-check-background-checked:var(--bal-color-primary);--bal-check-background-checked-hovered:var(--bal-color-border-primary-hovered);--bal-check-background-checked-pressed:var(--bal-color-border-primary-pressed);--bal-check-border-color-invalid:var(--bal-color-border-danger);--bal-check-border-color-invalid-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-pressed:var(--bal-color-border-danger-pressed);--bal-check-border-color-invalid-checked:var(--bal-color-border-danger);--bal-check-border-color-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-border-color-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-invalid:transparent;--bal-check-background-invalid-hovered:var(--bal-color-danger-1);--bal-check-background-invalid-pressed:var(--bal-color-danger-1);--bal-check-background-invalid-checked:var(--bal-color-border-danger);--bal-check-background-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-check-background-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-check-background-disabled:var(--bal-color-grey-2);--bal-check-border-color-disabled:var(--bal-color-border-grey-dark);--bal-check-background-checked-disabled:var(--bal-color-border-grey-dark);--bal-check-border-color-checked-disabled:var(--bal-color-border-grey-dark)}.bal-check{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--bal-check-size);max-width:var(--bal-check-size);height:var(--bal-check-size);max-height:var(--bal-check-size);border-radius:var(--bal-check-border-radius);overflow:hidden;border:var(--bal-check-border-width) solid var(--bal-check-border-color);background-color:var(--bal-check-background)}@media (hover: hover)and (pointer: fine){.bal-check--hovered,.bal-check:hover{background:var(--bal-check-background-hovered);border-color:var(--bal-check-border-color-hovered)}}.bal-check--pressed,.bal-check:active{background:var(--bal-check-background-pressed);border-color:var(--bal-check-border-color-pressed)}.bal-check bal-icon{opacity:0}.bal-check--checked{background-color:var(--bal-check-background-checked);border-color:var(--bal-check-border-color-checked)}.bal-check--checked bal-icon{opacity:1}@media (hover: hover)and (pointer: fine){.bal-check--checked.bal-check--hovered,.bal-check--checked:hover{background:var(--bal-check-background-checked-hovered);border-color:var(--bal-check-border-color-checked-hovered)}}.bal-check--checked.bal-check--pressed,.bal-check--checked:active{background:var(--bal-check-background-checked-pressed);border-color:var(--bal-check-border-color-checked-pressed)}.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--invalid{border-color:var(--bal-check-border-color-invalid);background-color:var(--bal-check-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--hovered,.bal-check--invalid:hover{background-color:var(--bal-check-background-invalid-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--pressed,.bal-check--invalid:active{background-color:var(--bal-check-background-invalid-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked{border-color:var(--bal-check-border-color-invalid);background:var(--bal-check-background-invalid-checked)}@media (hover: hover)and (pointer: fine){.bal-check--invalid.bal-check--checked.bal-check--hovered,.bal-check--invalid.bal-check--checked:hover{background-color:var(--bal-check-background-invalid-checked-hovered);border-color:var(--bal-check-border-color-invalid-hovered)}}.bal-check--invalid.bal-check--checked.bal-check--pressed,.bal-check--invalid.bal-check--checked:active{background-color:var(--bal-check-background-invalid-checked-pressed);border-color:var(--bal-check-border-color-invalid-pressed)}.bal-check--invalid.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted)}.bal-check--disabled{cursor:default !important;background:var(--bal-check-background-disabled) !important;border-color:var(--bal-check-border-color-disabled) !important}.bal-check--disabled.bal-check--checked{background-color:var(--bal-check-background-checked-disabled) !important;border-color:var(--bal-check-border-color-checked-disabled) !important}.bal-check--disabled.bal-check--checked.bal-check--inverted{border-color:var(--bal-check-color-inverted) !important}";var Check=function(){function e(e){registerInstance(this,e);this.checked=false;this.invalid=undefined;this.disabled=undefined;this.inverted=undefined;this.hovered=false;this.pressed=false}e.prototype.render=function(){var e=BEM.block("check");var r=!!this.checked;var c=!!this.disabled;var a=!!this.invalid;var o=!!this.inverted;return h(Host,{key:"c995184b2f4adb6f6de85e17c13ea45f992c88aa",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("checked").class(r)),e.modifier("disabled").class(c)),e.modifier("invalid").class(a)),e.modifier("inverted").class(o)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))},h("bal-icon",{key:"c93f453451f95b8ac79b25a0e9e71b6baa4e1ac9",name:"check",color:"white",colorHovered:"white",colorPressed:"white",size:"small","aria-hidden":"true",hovered:this.hovered,pressed:this.pressed}))};return e}();Check.style=balCheckCss;export{Check as bal_check};

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

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,t as isDescendant,M as h,N as Host,O as getElement,Z as hasTagName}from"./index-pkPHUz5e.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToElementStates}from"./element-states.decorator-DH5waKVu.js";import{F as FOCUS_KEYS}from"./focus-visible-DqCbGYzv.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling,c as inputSetFocus,d as inputSetBlur}from"./form-input-CGW38ndP.js";import{d as isSpaceKey}from"./keyboard.helpers-D1VPLQ5z.js";import{a as areArraysEqual}from"./array-CDfSqLEo.js";import{L as ListenToFocus}from"./focus.decorator-DQpbKYaT.js";import{L as ListenToMutation}from"./mutation.decorator-x6OeVGO1.js";import"./listener-tzACU3qe.js";import"./index-zWZxKBfo.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";var balCheckboxCss="@media (hover: hover)and (pointer: fine){.bal-checkbox.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-checkbox-symbol-size:1.5rem;--bal-checkbox-symbol-border-width:2px;--bal-checkbox-symbol-background:transparent;--bal-checkbox-label-min-height:1.5rem;--bal-checkbox-button-background-hover:var(--bal-color-grey-2);--bal-checkbox-button-background-active:var(--bal-color-grey-2);--bal-checkbox-button-background-checked:var(--bal-color-primary);--bal-checkbox-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-background-checked-active:var(--bal-color-primary-6);--bal-checkbox-button-background-invalid:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-checkbox-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-background:transparent;--bal-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-checkbox-button-border-color:var(--bal-color-primary);--bal-checkbox-button-border-color-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-border-color-active:var(--bal-color-primary-6);--bal-checkbox-button-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-tile-background:transparent;--bal-checkbox-tile-background-hover:var(--bal-color-grey-1);--bal-checkbox-tile-background-disabled:var(--bal-color-grey-1);--bal-checkbox-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-tile-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-tile-background-checked-green:var(--bal-color-green-1);--bal-checkbox-tile-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-tile-background-checked-red:var(--bal-color-red-1);--bal-checkbox-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-tile-border-style:var(--bal-form-field-control-border-style);--bal-checkbox-tile-border-radius:var(--bal-form-field-control-radius);--bal-checkbox-tile-border-width:var(--bal-form-field-control-border-width);--bal-checkbox-tile-padding:var(--bal-text-size-medium);--bal-checkbox-tile-border-color:var(--bal-color-border);--bal-checkbox-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-checkbox-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-checkbox-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-checkbox-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-checkbox-tile-border-color-checked:var(--bal-color-border-primary);--bal-checkbox-tile-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-checkbox-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-checkbox .bal-checkbox__label{cursor:pointer}.bal-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-checkbox.bal-checkbox--flat{min-height:var(--bal-checkbox-symbol-size)}.bal-checkbox:not(.bal-checkbox--flat){min-height:3rem}.bal-checkbox--invalid{color:var(--bal-form-field-label-danger-color)}.bal-checkbox--disabled,.bal-checkbox--disabled .bal-checkbox__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-checkbox__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-checkbox__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-checkbox__label__text--hidden{display:none}.bal-checkbox__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-checkbox-button-border-color)}.bal-checkbox--button.bal-checkbox--checked{background:var(--bal-checkbox-button-background-checked);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-checkbox--button.bal-checkbox--disabled .bal-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-white)}.bal-checkbox--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-checkbox-tile-background);border-style:var(--bal-checkbox-tile-border-style);border-radius:var(--bal-checkbox-tile-border-radius);border-width:var(--bal-checkbox-tile-border-width);border-color:var(--bal-checkbox-tile-border-color);padding:var(--bal-checkbox-tile-padding)}.bal-checkbox--tile .bal-checkbox__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-checkbox--tile.bal-checkbox--checked{border-color:var(--bal-checkbox-tile-border-color-checked)}.bal-checkbox--tile.bal-checkbox--invalid{border-color:var(--bal-checkbox-tile-border-color-invalid)}.bal-checkbox--tile.bal-checkbox--disabled{background:var(--bal-checkbox-tile-background-disabled);border-color:var(--bal-checkbox-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-hover)}}.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-checkbox-tile-background-invalid-hover);border-color:var(--bal-checkbox-tile-border-color-invalid-hover)}}.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-checkbox-tile-background-invalid-active);border-color:var(--bal-checkbox-tile-border-color-invalid-active)}.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-green)}.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-red)}.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-purple)}.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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)}}";var Checkbox=function(){function e(e){var o=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balChange=createEvent(this,"balChange");this.inputId="bal-cb-".concat(checkboxIds++);this.inheritedAttributes={};this.keyboardMode=true;this.hasLabel=true;this.focused=false;this.ariaForm=defaultBalAriaForm;this.wasFocused=false;this.outerElementState={hovered:false,pressed:false};this.innerElementState={hovered:false,pressed:false};this.mergedElementState={hovered:false,pressed:false};this.name=this.inputId;this.label="";this.labelHidden=false;this.flat=false;this.interface="checkbox";this.value="on";this.checked=false;this.initialValue=false;this.disabled=false;this.readonly=false;this.required=false;this.autoInvalidOff=false;this.nonSubmit=false;this.invalid=false;this.hovered=false;this.pressed=false;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1;this.setChecked=function(e){o.checked=e;o.balChange.emit(o.checked)};this.toggleChecked=function(e){e.preventDefault();o.setFocus();o.setChecked(!o.checked)};this.onClick=function(e){if(o.disabled){return}var a=e.target;if(a&&a.href){return}if(o.wasFocused){o.focused=true}o.toggleChecked(e)};this.onFocus=function(e){if(o.disabled||o.readonly){o.focused=false;return stopEventBubbling(e)}o.balFocus.emit(e);if(o.keyboardMode){o.focused=true;o.wasFocused=true}};this.onBlur=function(e){if(o.disabled||o.readonly){return stopEventBubbling(e)}o.balBlur.emit(e);o.focused=false};this.onPointerDown=function(){return o.keyboardMode=false};this.onKeydown=function(e){if(!isSpaceKey(e)){o.wasFocused=false}o.keyboardMode=FOCUS_KEYS.includes(e.key)}}e.prototype.createLogger=function(e){this.log=e};e.prototype.hoveredChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};e.prototype.pressedChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};e.prototype.connectedCallback=function(){var e=this;this.hoveredChanged();if(this.group){this.updateState();this.group.addEventListener("balChange",(function(){return e.updateState()}))}this.initialValue=this.checked;this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};e.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};e.prototype.componentWillRender=function(){var e=this;this.interactionChildElements.forEach((function(o){o.disabled=e.disabled||e.readonly;o.invalid=e.invalid;o.checked=e.checked}))};e.prototype.disconnectedCallback=function(){var e=this;if(this.group){this.group.removeEventListener("balChange",(function(){return e.updateState()}))}this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.listenOnClick=function(e){if((this.disabled||this.readonly)&&e.target&&(e.target===this.el||isDescendant(this.el,e.target))){stopEventBubbling(e)}};e.prototype.resetHandler=function(e){var o=e.target;if(o===null||o===void 0?void 0:o.contains(this.el)){this.checked=this.initialValue}};e.prototype.elementStateListener=function(e){this.outerElementState=e;this.mergeElementState()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){inputSetFocus(this);return[2]}))}))};e.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){inputSetBlur(this);return[2]}))}))};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getOption=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.option]}))}))};e.prototype.updateState=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){if(this.group&&this.group.control&&Array.isArray(this.group.value)){e=this.group.value.includes(this.value);if(e!==this.checked){this.checked=e}}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"group",{get:function(){return this.el.closest("bal-checkbox-group")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-check, bal-switch, bal-icon"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"option",{get:function(){return{name:this.name,value:this.value,checked:this.checked,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}},enumerable:false,configurable:true});e.prototype.mergeElementState=function(){var e=this;this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed};this.interactionChildElements.forEach((function(o){o.hovered=e.mergedElementState.hovered;o.pressed=e.mergedElementState.pressed}))};e.prototype.render=function(){var e=this;var o=BEM.block("checkbox");var a=o.element("input");var c=o.element("label");var b=c.element("text");var l=c.element("icon");var t=this.focused&&this.buttonTabindex!==-1;var r=this.inheritedAttributes;if(this.buttonTabindex!==undefined){r.tabIndex=this.buttonTabindex}var i=!this.nonSubmit;var n=this.ariaForm.controlId||this.inputId;var d=this.ariaForm.labelId||null;var s=i?"label":"span";var x=this.interface==="switch"?"bal-switch":"bal-check";return h(Host,{key:"eaa9cf2ba9de2a203b98515939ff117c89dc16cf","aria-checked":"".concat(this.checked),"aria-disabled":ariaBooleanToString(this.disabled),"aria-invalid":this.invalid===true?"true":"false","aria-hidden":ariaBooleanToString(this.disabled||this.nonSubmit),"aria-focused":t?"true":null,"aria-labelledby":d,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":t},o.class()),o.modifier("checkbox").class()),o.modifier("button").class(this.interface==="button")),o.modifier("switch").class(this.interface==="switch")),o.modifier("tile").class(this.interface==="tile")),o.modifier("tile-color-".concat(this.color)).class(this.interface==="tile"&&!!this.color)),o.modifier("focused").class(this.focused)),o.modifier("invalid").class(this.invalid)),o.modifier("checked").class(this.checked)),o.modifier("flat").class(this.flat)),o.modifier("disabled").class(this.disabled||this.readonly)),o.modifier("hovered").class(this.mergedElementState.hovered)),o.modifier("pressed").class(this.mergedElementState.pressed)),o.modifier("column-".concat(this.colSize)).class(this.interface==="tile"&&this.colSize>1)),o.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.interface==="tile"&&this.colSizeTablet>1)),o.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.interface==="tile"&&this.colSizeMobile>1)),onClick:this.onClick},h(s,{key:"6fd849f4768bc7155eb5db297713bc82aeab6dfe",class:Object.assign({},c.class()),"data-testid":"bal-checkbox-label"},i?h("input",Object.assign({id:n,type:"checkbox","data-testid":"bal-checkbox-input",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},a.class()),"aria-hidden":ariaBooleanToString(this.nonSubmit),"aria-invalid":this.invalid===true?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:function(o){return e.toggleChecked(o)},onFocus:function(o){return e.onFocus(o)},onBlur:function(o){return e.onBlur(o)},ref:function(o){return e.nativeInput=o}},r)):"",this.interface!=="tile"?h("div",{class:Object.assign({},l.class())},h(x,{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:this.interface==="button"&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",h("div",{key:"ca1ec209d9211082db1d0905e599eea5e6803244",class:Object.assign(Object.assign({},b.class()),b.modifier("hidden").class(this.labelHidden))},h("slot",{key:"a2a3c8124d7d47bf300b229fe01e62fa198961c0"}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-checkbox"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Checkbox.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Checkbox.prototype,"elementStateListener",null);var checkboxIds=0;Checkbox.style=balCheckboxCss;var balCheckboxGroupCss=".bal-checkbox-group{display:inline-block;position:relative;width:100%}.bal-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-checkbox-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-checkbox-group__inner--expanded .bal-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-checkbox-group__inner--expanded .bal-checkbox{width:100%}}.bal-checkbox-group__inner--button.bal-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";var CheckboxGroup=function(){function e(e){var o=this;registerInstance(this,e);this.balChange=createEvent(this,"balChange");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.inputId="bal-cg-".concat(checkboxGroupIds++);this.inheritedAttributes={};this.ariaForm=defaultBalAriaForm;this.interface=undefined;this.control=false;this.name=this.inputId;this.vertical=false;this.verticalOnMobile=false;this.expanded=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.value=[];this.columns=1;this.columnsTablet=1;this.columnsMobile=1;this.autoInvalidOff=false;this.hasFocus=false;this.mutationObserverActive=true;this.onClick=function(e){if(!o.control){return}var a=e.target;if(a.href){return}var c=e.target&&e.target.closest("bal-checkbox");if(c){if(c.disabled||c.readonly){return e.stopPropagation()}}o.updateValues()};this.onOptionChange=function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(e){this.sync();return[2]}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.control){this.onOptionChange();this.mutationObserverActive=this.options===undefined}return[2]}))}))};e.prototype.invalidChanged=function(e){if(this.control){if(e!==undefined){this.getCheckboxes().forEach((function(o){o.invalid=e}))}}};e.prototype.disabledChanged=function(e){if(this.control){if(e!==undefined){this.getCheckboxes().forEach((function(o){o.disabled=e}))}}};e.prototype.readonlyChanged=function(e){if(this.control){if(e!==undefined){this.getCheckboxes().forEach((function(o){o.readonly=e}))}}};e.prototype.valueChanged=function(e,o){if(this.control){if(!areArraysEqual(this.value,o)){this.onOptionChange()}}else{this.onOptionChange()}};e.prototype.columnsChanged=function(e){this.getCheckboxes().forEach((function(o){return o.colSize=e}))};e.prototype.columnsTabletChanged=function(e){this.getCheckboxes().forEach((function(o){return o.colSizeTablet=e}))};e.prototype.columnsMobileChanged=function(e){this.getCheckboxes().forEach((function(o){return o.colSizeMobile=e}))};e.prototype.connectedCallback=function(){if(this.control){this.mutationObserverActive=this.options===undefined;this.valueChanged(this.value,[])}};e.prototype.componentWillLoad=function(){if(this.control){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"]);this.disabledChanged(this.disabled);this.invalidChanged(this.invalid);this.readonlyChanged(this.readonly)}this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.mutationListener=function(){if(this.control){this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly)}this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};e.prototype.listenOnCheckboxChange=function(e){if(this.control){if(isDescendant(this.el,e.target)){stopEventBubbling(e);this.updateValues()}}};e.prototype.resetHandler=function(e){var o=e.target;if(o===null||o===void 0?void 0:o.contains(this.el)){if(this.control){this.value=[]}this.onOptionChange()}};e.prototype.checkboxFocusListener=function(e){var o=e.target;if(o&&isDescendant(this.el,o)&&hasTagName(o,"bal-checkbox")){stopEventBubbling(e)}};e.prototype.checkboxBlurListener=function(e){var o=e.target;if(o&&isDescendant(this.el,o)&&hasTagName(o,"bal-checkbox")){stopEventBubbling(e)}};e.prototype.setValue=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){if(this.control){this.value=e}return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(a){o=this.options;if(o){return[2,o.find((function(o){return o.value===e}))]}return[2,undefined]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.sync=function(){var e=this;if(this.control){var o=function(o){for(var a=0;a<e.value.length;a++){var c=e.value[a];if(c!==undefined&&c.toString()===o.value.toString()){return true}}return false};this.getCheckboxes().forEach((function(e){e.checked=o(e)}))}this.getCheckboxes().forEach((function(o){if(e.interface){o.interface=e.interface}}))};e.prototype.getCheckboxes=function(){return Array.from(this.el.querySelectorAll("bal-checkbox"))};e.prototype.updateValues=function(){var e=[];this.getCheckboxes().forEach((function(o){if(o.checked){e.push(o.value)}}));if(!areArraysEqual(this.value,e)){this.value=__spreadArray([],e,true);this.balChange.emit(this.value)}};e.prototype.render=function(){var e=BEM.block("checkbox-group");var o=e.element("inner");var a=this.options||[];var c=a.map((function(e){if(typeof e.html==="function"){return Object.assign(Object.assign({},e),{html:e.html()})}return e}));return h(Host,Object.assign({class:Object.assign({},e.class()),role:"group","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":ariaBooleanToString(this.disabled),"aria-invalid":ariaBooleanToString(this.invalid),onClick:this.onClick},this.inheritedAttributes),h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("vertical-mobile").class(this.verticalOnMobile)),o.modifier("vertical").class(this.vertical)),o.modifier("expanded").class(this.expanded)),o.modifier("button").class(this.interface==="button"))},h("slot",null),c.map((function(e){return h("bal-checkbox",{key:e.value,name:e.name,value:e.value,labelHidden:e.labelHidden,flat:e.flat,interface:e.interface,disabled:e.disabled,readonly:e.readonly,required:e.required,nonSubmit:!!e.nonSubmit,invalid:e.invalid,innerHTML:e.html})}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-checkbox-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],CheckboxGroup.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],CheckboxGroup.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],CheckboxGroup.prototype,"focusOutListener",null);__decorate([ListenToMutation({tags:["bal-checkbox-group","bal-checkbox"],attributes:false,characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],CheckboxGroup.prototype,"mutationListener",null);var checkboxGroupIds=0;CheckboxGroup.style=balCheckboxGroupCss;export{Checkbox as bal_checkbox,CheckboxGroup as bal_checkbox_group};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,t as isDescendant,M as h,N as Host,O as getElement,Z as hasTagName}from"./index-BtpJmRB8.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToElementStates}from"./element-states.decorator-vMjZ-Gkt.js";import{F as FOCUS_KEYS}from"./focus-visible-DqCbGYzv.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling,c as inputSetFocus,d as inputSetBlur}from"./form-input-C2vJzMPS.js";import{d as isSpaceKey}from"./keyboard.helpers-D1VPLQ5z.js";import{a as areArraysEqual}from"./array-CDfSqLEo.js";import{L as ListenToFocus}from"./focus.decorator-BFN3uq1V.js";import{L as ListenToMutation}from"./mutation.decorator-B31D1rO_.js";import"./listener-DI7AdrHk.js";import"./index-zWZxKBfo.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";var balCheckboxCss="@media (hover: hover)and (pointer: fine){.bal-checkbox.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-checkbox-symbol-size:1.5rem;--bal-checkbox-symbol-border-width:2px;--bal-checkbox-symbol-background:transparent;--bal-checkbox-label-min-height:1.5rem;--bal-checkbox-button-background-hover:var(--bal-color-grey-2);--bal-checkbox-button-background-active:var(--bal-color-grey-2);--bal-checkbox-button-background-checked:var(--bal-color-primary);--bal-checkbox-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-background-checked-active:var(--bal-color-primary-6);--bal-checkbox-button-background-invalid:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-checkbox-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-background:transparent;--bal-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-checkbox-button-border-color:var(--bal-color-primary);--bal-checkbox-button-border-color-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-border-color-active:var(--bal-color-primary-6);--bal-checkbox-button-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-tile-background:transparent;--bal-checkbox-tile-background-hover:var(--bal-color-grey-1);--bal-checkbox-tile-background-disabled:var(--bal-color-grey-1);--bal-checkbox-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-tile-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-tile-background-checked-green:var(--bal-color-green-1);--bal-checkbox-tile-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-tile-background-checked-red:var(--bal-color-red-1);--bal-checkbox-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-tile-border-style:var(--bal-form-field-control-border-style);--bal-checkbox-tile-border-radius:var(--bal-form-field-control-radius);--bal-checkbox-tile-border-width:var(--bal-form-field-control-border-width);--bal-checkbox-tile-padding:var(--bal-text-size-medium);--bal-checkbox-tile-border-color:var(--bal-color-border);--bal-checkbox-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-checkbox-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-checkbox-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-checkbox-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-checkbox-tile-border-color-checked:var(--bal-color-border-primary);--bal-checkbox-tile-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-checkbox-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-checkbox .bal-checkbox__label{cursor:pointer}.bal-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-checkbox.bal-checkbox--flat{min-height:var(--bal-checkbox-symbol-size)}.bal-checkbox:not(.bal-checkbox--flat){min-height:3rem}.bal-checkbox--invalid{color:var(--bal-form-field-label-danger-color)}.bal-checkbox--disabled,.bal-checkbox--disabled .bal-checkbox__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-checkbox__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-checkbox__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-checkbox__label__text--hidden{display:none}.bal-checkbox__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-checkbox-button-border-color)}.bal-checkbox--button.bal-checkbox--checked{background:var(--bal-checkbox-button-background-checked);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-checkbox--button.bal-checkbox--disabled .bal-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-white)}.bal-checkbox--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-checkbox-tile-background);border-style:var(--bal-checkbox-tile-border-style);border-radius:var(--bal-checkbox-tile-border-radius);border-width:var(--bal-checkbox-tile-border-width);border-color:var(--bal-checkbox-tile-border-color);padding:var(--bal-checkbox-tile-padding)}.bal-checkbox--tile .bal-checkbox__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-checkbox--tile.bal-checkbox--checked{border-color:var(--bal-checkbox-tile-border-color-checked)}.bal-checkbox--tile.bal-checkbox--invalid{border-color:var(--bal-checkbox-tile-border-color-invalid)}.bal-checkbox--tile.bal-checkbox--disabled{background:var(--bal-checkbox-tile-background-disabled);border-color:var(--bal-checkbox-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-hover)}}.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-checkbox-tile-background-invalid-hover);border-color:var(--bal-checkbox-tile-border-color-invalid-hover)}}.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-checkbox-tile-background-invalid-active);border-color:var(--bal-checkbox-tile-border-color-invalid-active)}.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-green)}.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-red)}.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-purple)}.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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-checkbox--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)}}";var Checkbox=function(){function e(e){var o=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balChange=createEvent(this,"balChange");this.inputId="bal-cb-".concat(checkboxIds++);this.inheritedAttributes={};this.keyboardMode=true;this.hasLabel=true;this.focused=false;this.ariaForm=defaultBalAriaForm;this.wasFocused=false;this.outerElementState={hovered:false,pressed:false};this.innerElementState={hovered:false,pressed:false};this.mergedElementState={hovered:false,pressed:false};this.name=this.inputId;this.label="";this.labelHidden=false;this.flat=false;this.interface="checkbox";this.value="on";this.checked=false;this.initialValue=false;this.disabled=false;this.readonly=false;this.required=false;this.autoInvalidOff=false;this.nonSubmit=false;this.invalid=false;this.hovered=false;this.pressed=false;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1;this.setChecked=function(e){o.checked=e;o.balChange.emit(o.checked)};this.toggleChecked=function(e){e.preventDefault();o.setFocus();o.setChecked(!o.checked)};this.onClick=function(e){if(o.disabled){return}var a=e.target;if(a&&a.href){return}if(o.wasFocused){o.focused=true}o.toggleChecked(e)};this.onFocus=function(e){if(o.disabled||o.readonly){o.focused=false;return stopEventBubbling(e)}o.balFocus.emit(e);if(o.keyboardMode){o.focused=true;o.wasFocused=true}};this.onBlur=function(e){if(o.disabled||o.readonly){return stopEventBubbling(e)}o.balBlur.emit(e);o.focused=false};this.onPointerDown=function(){return o.keyboardMode=false};this.onKeydown=function(e){if(!isSpaceKey(e)){o.wasFocused=false}o.keyboardMode=FOCUS_KEYS.includes(e.key)}}e.prototype.createLogger=function(e){this.log=e};e.prototype.hoveredChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};e.prototype.pressedChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};e.prototype.connectedCallback=function(){var e=this;this.hoveredChanged();if(this.group){this.updateState();this.group.addEventListener("balChange",(function(){return e.updateState()}))}this.initialValue=this.checked;this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};e.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};e.prototype.componentWillRender=function(){var e=this;this.interactionChildElements.forEach((function(o){o.disabled=e.disabled||e.readonly;o.invalid=e.invalid;o.checked=e.checked}))};e.prototype.disconnectedCallback=function(){var e=this;if(this.group){this.group.removeEventListener("balChange",(function(){return e.updateState()}))}this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.listenOnClick=function(e){if((this.disabled||this.readonly)&&e.target&&(e.target===this.el||isDescendant(this.el,e.target))){stopEventBubbling(e)}};e.prototype.resetHandler=function(e){var o=e.target;if(o===null||o===void 0?void 0:o.contains(this.el)){this.checked=this.initialValue}};e.prototype.elementStateListener=function(e){this.outerElementState=e;this.mergeElementState()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){inputSetFocus(this);return[2]}))}))};e.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){inputSetBlur(this);return[2]}))}))};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getOption=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.option]}))}))};e.prototype.updateState=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){if(this.group&&this.group.control&&Array.isArray(this.group.value)){e=this.group.value.includes(this.value);if(e!==this.checked){this.checked=e}}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"group",{get:function(){return this.el.closest("bal-checkbox-group")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-check, bal-switch, bal-icon"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"option",{get:function(){return{name:this.name,value:this.value,checked:this.checked,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}},enumerable:false,configurable:true});e.prototype.mergeElementState=function(){var e=this;this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed};this.interactionChildElements.forEach((function(o){o.hovered=e.mergedElementState.hovered;o.pressed=e.mergedElementState.pressed}))};e.prototype.render=function(){var e=this;var o=BEM.block("checkbox");var a=o.element("input");var c=o.element("label");var b=c.element("text");var l=c.element("icon");var t=this.focused&&this.buttonTabindex!==-1;var r=this.inheritedAttributes;if(this.buttonTabindex!==undefined){r.tabIndex=this.buttonTabindex}var i=!this.nonSubmit;var n=this.ariaForm.controlId||this.inputId;var d=this.ariaForm.labelId||null;var s=i?"label":"span";var x=this.interface==="switch"?"bal-switch":"bal-check";return h(Host,{key:"eaa9cf2ba9de2a203b98515939ff117c89dc16cf","aria-checked":"".concat(this.checked),"aria-disabled":ariaBooleanToString(this.disabled),"aria-invalid":this.invalid===true?"true":"false","aria-hidden":ariaBooleanToString(this.disabled||this.nonSubmit),"aria-focused":t?"true":null,"aria-labelledby":d,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":t},o.class()),o.modifier("checkbox").class()),o.modifier("button").class(this.interface==="button")),o.modifier("switch").class(this.interface==="switch")),o.modifier("tile").class(this.interface==="tile")),o.modifier("tile-color-".concat(this.color)).class(this.interface==="tile"&&!!this.color)),o.modifier("focused").class(this.focused)),o.modifier("invalid").class(this.invalid)),o.modifier("checked").class(this.checked)),o.modifier("flat").class(this.flat)),o.modifier("disabled").class(this.disabled||this.readonly)),o.modifier("hovered").class(this.mergedElementState.hovered)),o.modifier("pressed").class(this.mergedElementState.pressed)),o.modifier("column-".concat(this.colSize)).class(this.interface==="tile"&&this.colSize>1)),o.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.interface==="tile"&&this.colSizeTablet>1)),o.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.interface==="tile"&&this.colSizeMobile>1)),onClick:this.onClick},h(s,{key:"6fd849f4768bc7155eb5db297713bc82aeab6dfe",class:Object.assign({},c.class()),"data-testid":"bal-checkbox-label"},i?h("input",Object.assign({id:n,type:"checkbox","data-testid":"bal-checkbox-input",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},a.class()),"aria-hidden":ariaBooleanToString(this.nonSubmit),"aria-invalid":this.invalid===true?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:function(o){return e.toggleChecked(o)},onFocus:function(o){return e.onFocus(o)},onBlur:function(o){return e.onBlur(o)},ref:function(o){return e.nativeInput=o}},r)):"",this.interface!=="tile"?h("div",{class:Object.assign({},l.class())},h(x,{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:this.interface==="button"&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",h("div",{key:"ca1ec209d9211082db1d0905e599eea5e6803244",class:Object.assign(Object.assign({},b.class()),b.modifier("hidden").class(this.labelHidden))},h("slot",{key:"a2a3c8124d7d47bf300b229fe01e62fa198961c0"}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-checkbox"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Checkbox.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Checkbox.prototype,"elementStateListener",null);var checkboxIds=0;Checkbox.style=balCheckboxCss;var balCheckboxGroupCss=".bal-checkbox-group{display:inline-block;position:relative;width:100%}.bal-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-checkbox-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-checkbox-group__inner--expanded .bal-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-checkbox-group__inner--expanded .bal-checkbox{width:100%}}.bal-checkbox-group__inner--button.bal-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";var CheckboxGroup=function(){function e(e){var o=this;registerInstance(this,e);this.balChange=createEvent(this,"balChange");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.inputId="bal-cg-".concat(checkboxGroupIds++);this.inheritedAttributes={};this.ariaForm=defaultBalAriaForm;this.interface=undefined;this.control=false;this.name=this.inputId;this.vertical=false;this.verticalOnMobile=false;this.expanded=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.value=[];this.columns=1;this.columnsTablet=1;this.columnsMobile=1;this.autoInvalidOff=false;this.hasFocus=false;this.mutationObserverActive=true;this.onClick=function(e){if(!o.control){return}var a=e.target;if(a.href){return}var c=e.target&&e.target.closest("bal-checkbox");if(c){if(c.disabled||c.readonly){return e.stopPropagation()}}o.updateValues()};this.onOptionChange=function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(e){this.sync();return[2]}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.control){this.onOptionChange();this.mutationObserverActive=this.options===undefined}return[2]}))}))};e.prototype.invalidChanged=function(e){if(this.control){if(e!==undefined){this.getCheckboxes().forEach((function(o){o.invalid=e}))}}};e.prototype.disabledChanged=function(e){if(this.control){if(e!==undefined){this.getCheckboxes().forEach((function(o){o.disabled=e}))}}};e.prototype.readonlyChanged=function(e){if(this.control){if(e!==undefined){this.getCheckboxes().forEach((function(o){o.readonly=e}))}}};e.prototype.valueChanged=function(e,o){if(this.control){if(!areArraysEqual(this.value,o)){this.onOptionChange()}}else{this.onOptionChange()}};e.prototype.columnsChanged=function(e){this.getCheckboxes().forEach((function(o){return o.colSize=e}))};e.prototype.columnsTabletChanged=function(e){this.getCheckboxes().forEach((function(o){return o.colSizeTablet=e}))};e.prototype.columnsMobileChanged=function(e){this.getCheckboxes().forEach((function(o){return o.colSizeMobile=e}))};e.prototype.connectedCallback=function(){if(this.control){this.mutationObserverActive=this.options===undefined;this.valueChanged(this.value,[])}};e.prototype.componentWillLoad=function(){if(this.control){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"]);this.disabledChanged(this.disabled);this.invalidChanged(this.invalid);this.readonlyChanged(this.readonly)}this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.mutationListener=function(){if(this.control){this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly)}this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};e.prototype.listenOnCheckboxChange=function(e){if(this.control){if(isDescendant(this.el,e.target)){stopEventBubbling(e);this.updateValues()}}};e.prototype.resetHandler=function(e){var o=e.target;if(o===null||o===void 0?void 0:o.contains(this.el)){if(this.control){this.value=[]}this.onOptionChange()}};e.prototype.checkboxFocusListener=function(e){var o=e.target;if(o&&isDescendant(this.el,o)&&hasTagName(o,"bal-checkbox")){stopEventBubbling(e)}};e.prototype.checkboxBlurListener=function(e){var o=e.target;if(o&&isDescendant(this.el,o)&&hasTagName(o,"bal-checkbox")){stopEventBubbling(e)}};e.prototype.setValue=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){if(this.control){this.value=e}return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(a){o=this.options;if(o){return[2,o.find((function(o){return o.value===e}))]}return[2,undefined]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.sync=function(){var e=this;if(this.control){var o=function(o){for(var a=0;a<e.value.length;a++){var c=e.value[a];if(c!==undefined&&c.toString()===o.value.toString()){return true}}return false};this.getCheckboxes().forEach((function(e){e.checked=o(e)}))}this.getCheckboxes().forEach((function(o){if(e.interface){o.interface=e.interface}}))};e.prototype.getCheckboxes=function(){return Array.from(this.el.querySelectorAll("bal-checkbox"))};e.prototype.updateValues=function(){var e=[];this.getCheckboxes().forEach((function(o){if(o.checked){e.push(o.value)}}));if(!areArraysEqual(this.value,e)){this.value=__spreadArray([],e,true);this.balChange.emit(this.value)}};e.prototype.render=function(){var e=BEM.block("checkbox-group");var o=e.element("inner");var a=this.options||[];var c=a.map((function(e){if(typeof e.html==="function"){return Object.assign(Object.assign({},e),{html:e.html()})}return e}));return h(Host,Object.assign({class:Object.assign({},e.class()),role:"group","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":ariaBooleanToString(this.disabled),"aria-invalid":ariaBooleanToString(this.invalid),onClick:this.onClick},this.inheritedAttributes),h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("vertical-mobile").class(this.verticalOnMobile)),o.modifier("vertical").class(this.vertical)),o.modifier("expanded").class(this.expanded)),o.modifier("button").class(this.interface==="button"))},h("slot",null),c.map((function(e){return h("bal-checkbox",{key:e.value,name:e.name,value:e.value,labelHidden:e.labelHidden,flat:e.flat,interface:e.interface,disabled:e.disabled,readonly:e.readonly,required:e.required,nonSubmit:!!e.nonSubmit,invalid:e.invalid,innerHTML:e.html})}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-checkbox-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],CheckboxGroup.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],CheckboxGroup.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],CheckboxGroup.prototype,"focusOutListener",null);__decorate([ListenToMutation({tags:["bal-checkbox-group","bal-checkbox"],attributes:false,characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],CheckboxGroup.prototype,"mutationListener",null);var checkboxGroupIds=0;CheckboxGroup.style=balCheckboxGroupCss;export{Checkbox as bal_checkbox,CheckboxGroup as bal_checkbox_group};

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{H as registerInstance,f as defaultConfig,M as h,N as Host,O as getElement}from"./index-pkPHUz5e.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToConfig}from"./config.decorator-T4wBa62Z.js";import{i as i18nBalClose}from"./bal-close.i18n-Ct27z6g9.js";var balCloseCss="@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active),.bal-close__button--inverted:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-close-background:transparent;--bal-close-background-focus-visible:var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible:var(--bal-form-field-control-background);--bal-close-border-radius:var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media (hover: hover)and (pointer: fine){.bal-close__button:hover{background:rgba(0,7,57,.1)}}@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}}.bal-close__button:active{background:rgba(0,7,57,.3)}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}";var Close=function(){function e(e){registerInstance(this,e);this.language=defaultConfig.language;this.region=defaultConfig.region;this.size="";this.inverted=false}e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.language=e.language;this.region=e.region;return[2]}))}))};e.prototype.render=function(){var e=BEM.block("close");var o=e.element("button");var a=o.element("icon");var t=i18nBalClose[this.language].close;return h(Host,{key:"25b3dc4132060a98148ec87bab88ae7a15c0ed9e",class:Object.assign({},e.class())},h("button",{key:"2854252b5452659558e445dfb17f8b1fd7f8fc5c",type:"button","aria-label":t,title:t,tabindex:"0",class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("inverted").class(this.inverted)),o.modifier("size-".concat(this.size)).class(this.size!=="")),"data-testid":"bal-close"},h("bal-icon",{key:"9cdc282c9d9839263d6254ba75751a333517c966",name:"close",size:this.size==="small"?"x-small":this.size==="medium"?"medium":"small",inverted:this.inverted,class:Object.assign({},a.class())})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Close.prototype,"configChanged",null);Close.style=balCloseCss;export{Close as bal_close};
+import{__awaiter,__generator}from"tslib";import{H as registerInstance,f as defaultConfig,M as h,N as Host,O as getElement}from"./index-BtpJmRB8.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToConfig}from"./config.decorator-CIdA1I1h.js";import{i as i18nBalClose}from"./bal-close.i18n-Ct27z6g9.js";var balCloseCss="@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active),.bal-close__button--inverted:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-close-background:transparent;--bal-close-background-focus-visible:var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible:var(--bal-form-field-control-background);--bal-close-border-radius:var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media (hover: hover)and (pointer: fine){.bal-close__button:hover{background:rgba(0,7,57,.1)}}@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}}.bal-close__button:active{background:rgba(0,7,57,.3)}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}";var Close=function(){function e(e){registerInstance(this,e);this.language=defaultConfig.language;this.region=defaultConfig.region;this.size="";this.inverted=false}e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.language=e.language;this.region=e.region;return[2]}))}))};e.prototype.render=function(){var e=BEM.block("close");var o=e.element("button");var a=o.element("icon");var t=i18nBalClose[this.language].close;return h(Host,{key:"25b3dc4132060a98148ec87bab88ae7a15c0ed9e",class:Object.assign({},e.class())},h("button",{key:"2854252b5452659558e445dfb17f8b1fd7f8fc5c",type:"button","aria-label":t,title:t,tabindex:"0",class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("inverted").class(this.inverted)),o.modifier("size-".concat(this.size)).class(this.size!=="")),"data-testid":"bal-close"},h("bal-icon",{key:"9cdc282c9d9839263d6254ba75751a333517c966",name:"close",size:this.size==="small"?"x-small":this.size==="medium"?"medium":"small",inverted:this.inverted,class:Object.assign({},a.class())})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Close.prototype,"configChanged",null);Close.style=balCloseCss;export{Close as bal_close};

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

@@ -1 +1 @@
-import{L as Logger,H as registerInstance,M as h,N as Host}from"./index-pkPHUz5e.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balContentCss=".bal-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;text-align:left;gap:.25rem}.bal-content--align-center{-ms-flex-align:center;align-items:center;text-align:center}.bal-content--align-end{-ms-flex-align:end;align-items:flex-end;text-align:right}.bal-content--layout-horizontal{-ms-flex-direction:row;flex-direction:row}.bal-content--layout-vertical{-ms-flex-direction:column;flex-direction:column}.bal-content--space-none{gap:0rem}.bal-content--space-xxx-small{gap:.125rem}.bal-content--space-xx-small{gap:.25rem}.bal-content--space-x-small{gap:.5rem}.bal-content--space-small{gap:.75rem}.bal-content--space-normal{gap:1rem}.bal-content>.bal-text{margin:0}";var Content=function(){function t(t){registerInstance(this,t);this.layout="vertical";this.align="start";this.space="xx-small";this.direction="";this.alignment=""}t.prototype.createLogger=function(t){this.log=t};t.prototype.render=function(){var t=BEM.block("content");var e=!!this.direction;var a=!!this.layout;var n=!!this.alignment;var l=!!this.align;var s=!!this.space;var i=this.layout;if(e){i=this.direction==="row"?"horizontal":"vertical"}var o=this.align.split(" ").join("-");if(n){o=this.alignment.split(" ").join("-")}return h(Host,{key:"a7213517d4b70adbe0ba7091c1393d6dfdb62c9e",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("layout-".concat(i)).class(a||e)),t.modifier("align-".concat(o)).class(l||n)),t.modifier("space-".concat(this.space)).class(s))},h("slot",{key:"d907c3d66bf4927b63cfa6958288e3eb38e9d4be"}))};return t}();__decorate([Logger("bal-content"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Content.prototype,"createLogger",null);Content.style=balContentCss;export{Content as bal_content};
+import{L as Logger,H as registerInstance,M as h,N as Host}from"./index-BtpJmRB8.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balContentCss=".bal-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;text-align:left;gap:.25rem}.bal-content--align-center{-ms-flex-align:center;align-items:center;text-align:center}.bal-content--align-end{-ms-flex-align:end;align-items:flex-end;text-align:right}.bal-content--layout-horizontal{-ms-flex-direction:row;flex-direction:row}.bal-content--layout-vertical{-ms-flex-direction:column;flex-direction:column}.bal-content--space-none{gap:0rem}.bal-content--space-xxx-small{gap:.125rem}.bal-content--space-xx-small{gap:.25rem}.bal-content--space-x-small{gap:.5rem}.bal-content--space-small{gap:.75rem}.bal-content--space-normal{gap:1rem}.bal-content>.bal-text{margin:0}";var Content=function(){function t(t){registerInstance(this,t);this.layout="vertical";this.align="start";this.space="xx-small";this.direction="";this.alignment=""}t.prototype.createLogger=function(t){this.log=t};t.prototype.render=function(){var t=BEM.block("content");var e=!!this.direction;var a=!!this.layout;var n=!!this.alignment;var l=!!this.align;var s=!!this.space;var i=this.layout;if(e){i=this.direction==="row"?"horizontal":"vertical"}var o=this.align.split(" ").join("-");if(n){o=this.alignment.split(" ").join("-")}return h(Host,{key:"a7213517d4b70adbe0ba7091c1393d6dfdb62c9e",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("layout-".concat(i)).class(a||e)),t.modifier("align-".concat(o)).class(l||n)),t.modifier("space-".concat(this.space)).class(s))},h("slot",{key:"d907c3d66bf4927b63cfa6958288e3eb38e9d4be"}))};return t}();__decorate([Logger("bal-content"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Content.prototype,"createLogger",null);Content.style=balContentCss;export{Content as bal_content};

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

@@ -1 +1 @@
-import{__spreadArray}from"tslib";import{H as registerInstance,M as h,N as Host,O as getElement,P as createEvent}from"./index-pkPHUz5e.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{i as isNil}from"./index-zWZxKBfo.js";import"./_commonjsHelpers-BFTU3MAI.js";var balDataCss=":root{--bal-data-item-border-color:var(--bal-color-grey-2);--bal-data-item-border-style:solid;--bal-data-item-border-width:var(--bal-border-width-normal);--bal-data-horizontal-border-bottom-width:var(--bal-border-width-normal);--bal-data-horizontal-border-color:var(--bal-color-primary-2);--bal-data-item-border-bottom:none;--bal-data-item-text-color-disabled:var(--bal-color-text-grey-dark);--bal-data-label-text-color:var(--bal-color-text-primary)}.bal-data{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:100%;outline:none;text-decoration:none;overflow-wrap:break-word;white-space:normal}.bal-data>*{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data-item{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;min-height:3rem;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem 0}.bal-data-item.is-disabled .bal-data-label,.bal-data-item.is-disabled .bal-data-value{color:var(--bal-data-item-text-color-disabled)}.bal-data-item--has-border{border-bottom:var(--bal-data-item-border-width) var(--bal-data-item-border-style) var(--bal-data-item-border-color)}.bal-data-label{position:relative;display:block;color:var(--bal-data-label-text-color);-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-data-label .bal-hint{margin-left:.5rem;position:absolute;top:-3px;font-weight:var(--bal-font-weight-regular)}.bal-data-value{display:block;-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:.25rem;min-height:1.5rem;overflow:visible !important;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal)}.bal-data-value,.bal-data-value>div{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);line-height:1.25rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-bottom:2px}.bal-data-value>ul,.bal-data-value>div>ul{margin-bottom:0 !important;margin-left:1.5rem !important}.bal-data-value .bal-button{display:none}.bal-data-value--is-multiline,.bal-data-value--is-multiline>div{white-space:normal}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div>bal-input input.input{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value--is-editable .bal-data-value__button{display:block}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>bal-button{margin-left:.5rem}@media screen and (min-width: 769px),print{.bal-data>*{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap}.bal-data .bal-data-item{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap;padding:.5rem 0}.bal-data .bal-data-item .bal-data-label{-ms-flex-preferred-size:0;flex-basis:0}.bal-data .bal-data-item .bal-data-value{-ms-flex-preferred-size:0;flex-basis:0}.bal-data:not(.bal-data--is-horizontal) .bal-data-label{font-size:var(--bal-text-size-normal)}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{margin-top:2px}.bal-data.bal-data--is-horizontal{-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-data.bal-data--is-horizontal.has-border{border-bottom:var(--bal-data-horizontal-border-bottom-width) var(--bal-data-item-border-style) var(--bal-data-horizontal-border-color)}.bal-data.bal-data--is-horizontal>*{-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data.bal-data--is-horizontal .bal-data-item{-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:5rem;-ms-flex-align:start;align-items:flex-start;border-bottom:var(--bal-data-item-border-bottom)}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{min-height:100%}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-label,.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{-ms-flex-preferred-size:100%;flex-basis:100%;width:100%;-ms-flex-item-align:start;align-self:flex-start}}";var Data=function(){function a(a){registerInstance(this,a);this.border=false;this.horizontal=false;this.inputElements=["bal-data-item"]}a.prototype.borderHandler=function(){this.updateProps(__spreadArray([],this.inputElements,true),"border")};a.prototype.updateProps=function(a,t){var e=this[t];if(e!==undefined){this.notifyComponents(a,(function(a){return a[t]=e}))}};a.prototype.notifyComponents=function(a,t){var e=this.element.querySelectorAll(a.join(", "));e.forEach((function(a){return t(a)}))};a.prototype.componentWillLoad=function(){this.borderHandler()};a.prototype.render=function(){var a=BEM.block("data");return h(Host,{key:"aa8b8920767ec213d19c0ff5bd5b020afd720736",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("has-border").class(this.border)),a.modifier("is-horizontal").class(this.horizontal))},h("slot",{key:"521ef64fdbd14bae75547ca851ae20e40d50a68f"}))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{border:["borderHandler"]}},enumerable:false,configurable:true});return a}();Data.style=balDataCss;var DataItem=function(){function a(a){registerInstance(this,a);this.disabled=false;this.border=false}a.prototype.render=function(){var a=BEM.block("data-item");return h(Host,{key:"407b2d982f48e77a71daa015e98acb720b369860",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("is-disabled").class(this.disabled)),a.modifier("has-border").class(this.border))},h("slot",{key:"e9d0e88af9d336879ed87b59732a583c43bd466f"}))};return a}();var DataLabel=function(){function a(a){registerInstance(this,a);this.required=false}a.prototype.render=function(){return h(Host,{key:"114f7b7b26f2cc4a0c4ba430df1d3d17f4df786a",class:Object.assign({},BEM.block("data-label").class())},h("slot",{key:"bba812f478c14efa78880304b42bd8a9d91a3187"}),this.required?"*":"")};return a}();var DataValue=function(){function a(a){var t=this;registerInstance(this,a);this.balClick=createEvent(this,"balClick");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.editable=false;this.disabled=false;this.multiline=false;this.onClickHandler=function(a){var e=t.el.querySelector("bal-input");if(!isNil(e)){e.setFocus()}t.balClick.emit(a)}}a.prototype.render=function(){var a=this;var t=BEM.block("data-value");var e=t.element("button");return h(Host,{key:"63014133e16b3afbe1e7fe5842792bdc9c141169",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("is-editable").class(this.editable)),t.modifier("is-multiline").class(this.multiline))},h("div",{key:"192eb9e81205e21d2d553bbe0d975af252fc23d0"},h("slot",{key:"1af816e5a838f87ef19091e02d9b8e80d0ab1cb2"})),h("bal-button",{key:"feef0feb9694017038fee9838269bde53659d6e6",class:Object.assign({},e.class()),"data-testid":"bal-data-value-button",square:true,outlined:true,color:"text",size:"small",icon:"edit",disabled:this.disabled,onBalBlur:function(t){return a.balBlur.emit()},onBalFocus:function(t){return a.balFocus.emit()},onClick:function(t){return a.onClickHandler(t)}}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();export{Data as bal_data,DataItem as bal_data_item,DataLabel as bal_data_label,DataValue as bal_data_value};
+import{__spreadArray}from"tslib";import{H as registerInstance,M as h,N as Host,O as getElement,P as createEvent}from"./index-BtpJmRB8.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{i as isNil}from"./index-zWZxKBfo.js";import"./_commonjsHelpers-BFTU3MAI.js";var balDataCss=":root{--bal-data-item-border-color:var(--bal-color-grey-2);--bal-data-item-border-style:solid;--bal-data-item-border-width:var(--bal-border-width-normal);--bal-data-horizontal-border-bottom-width:var(--bal-border-width-normal);--bal-data-horizontal-border-color:var(--bal-color-primary-2);--bal-data-item-border-bottom:none;--bal-data-item-text-color-disabled:var(--bal-color-text-grey-dark);--bal-data-label-text-color:var(--bal-color-text-primary)}.bal-data{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:100%;outline:none;text-decoration:none;overflow-wrap:break-word;white-space:normal}.bal-data>*{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data-item{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;min-height:3rem;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem 0}.bal-data-item.is-disabled .bal-data-label,.bal-data-item.is-disabled .bal-data-value{color:var(--bal-data-item-text-color-disabled)}.bal-data-item--has-border{border-bottom:var(--bal-data-item-border-width) var(--bal-data-item-border-style) var(--bal-data-item-border-color)}.bal-data-label{position:relative;display:block;color:var(--bal-data-label-text-color);-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-data-label .bal-hint{margin-left:.5rem;position:absolute;top:-3px;font-weight:var(--bal-font-weight-regular)}.bal-data-value{display:block;-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:.25rem;min-height:1.5rem;overflow:visible !important;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal)}.bal-data-value,.bal-data-value>div{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);line-height:1.25rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-bottom:2px}.bal-data-value>ul,.bal-data-value>div>ul{margin-bottom:0 !important;margin-left:1.5rem !important}.bal-data-value .bal-button{display:none}.bal-data-value--is-multiline,.bal-data-value--is-multiline>div{white-space:normal}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div>bal-input input.input{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value--is-editable .bal-data-value__button{display:block}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>bal-button{margin-left:.5rem}@media screen and (min-width: 769px),print{.bal-data>*{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap}.bal-data .bal-data-item{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap;padding:.5rem 0}.bal-data .bal-data-item .bal-data-label{-ms-flex-preferred-size:0;flex-basis:0}.bal-data .bal-data-item .bal-data-value{-ms-flex-preferred-size:0;flex-basis:0}.bal-data:not(.bal-data--is-horizontal) .bal-data-label{font-size:var(--bal-text-size-normal)}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{margin-top:2px}.bal-data.bal-data--is-horizontal{-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-data.bal-data--is-horizontal.has-border{border-bottom:var(--bal-data-horizontal-border-bottom-width) var(--bal-data-item-border-style) var(--bal-data-horizontal-border-color)}.bal-data.bal-data--is-horizontal>*{-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data.bal-data--is-horizontal .bal-data-item{-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:5rem;-ms-flex-align:start;align-items:flex-start;border-bottom:var(--bal-data-item-border-bottom)}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{min-height:100%}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-label,.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{-ms-flex-preferred-size:100%;flex-basis:100%;width:100%;-ms-flex-item-align:start;align-self:flex-start}}";var Data=function(){function a(a){registerInstance(this,a);this.border=false;this.horizontal=false;this.inputElements=["bal-data-item"]}a.prototype.borderHandler=function(){this.updateProps(__spreadArray([],this.inputElements,true),"border")};a.prototype.updateProps=function(a,t){var e=this[t];if(e!==undefined){this.notifyComponents(a,(function(a){return a[t]=e}))}};a.prototype.notifyComponents=function(a,t){var e=this.element.querySelectorAll(a.join(", "));e.forEach((function(a){return t(a)}))};a.prototype.componentWillLoad=function(){this.borderHandler()};a.prototype.render=function(){var a=BEM.block("data");return h(Host,{key:"aa8b8920767ec213d19c0ff5bd5b020afd720736",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("has-border").class(this.border)),a.modifier("is-horizontal").class(this.horizontal))},h("slot",{key:"521ef64fdbd14bae75547ca851ae20e40d50a68f"}))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{border:["borderHandler"]}},enumerable:false,configurable:true});return a}();Data.style=balDataCss;var DataItem=function(){function a(a){registerInstance(this,a);this.disabled=false;this.border=false}a.prototype.render=function(){var a=BEM.block("data-item");return h(Host,{key:"407b2d982f48e77a71daa015e98acb720b369860",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("is-disabled").class(this.disabled)),a.modifier("has-border").class(this.border))},h("slot",{key:"e9d0e88af9d336879ed87b59732a583c43bd466f"}))};return a}();var DataLabel=function(){function a(a){registerInstance(this,a);this.required=false}a.prototype.render=function(){return h(Host,{key:"114f7b7b26f2cc4a0c4ba430df1d3d17f4df786a",class:Object.assign({},BEM.block("data-label").class())},h("slot",{key:"bba812f478c14efa78880304b42bd8a9d91a3187"}),this.required?"*":"")};return a}();var DataValue=function(){function a(a){var t=this;registerInstance(this,a);this.balClick=createEvent(this,"balClick");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.editable=false;this.disabled=false;this.multiline=false;this.onClickHandler=function(a){var e=t.el.querySelector("bal-input");if(!isNil(e)){e.setFocus()}t.balClick.emit(a)}}a.prototype.render=function(){var a=this;var t=BEM.block("data-value");var e=t.element("button");return h(Host,{key:"63014133e16b3afbe1e7fe5842792bdc9c141169",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("is-editable").class(this.editable)),t.modifier("is-multiline").class(this.multiline))},h("div",{key:"192eb9e81205e21d2d553bbe0d975af252fc23d0"},h("slot",{key:"1af816e5a838f87ef19091e02d9b8e80d0ab1cb2"})),h("bal-button",{key:"feef0feb9694017038fee9838269bde53659d6e6",class:Object.assign({},e.class()),"data-testid":"bal-data-value-button",square:true,outlined:true,color:"text",size:"small",icon:"edit",disabled:this.disabled,onBalBlur:function(t){return a.balBlur.emit()},onBalFocus:function(t){return a.balFocus.emit()},onClick:function(t){return a.onClickHandler(t)}}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();export{Data as bal_data,DataItem as bal_data_item,DataLabel as bal_data_label,DataValue as bal_data_value};