@baloise/ds-core 17.3.0 → 17.4.0-snapshot.1609-d2bcc38d3

package/dist/esm/{window-resize.decorator-f894e34b.js → window-resize.decorator-66d8fd79.js}

@@ -1,4 +1,4 @@
-import { B as BalWindowResizeListener } from './breakpoints.subject-336f3c8b.js';
+import { B as BalWindowResizeListener } from './breakpoints.subject-41117dc4.js';
 import { a as SingleSubject } from './listener-04842ae9.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 

package/dist/esm-es5/app-globals-c5ea8144.js

@@ -0,0 +1 @@
+import{g as globalScript}from"./global-181336dc.js";var globalScripts=globalScript;export{globalScripts as g};

package/dist/esm-es5/aria-ea150568.js

@@ -0,0 +1 @@
+var ariaBooleanToString=function(n){if(n===undefined||n===null){return undefined}return!!n?"true":"false"};export{ariaBooleanToString as a};

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as raf,t as transitionEndAsync,p as debounceEvent,w as waitForComponent}from"./helpers-ae0db1dd.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{L as ListenToConfig}from"./config.decorator-09912ddf.js";import{s as stopEventBubbling}from"./form-input-3856ed2a.js";import{b as isEnterKey,d as isSpaceKey}from"./keyboard.helpers-159e517d.js";import"./browser-a8073d92.js";import"./config.utils-6c4a6204.js";var balAccordionCss=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";var BalAccordionStyle0=balAccordionCss;var Accordion=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.componentId="bal-accordion-".concat(accordionIds++);this.updateState=function(t){if(t===void 0){t=false}if(i.active){i.expand(t)}else{i.collapse(t)}};this.setState=function(t){i.state=t;if(i.version===2){i.updateTriggerElement();i.updateDetailsElement();i.updateSummaryElement()}};this.updateDetailsElement=function(){var t=i.detailsElement;if(t){t.state=i.state;t.active=i.active;t.animated=i.animated}};this.updateTriggerElement=function(){var t=i.triggerElement;if(t){t.state=i.state;t.active=i.active}};this.updateSummaryElement=function(){var t=i.summaryElement;if(t){t.state=i.state;t.active=i.active}};this.expand=function(t){if(t===void 0){t=false}i.active=true;var a=i.detailsElement;var e=i.detailsWrapperElement;if(t||a===null||e===null){i.setState(4);return i.active}if(i.state===4){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){raf((function(){i.setState(8);i.balWillAnimate.emit(i.active);i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=e.offsetHeight;i=transitionEndAsync(a,300);a.style.setProperty("max-height","".concat(t,"px"));return[4,i];case 1:n.sent();this.setState(4);a.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}))}))}else{i.balWillAnimate.emit(i.active);i.setState(4);i.balDidAnimate.emit(i.active)}return i.active};this.collapse=function(t){if(t===void 0){t=false}i.active=false;var a=i.detailsElement;if(t||a===null){i.setState(1);return i.active}if(i.state===1){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;var i=this;return __generator(this,(function(e){t=a.offsetHeight;a.style.setProperty("max-height","".concat(t,"px"));raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=transitionEndAsync(a,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:i.sent();this.setState(1);a.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}));return[2]}))}))}))}else{i.balDidAnimate.emit(i.active);i.setState(1);i.balDidAnimate.emit(i.active)}return i.active};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onTriggerClickV1=function(){i.humanToggle()};this.state=1;this.animated=true;this.active=false;this.debounce=0;this.openLabel="";this.openIcon="plus";this.closeLabel="";this.closeIcon="close";this.card=false;this.version=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(t!==i){this.active=t;this.updateState()}return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.debounceChanged();return[4,waitForComponent(this.el)];case 1:t.sent();if(this.active){this.activeChanged(this.active,false)}this.updateState(true);return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.animated=t.animated;return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.humanToggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.collapse()];case 1:t.sent();return[3,4];case 2:return[4,this.expand()];case 3:t.sent();t.label=4;case 4:this.balChange.emit(this.active);return[2,this.active]}}))}))};Object.defineProperty(t.prototype,"summaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-summary")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"triggerElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-trigger")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsElement",{get:function(){var t;if(this.version===1){return this.contentEl||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsWrapperElement",{get:function(){var t;if(this.version===1){return this.contentElWrapper||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details > div")))||null},enumerable:false,configurable:true});t.prototype.render=function(){return this.version===2?this.renderVersion2():this.renderVersion1()};t.prototype.renderVersion2=function(){var t=BEM.block("accordion");return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})};t.prototype.renderVersion1=function(){var t=this;var i=this.active?this.closeLabel:this.openLabel;var a=this.active?this.closeIcon:this.openIcon;var e=BEM.block("accordion");var n=this.state===4||this.state===8;var r=n?"button expanded":"button";var o=n?"content expanded":"content";return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("card-v1").class(this.card)),e.modifier("active").class(this.active)),e.modifier("expanding").class(this.state===8)),e.modifier("expanded").class(this.state===4)),e.modifier("collapsing").class(this.state===2)),e.modifier("collapsed").class(this.state===1)),e.modifier("animated").class(this.animated))},h("div",{class:Object.assign({},e.element("wrapper").class())},h("div",{class:Object.assign(Object.assign({},e.element("trigger").class()),e.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},h("bal-button",{id:"".concat(this.componentId,"-button"),"aria-controls":"".concat(this.componentId,"-content"),part:r,"data-testid":"bal-accordion-trigger",expanded:true,color:"info",icon:a,onClick:this.onTriggerClickV1},i)),h("div",{id:"".concat(this.componentId,"-content"),"aria-labelledby":"".concat(this.componentId,"-button"),role:"region",part:o,class:Object.assign(Object.assign(Object.assign({},e.element("content").class()),e.element("content").modifier("card").class(this.card)),e.element("content").modifier("overflow-hidden").class(this.state!==4)),ref:function(i){return t.contentEl=i}},h("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},e.element("content").element("wrapper").class()),ref:function(i){return t.contentElWrapper=i}},h("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Accordion.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Accordion.prototype,"configChanged",null);var accordionIds=0;Accordion.style=BalAccordionStyle0;var balAccordionDetailsCss=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden}.bal-accordion__details--collapsed{display:none;overflow:hidden}.bal-accordion__details--expanding{max-height:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var BalAccordionDetailsStyle0=balAccordionDetailsCss;var AccordionDetails=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-details-".concat(accordionDetailIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.parentAccordionId=undefined;this.state=1;this.active=false;this.animated=true}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("details");var i=t.element("container");var a=i.element("wrapper");var e=this.parentAccordionId?"".concat(this.parentAccordionId,"-details"):this.componentId;var n=this.state===4||this.state===8;var r=n?"content expanded":"content";return h(Host,{key:"46658e9e2842371f4faac02f3666f908f48000a2",id:e,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(this.state===8)),t.modifier("expanded").class(this.state===4)),t.modifier("collapsing").class(this.state===2)),t.modifier("collapsed").class(this.state===1)),t.modifier("animated").class(this.animated))},h("div",{key:"4e2616b9946f33ce3a30c396f200dd2a8c16eed4",id:"".concat(e,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:r,class:Object.assign({},a.class()),"data-testid":"bal-accordion-details"},h("slot",{key:"76467aaa5660e88ab9a208fdf0577f203f000fcf"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-details"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionDetails.prototype,"createLogger",null);var accordionDetailIds=0;AccordionDetails.style=BalAccordionDetailsStyle0;var balAccordionSummaryCss="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";var BalAccordionSummaryStyle0=balAccordionSummaryCss;var AccordionSummary=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-summary-".concat(accordionSummaryIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.onKeyDown=function(t){var a;if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()}};this.parentAccordionId=undefined;this.trigger=false;this.active=false;this.state=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=2}this.updateAccordionId()};t.prototype.disconnectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=1}this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("summary");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-summary"):this.componentId;var a=this.state===4||this.state===8;var e=a?"button expanded":"button";var n={};if(this.trigger){n={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:e,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return h(Host,Object.assign({key:"c3a6c35f68b01dcfe81b8e87a8a31b3c87db771c",id:i,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},n,{"data-testid":"bal-accordion-summary"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-summary"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionSummary.prototype,"createLogger",null);var accordionSummaryIds=0;AccordionSummary.style=BalAccordionSummaryStyle0;var balAccordionTriggerCss="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}";var BalAccordionTriggerStyle0=balAccordionTriggerCss;var AccordionTrigger=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-trigger-".concat(accordionTriggerIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.parentAccordionId=undefined;this.button=false;this.expanded=true;this.openLabel="";this.openIcon="caret-down";this.closeLabel="";this.closeIcon="";this.color="info";this.size="";this.active=false;this.state=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionSummaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion-summary"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("trigger");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var a=this.active?this.closeLabel:this.openLabel;var e=false;var n=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){e=this.active;n=this.openIcon||"caret-down"}var r=this.state===4||this.state===8;var o=r?"button expanded":"button";var c=this.parentAccordionSummaryElement;var s={tabindex:-1};if(c&&!c.trigger){s={tabindex:0}}return h(Host,{key:"891c25716cc93bd97ca9b25fcb512bb1915e8f5d",id:i,class:Object.assign({},t.class())},this.button?h("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:o,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:n,iconTurn:e,color:this.color,size:this.size,onClick:this.onClick},a):h("button",Object.assign({class:Object.assign(Object.assign({},t.element("button").class()),{"bal-focused":c&&!c.trigger}),id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-label":"accordion trigger",part:o,"data-testid":"bal-accordion-trigger",onClick:this.onClick},s),h("bal-icon",{turn:e,name:n})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-trigger"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionTrigger.prototype,"createLogger",null);var accordionTriggerIds=0;AccordionTrigger.style=BalAccordionTriggerStyle0;export{Accordion as bal_accordion,AccordionDetails as bal_accordion_details,AccordionSummary as bal_accordion_summary,AccordionTrigger as bal_accordion_trigger};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as raf,t as transitionEndAsync,p as debounceEvent,w as waitForComponent}from"./helpers-ae0db1dd.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{L as ListenToConfig}from"./config.decorator-09912ddf.js";import{s as stopEventBubbling}from"./form-input-3856ed2a.js";import{b as isEnterKey,d as isSpaceKey}from"./keyboard.helpers-159e517d.js";import{a as ariaBooleanToString}from"./aria-ea150568.js";import{d as defaultConfig}from"./config.default-75703209.js";import"./browser-a8073d92.js";import"./config.utils-6c4a6204.js";var balAccordionCss=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";var BalAccordionStyle0=balAccordionCss;var Accordion=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.componentId="bal-accordion-".concat(accordionIds++);this.updateState=function(t){if(t===void 0){t=false}if(i.active){i.expand(t)}else{i.collapse(t)}};this.setState=function(t){i.state=t;if(i.version===2){i.updateTriggerElement();i.updateDetailsElement();i.updateSummaryElement()}};this.updateDetailsElement=function(){var t=i.detailsElement;if(t){t.state=i.state;t.active=i.active;t.animated=i.animated}};this.updateTriggerElement=function(){var t=i.triggerElement;if(t){t.state=i.state;t.active=i.active}};this.updateSummaryElement=function(){var t=i.summaryElement;if(t){t.state=i.state;t.active=i.active}};this.expand=function(t){if(t===void 0){t=false}i.active=true;var a=i.detailsElement;var e=i.detailsWrapperElement;if(t||a===null||e===null){i.setState(4);return i.active}if(i.state===4){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){raf((function(){i.setState(8);i.balWillAnimate.emit(i.active);i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=e.offsetHeight;i=transitionEndAsync(a,300);a.style.setProperty("max-height","".concat(t,"px"));return[4,i];case 1:n.sent();this.setState(4);a.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}))}))}else{i.balWillAnimate.emit(i.active);i.setState(4);i.balDidAnimate.emit(i.active)}return i.active};this.collapse=function(t){if(t===void 0){t=false}i.active=false;var a=i.detailsElement;if(t||a===null){i.setState(1);return i.active}if(i.state===1){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;var i=this;return __generator(this,(function(e){t=a.offsetHeight;a.style.setProperty("max-height","".concat(t,"px"));raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=transitionEndAsync(a,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:i.sent();this.setState(1);a.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}));return[2]}))}))}))}else{i.balDidAnimate.emit(i.active);i.setState(1);i.balDidAnimate.emit(i.active)}return i.active};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onTriggerClickV1=function(){i.humanToggle()};this.state=1;this.animated=true;this.active=false;this.debounce=0;this.openLabel="";this.openIcon="plus";this.closeLabel="";this.closeIcon="close";this.card=false;this.version=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(t!==i){this.active=t;this.updateState()}return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.debounceChanged();return[4,waitForComponent(this.el)];case 1:t.sent();if(this.active){this.activeChanged(this.active,false)}this.updateState(true);return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.animated=t.animated;return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.humanToggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.collapse()];case 1:t.sent();return[3,4];case 2:return[4,this.expand()];case 3:t.sent();t.label=4;case 4:this.balChange.emit(this.active);return[2,this.active]}}))}))};Object.defineProperty(t.prototype,"summaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-summary")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"triggerElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-trigger")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsElement",{get:function(){var t;if(this.version===1){return this.contentEl||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsWrapperElement",{get:function(){var t;if(this.version===1){return this.contentElWrapper||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details > div")))||null},enumerable:false,configurable:true});t.prototype.render=function(){return this.version===2?this.renderVersion2():this.renderVersion1()};t.prototype.renderVersion2=function(){var t=BEM.block("accordion");return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})};t.prototype.renderVersion1=function(){var t=this;var i=this.active?this.closeLabel:this.openLabel;var a=this.active?this.closeIcon:this.openIcon;var e=BEM.block("accordion");var n=this.state===4||this.state===8;var r=n?"button expanded":"button";var o=n?"content expanded":"content";return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("card-v1").class(this.card)),e.modifier("active").class(this.active)),e.modifier("expanding").class(this.state===8)),e.modifier("expanded").class(this.state===4)),e.modifier("collapsing").class(this.state===2)),e.modifier("collapsed").class(this.state===1)),e.modifier("animated").class(this.animated))},h("div",{class:Object.assign({},e.element("wrapper").class())},h("div",{class:Object.assign(Object.assign({},e.element("trigger").class()),e.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},h("bal-button",{id:"".concat(this.componentId,"-button"),"aria-controls":"".concat(this.componentId,"-content"),part:r,"data-testid":"bal-accordion-trigger",expanded:true,color:"info",icon:a,onClick:this.onTriggerClickV1},i)),h("div",{id:"".concat(this.componentId,"-content"),"aria-labelledby":"".concat(this.componentId,"-button"),role:"region",part:o,class:Object.assign(Object.assign(Object.assign({},e.element("content").class()),e.element("content").modifier("card").class(this.card)),e.element("content").modifier("overflow-hidden").class(this.state!==4)),ref:function(i){return t.contentEl=i}},h("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},e.element("content").element("wrapper").class()),ref:function(i){return t.contentElWrapper=i}},h("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Accordion.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Accordion.prototype,"configChanged",null);var accordionIds=0;Accordion.style=BalAccordionStyle0;var balAccordionDetailsCss=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden}.bal-accordion__details--collapsed{display:none;overflow:hidden}.bal-accordion__details--expanding{max-height:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var BalAccordionDetailsStyle0=balAccordionDetailsCss;var AccordionDetails=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-details-".concat(accordionDetailIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.parentAccordionId=undefined;this.state=1;this.active=false;this.animated=true}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("details");var i=t.element("container");var a=i.element("wrapper");var e=this.parentAccordionId?"".concat(this.parentAccordionId,"-details"):this.componentId;var n=this.state===4||this.state===8;var r=n?"content expanded":"content";return h(Host,{key:"b9a16e64c4d5559646cdac24e2f9cad021d66a45",id:e,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(this.state===8)),t.modifier("expanded").class(this.state===4)),t.modifier("collapsing").class(this.state===2)),t.modifier("collapsed").class(this.state===1)),t.modifier("animated").class(this.animated))},h("div",{key:"279f8c54de387926886868cf13da08b1c465d523",id:"".concat(e,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:r,class:Object.assign({},a.class()),"data-testid":"bal-accordion-details"},h("slot",{key:"209b3840f44b6373c8aeb5ad6851e1bc76ec09d5"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-details"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionDetails.prototype,"createLogger",null);var accordionDetailIds=0;AccordionDetails.style=BalAccordionDetailsStyle0;var balAccordionSummaryCss="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";var BalAccordionSummaryStyle0=balAccordionSummaryCss;var AccordionSummary=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-summary-".concat(accordionSummaryIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.onKeyDown=function(t){var a;if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()}};this.parentAccordionId=undefined;this.trigger=false;this.active=false;this.state=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=2}this.updateAccordionId()};t.prototype.disconnectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=1}this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("summary");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-summary"):this.componentId;var a=this.state===4||this.state===8;var e=a?"button expanded":"button";var n={};if(this.trigger){n={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:e,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return h(Host,Object.assign({key:"e192ab6a73d33db615d55c1ae5e82e334d5e690e",id:i,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},n,{"data-testid":"bal-accordion-summary"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-summary"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionSummary.prototype,"createLogger",null);var accordionSummaryIds=0;AccordionSummary.style=BalAccordionSummaryStyle0;var i18nBalAccordion={de:{open:"Öffnen",close:"Schließen"},en:{open:"Open",close:"Close"},fr:{open:"Ouvrir",close:"Fermer"},it:{open:"Apri",close:"Chiudi"},nl:{open:"Open",close:"Sluiten"},es:{open:"Abrir",close:"Cerrar"},pl:{open:"Otwórz",close:"Zamknij"},pt:{open:"Abrir",close:"Fechar"},sv:{open:"Öppna",close:"Stäng"},fi:{open:"Avaa",close:"Sulje"}};var balAccordionTriggerCss="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}";var BalAccordionTriggerStyle0=balAccordionTriggerCss;var AccordionTrigger=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-trigger-".concat(accordionTriggerIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.parentAccordionId=undefined;this.language=defaultConfig.language;this.button=false;this.expanded=true;this.openLabel="";this.openIcon="caret-down";this.closeLabel="";this.closeIcon="";this.color="info";this.size="";this.active=false;this.state=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;return[2]}))}))};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionSummaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion-summary"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("trigger");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var a=this.active?this.closeLabel:this.openLabel;var e=false;var n=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){e=this.active;n=this.openIcon||"caret-down"}var r=this.state===4||this.state===8;var o=r?"button expanded":"button";var c=this.parentAccordionSummaryElement;var s={tabindex:-1};if(c&&!c.trigger){s={tabindex:0}}return h(Host,{key:"6aafc18d3f16cdfeea6c74024d4468eb52cb6c9c",id:i,class:Object.assign({},t.class())},this.button?h("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:o,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:n,iconTurn:e,color:this.color,size:this.size,title:this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,"aria-label":this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,"aria-expanded":ariaBooleanToString(this.active),onClick:this.onClick},a):h("button",Object.assign({class:Object.assign(Object.assign({},t.element("button").class()),{"bal-focused":c&&!c.trigger}),id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-expanded":ariaBooleanToString(this.active),part:o,"data-testid":"bal-accordion-trigger",title:this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,"aria-label":this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,onClick:this.onClick},s),h("bal-icon",{turn:e,name:n})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-trigger"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionTrigger.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],AccordionTrigger.prototype,"configChanged",null);var accordionTriggerIds=0;AccordionTrigger.style=BalAccordionTriggerStyle0;export{Accordion as bal_accordion,AccordionDetails as bal_accordion_details,AccordionSummary as bal_accordion_summary,AccordionTrigger as bal_accordion_trigger};

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";import{k as debounce,n as rIC,m as rOnLoad}from"./helpers-ae0db1dd.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as startFocusVisible}from"./focus-visible-f0cdd043.js";import{F as updateBalAnimated}from"./config.utils-6c4a6204.js";var balAppCss=":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";var BalAppStyle0=balAppCss;var App=function(){function e(e){var t=this;registerInstance(this,e);this.debouncedNotify=debounce((function(){return t.notifyResize()}),100);this.notifyResize=function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){if(balBrowser.hasDocument&&balBrowser.hasWindow){e=document.documentElement;e.style.setProperty("--bal-app-height","".concat(window.innerHeight,"px"))}return[2]}))}))};this.animated=true;this.ready=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.connectedCallback=function(){if(this.animated===false){updateBalAnimated(this.animated)}if(balBrowser.hasWindow){window.addEventListener("resize",this.debouncedNotify);this.debouncedNotify()}};e.prototype.componentDidLoad=function(){var e=this;rIC((function(){e.ready=true;startFocusVisible()}));rOnLoad((function(){if(balBrowser.hasDocument&&balBrowser.hasWindow){var e=document.documentElement;e.classList.add("lcp-ready")}}))};e.prototype.disconnectedCallback=function(){if(balBrowser.hasWindow){window.removeEventListener("resize",this.debouncedNotify)}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.focusVisible){this.focusVisible.setFocus(e)}return[2]}))}))};e.prototype.render=function(){return h(Host,{key:"29fef05a451290e2e20dc6808d1cce03ec1b1c4c",class:{"bal-app":true,"bal-app--safari":balBrowser.isSafari,"bal-app--touch":balDevice.hasTouchScreen}},h("slot",{key:"d54179394cb4d9882647d497e09495193d57a12d"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-app"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],App.prototype,"createLogger",null);App.style=BalAppStyle0;export{App as bal_app};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{b as balBrowser}from"./browser-a8073d92.js";import{b as balDevice}from"./device-8c6d2881.js";import{k as debounce,n as rIC,m as rOnLoad}from"./helpers-ae0db1dd.js";import{L as Logger}from"./log-dfd1c19f.js";import{s as startFocusVisible}from"./focus-visible-f0cdd043.js";import{F as updateBalAnimated}from"./config.utils-6c4a6204.js";var balAppCss=":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";var BalAppStyle0=balAppCss;var App=function(){function e(e){var t=this;registerInstance(this,e);this.debouncedNotify=debounce((function(){return t.notifyResize()}),100);this.notifyResize=function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){if(balBrowser.hasDocument&&balBrowser.hasWindow){e=document.documentElement;e.style.setProperty("--bal-app-height","".concat(window.innerHeight,"px"))}return[2]}))}))};this.animated=true;this.ready=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.connectedCallback=function(){if(this.animated===false){updateBalAnimated(this.animated)}if(balBrowser.hasWindow){window.addEventListener("resize",this.debouncedNotify);this.debouncedNotify()}};e.prototype.componentDidLoad=function(){var e=this;rIC((function(){e.ready=true;startFocusVisible()}));rOnLoad((function(){if(balBrowser.hasDocument&&balBrowser.hasWindow){var e=document.documentElement;e.classList.add("lcp-ready")}}))};e.prototype.disconnectedCallback=function(){if(balBrowser.hasWindow){window.removeEventListener("resize",this.debouncedNotify)}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.focusVisible){this.focusVisible.setFocus(e)}return[2]}))}))};e.prototype.render=function(){return h(Host,{key:"e062237a5407e1f20d5ba64329e264fc0ae41f4e",class:{"bal-app":true,"bal-app--safari":balBrowser.isSafari,"bal-app--touch":balDevice.hasTouchScreen}},h("slot",{key:"0fdf270bb2737933ba48a2181e98897de19f66ed"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-app"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],App.prototype,"createLogger",null);App.style=BalAppStyle0;export{App as bal_app};

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.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 BalBadgeStyle0=balBadgeCss;var Badge=function(){function a(a){registerInstance(this,a);this.icon=undefined;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 d=!!this.icon||this.size==="small";return h(Host,{key:"8fefcf48fb5ba2011faf11b6d5dee452080d3344",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:"582a5f522dd5c7fff3c373b4e85055d7b203aa20",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(l)),e.modifier("hidden").class(d)),"data-testid":"bal-badge-label"},h("slot",{key:"cb210bd83465da685b87be59d29195f96be0b584"})),this.size!=="small"?h("bal-icon",{class:Object.assign(Object.assign({},r.class()),r.modifier("hidden").class(!d)),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=BalBadgeStyle0;export{Badge as bal_badge};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.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 BalBadgeStyle0=balBadgeCss;var Badge=function(){function a(a){registerInstance(this,a);this.icon=undefined;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 d=!!this.icon||this.size==="small";return h(Host,{key:"0c065379dc9c282d71779193f357ddc2062009d9",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:"c23e1622df7a9fc30cd9f077be4bafcd1a80d6e0",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(l)),e.modifier("hidden").class(d)),"data-testid":"bal-badge-label"},h("slot",{key:"e01fa5ade4be45474abf0316f3a47b12776a2ae7"})),this.size!=="small"?h("bal-icon",{class:Object.assign(Object.assign({},r.class()),r.modifier("hidden").class(!d)),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=BalBadgeStyle0;export{Badge as bal_badge};

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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import{m as rOnLoad}from"./helpers-ae0db1dd.js";import{B as BEM}from"./bem-8c7d2eb0.js";import"./browser-a8073d92.js";import"./config.utils-6c4a6204.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 BalButtonStyle0=balButtonCss;var Button=function(){function t(t){var i=this;registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balDidRender=createEvent(this,"balDidRender",7);this.inheritAttributes={};this.onFocus=function(){i.balFocus.emit()};this.onBlur=function(){i.balBlur.emit()};this.onClick=function(t){if(i.href!==undefined){i.balNavigate.emit(t)}};this.isLargestContentPaintDone=false;this.color="primary";this.elementType="button";this.disabled=false;this.size="";this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;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.icon="";this.iconTurn=false;this.iconRight="";this.noWrap=false;this.name="";this.value="";this.aria=undefined}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"])};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,e,s,n;var a=this,o=a.elementType,r=a.download,l=a.href,u=a.rel,b=a.target,c=a.name,d=a.value;var f=this.href===undefined?"button":"a";var p=f==="button"?{type:o,name:c,value:d}:{download:r,href:l,rel:u,target:b};var m=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 g={title:((i=this.aria)===null||i===void 0?void 0:i.title)||this.inheritAttributes["title"],"aria-label":((e=this.aria)===null||e===void 0?void 0:e.label)||this.inheritAttributes["aria-label"]||((s=this.aria)===null||s===void 0?void 0:s.title)||this.inheritAttributes["title"],"aria-controls":((n=this.aria)===null||n===void 0?void 0:n.controls)||this.inheritAttributes["aria-controls"]};return h(Host,{onClick:this.handleClick,class:{"bal-button":true,control:true,"is-fullwidth":this.expanded,"is-disabled":this.disabled}},h(f,Object.assign({},p,this.inheritAttributes,{type:this.elementType,class:this.buttonCssClass,part:"native",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,"aria-disabled":this.disabled?"true":null,"data-testid":"bal-button"},g),this.isLargestContentPaintDone&&this.loading?h("bal-spinner",Object.assign({color:m(),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=BalButtonStyle0;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:"37a0df1c1011b201337d3a3838131fd4eec4ad52",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:"fc6667209c1ce56dee220bca313c1b894e49be62",class:(t={field:true,"is-grouped":true,"is-reverse":this.reverse},t["has-direction-".concat(this.direction)]=true,t)},h("slot",{key:"8187edbafa351fc0b57178bd826dd4d36fc56721"})))};return t}();export{Button as bal_button,ButtonGroup as bal_button_group};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{i as inheritAttributes}from"./attributes-a3e70948.js";import{a as ariaBooleanToString}from"./aria-ea150568.js";import{m as rOnLoad}from"./helpers-ae0db1dd.js";import{B as BEM}from"./bem-8c7d2eb0.js";import"./browser-a8073d92.js";import"./config.utils-6c4a6204.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 BalButtonStyle0=balButtonCss;var Button=function(){function t(t){var i=this;registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balDidRender=createEvent(this,"balDidRender",7);this.inheritAttributes={};this.onFocus=function(){i.balFocus.emit()};this.onBlur=function(){i.balBlur.emit()};this.onClick=function(t){if(i.href!==undefined){i.balNavigate.emit(t)}};this.isLargestContentPaintDone=false;this.color="primary";this.elementType="button";this.disabled=false;this.size="";this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;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.aria=undefined}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;var i;rOnLoad((function(){return t.isLargestContentPaintDone=true}));if(this.el.getAttribute("bal-popup")&&!((i=this.aria)===null||i===void 0?void 0:i.haspopup)){this.aria={haspopup:"true"}}};t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritAttributes(this.el,["title","aria-label","aria-controls","aria-hidden","tabindex","aria-haspopup"])};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,e,s,n,a;var o=this,r=o.elementType,l=o.download,u=o.href,b=o.rel,c=o.target,d=o.name,f=o.value;var p=this.href===undefined?"button":"a";var m=p==="button"?{type:r,name:d,value:f}:{download:l,href:u,rel:b,target:c};var v=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 g={title:((i=this.aria)===null||i===void 0?void 0:i.title)||this.inheritAttributes["title"],"aria-label":((e=this.aria)===null||e===void 0?void 0:e.label)||this.inheritAttributes["aria-label"]||((s=this.aria)===null||s===void 0?void 0:s.title)||this.inheritAttributes["title"],"aria-controls":((n=this.aria)===null||n===void 0?void 0:n.controls)||this.inheritAttributes["aria-controls"],"aria-haspopup":((a=this.aria)===null||a===void 0?void 0:a.haspopup)||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(p,Object.assign({},m,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"},g),this.isLargestContentPaintDone&&this.loading?h("bal-spinner",Object.assign({color:v(),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=BalButtonStyle0;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:"bd88bb4d967d745bdbbf825bd43bc3c75eea4f75",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:"3aaa6d2c14336ffb08469d00246169d72ed916dc",class:(t={field:true,"is-grouped":true,"is-reverse":this.reverse},t["has-direction-".concat(this.direction)]=true,t)},h("slot",{key:"8d980bc54adcae84174fecc1d331b37a2662ec0b"})))};return t}();export{Button as bal_button,ButtonGroup as bal_button_group};

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-8d2a7ce7.js";import{i as isEmpty}from"./index-db06fb0e.js";import"./_commonjsHelpers-1c8beb5f.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-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 BalCardStyle0=balCardCss;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:"7bc59c101e875eedda1f209d3eb2442ac00b4df5",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:"577a43d779ac88042185e9bf5d3eb61f663cebad"}))};return a}();Card.style=BalCardStyle0;var CardActions=function(){function a(a){registerInstance(this,a);this.position=""}a.prototype.render=function(){return h(Host,{key:"78f85e69ecf9184127533a57f8fb53793bf7f49e",class:"bal-card-actions"},h("bal-button-group",{key:"bee1def05a211bffb60f76b69a32cbd9e6d1a536",class:"m-none",position:this.position},h("slot",{key:"d62d486907ed3ef8bcd888464a0ddb32f2dfdcd3"})))};return a}();var CardButton=function(){function a(a){registerInstance(this,a);this.icon="";this.elementType="button";this.disabled=false;this.href=undefined;this.target="_self";this.iconRight="";this.loading=false}a.prototype.render=function(){return h(Host,{key:"a9a6233b6262d6160868017fd254d5a6ad2612ae",class:"bal-card-button"},h("bal-button",{key:"b7a5317e53b75f8d8bb4bbb8dd6ef56325c6676b",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:"9461aa5ace6d22d8c7dd6eff5495dfc4e3232506"})))};return a}();var CardContent=function(){function a(a){registerInstance(this,a)}a.prototype.render=function(){return h(Host,{key:"3d9b2511b8743f33efeb25ae05691964b938cbcc",class:"bal-card-content"},h("slot",{key:"2085fa6085da72981d7a5fb86eca8979b8d84076"}))};return a}();var CardSubtitle=function(){function a(a){registerInstance(this,a);this.inverted=false;this.bold=false;this.color=""}a.prototype.render=function(){return h(Host,{key:"3c1cf2160f9cca6e5d9b2ce60069a23bedcb590a",class:"bal-card-subtitle"},h("bal-text",{key:"22fab503a09f822fe30a6e06340312c3c080b6a4",bold:this.bold,space:"none",color:this.inverted?"white":this.color},h("slot",{key:"bb28c8fcbfec3ba10184721940a453b22b2b8865"})))};return a}();var CardTitle=function(){function a(a){registerInstance(this,a);this.inverted=false}a.prototype.render=function(){return h(Host,{key:"7e5021e2cf281b237676f401ca3109a6988b8edc",class:"bal-card-title"},h("bal-heading",{key:"b1a0badb897ba81b3fc25367cdd2155ee5bb7b43",level:"h3",space:"none",inverted:this.inverted},h("slot",{key:"8765c2c2485f4f1a885278070328136ec1402b1a"})))};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{r as registerInstance,h,H as Host}from"./index-8d2a7ce7.js";import{i as isEmpty}from"./index-db06fb0e.js";import"./_commonjsHelpers-1c8beb5f.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-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 BalCardStyle0=balCardCss;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:"60405d26b29d82993d5853b66126448c24da76de",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:"a196556a24c3847732c405aa7f811403b7b25474"}))};return a}();Card.style=BalCardStyle0;var CardActions=function(){function a(a){registerInstance(this,a);this.position=""}a.prototype.render=function(){return h(Host,{key:"0ddde50f0b230e34ec5808381cee4512b3c819cf",class:"bal-card-actions"},h("bal-button-group",{key:"55e2c1c888eb0a1c818565ae3d0e6d564a1320b1",class:"m-none",position:this.position},h("slot",{key:"c41d4ff9870e800acb34d11a0de30769f960ad02"})))};return a}();var CardButton=function(){function a(a){registerInstance(this,a);this.icon="";this.elementType="button";this.disabled=false;this.href=undefined;this.target="_self";this.iconRight="";this.loading=false}a.prototype.render=function(){return h(Host,{key:"e10a38993a05b081e6963578ca58394ffed6b85c",class:"bal-card-button"},h("bal-button",{key:"8d6a175f3ada4e3f3327cdb1bfc766ccef081a8a",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:"7c0dd79bcbafccfbdf696fe95b209a8343080ddc"})))};return a}();var CardContent=function(){function a(a){registerInstance(this,a)}a.prototype.render=function(){return h(Host,{key:"45545a634067cee8d1d28d05291d8cef0299d416",class:"bal-card-content"},h("slot",{key:"2d647c7e9bc7a95f9aa0f0d0b16fec7f6eb3383c"}))};return a}();var CardSubtitle=function(){function a(a){registerInstance(this,a);this.inverted=false;this.bold=false;this.color=""}a.prototype.render=function(){return h(Host,{key:"3926fde414f565f08d192a020366edf1757c6922",class:"bal-card-subtitle"},h("bal-text",{key:"a04132e568b034e371f6805e77dbcfe21d9e9489",bold:this.bold,space:"none",color:this.inverted?"white":this.color},h("slot",{key:"037e237cdaced982f0b3ba0074016aa4777ffbde"})))};return a}();var CardTitle=function(){function a(a){registerInstance(this,a);this.inverted=false}a.prototype.render=function(){return h(Host,{key:"b12a4f08d1a78e31aa306b20ee59a8826249b5b0",class:"bal-card-title"},h("bal-heading",{key:"a22c6af75f714e70f1efd36f0671a6e623a9ef31",level:"h3",space:"none",inverted:this.inverted},h("slot",{key:"11483681e586eac535db5244f4c85a87d0ddce42"})))};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{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{a as ariaBooleanToString}from"./aria-d5877698.js";import{t as toKebabCase,S as SwiperUtil}from"./swiper.util-a4c7d0f9.js";import{s as stopEventBubbling}from"./form-input-3856ed2a.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-fbc04097.js";import{L as ListenToMutation}from"./mutation.decorator-f4254690.js";import{L as ListenToSwipe}from"./swipe.decorator-47bde191.js";import{L as ListenToResize}from"./resize.decorator-d4cbf627.js";import{b as balBreakpoints}from"./breakpoints.subject-336f3c8b.js";import{d as defaultConfig}from"./config.default-75703209.js";import{L as ListenToVisibility}from"./visibility.decorator-28c2d364.js";import{L as ListenToConfig}from"./config.decorator-09912ddf.js";import{m as rOnLoad,b as waitAfterFramePaint}from"./helpers-ae0db1dd.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import"./keyboard.helpers-159e517d.js";import"./listener-04842ae9.js";import"./browser-a8073d92.js";import"./swipe.subject-51271b9b.js";import"./device-8c6d2881.js";import"./tokens.esm-d6bf7bd8.js";import"./log-dfd1c19f.js";import"./config.utils-6c4a6204.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__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__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 BalCarouselStyle0=balCarouselCss;var Carousel=function(){function e(e){registerInstance(this,e);this.balChange=createEvent(this,"balChange",7);this.swiper=new SwiperUtil;this.swiperIsLastSlideVisible=false;this.mutationObserverActive=true;this.hasAnimated=false;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="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}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.onInterFaceChange=function(){this.swiper.gapSize=this.interface==="product"?16:0};e.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.onControlsChange();this.onInterFaceChange();this.onItemsPerViewChange();this.onStepsChange();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:"89263d584f6952e1e8b22c1158ab814f3d8d601e",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:"fb631d4a11c0e094c65e42fec8742cfe15b0bcf8",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:"793f837d4e6ae7e636fcf33a523c610e7639423d",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:"7786bb252ef257147b3a9b1f357587710d8d0d21"}),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"],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=BalCarouselStyle0;var CarouselItem=function(){function e(e){var t=this;registerInstance(this,e);this.balNavigate=createEvent(this,"balNavigate",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.imageInheritAttributes={};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()};this.isOnLoadEventDone=false;this.containerId="";this.src=undefined;this.label="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}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.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});return e}();export{Carousel as bal_carousel,CarouselItem as bal_carousel_item};
+import{__awaiter,__generator}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{a as ariaBooleanToString}from"./aria-ea150568.js";import{t as toKebabCase,S as SwiperUtil}from"./swiper.util-9564f1e8.js";import{s as stopEventBubbling}from"./form-input-3856ed2a.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-43a5539d.js";import{L as ListenToMutation}from"./mutation.decorator-f4254690.js";import{L as ListenToSwipe}from"./swipe.decorator-47bde191.js";import{L as ListenToResize}from"./resize.decorator-d4cbf627.js";import{b as balBreakpoints}from"./breakpoints.subject-41117dc4.js";import{d as defaultConfig}from"./config.default-75703209.js";import{L as ListenToVisibility}from"./visibility.decorator-28c2d364.js";import{L as ListenToConfig}from"./config.decorator-09912ddf.js";import{m as rOnLoad,b as waitAfterFramePaint}from"./helpers-ae0db1dd.js";import{i as inheritAttributes}from"./attributes-a3e70948.js";import"./keyboard.helpers-159e517d.js";import"./listener-04842ae9.js";import"./browser-a8073d92.js";import"./swipe.subject-51271b9b.js";import"./device-8c6d2881.js";import"./tokens.esm-376de6fe.js";import"./log-dfd1c19f.js";import"./config.utils-6c4a6204.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 BalCarouselStyle0=balCarouselCss;var Carousel=function(){function e(e){registerInstance(this,e);this.balChange=createEvent(this,"balChange",7);this.swiper=new SwiperUtil;this.swiperIsLastSlideVisible=false;this.mutationObserverActive=true;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}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:"045f46d215e6655af8a04cc992ccb0c0d2ace7b1",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:"9b3a26e262678685c62bfca9b47748312548b9ae",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:"3cd4f36061c3ea702ac26cad019e4b11e39f8750",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:"e45dad1eddb06ec65c8eceeccf67969fe92b24cb"}),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=BalCarouselStyle0;var CarouselItem=function(){function e(e){var t=this;registerInstance(this,e);this.balNavigate=createEvent(this,"balNavigate",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.imageInheritAttributes={};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()};this.isOnLoadEventDone=false;this.containerId="";this.src=undefined;this.label="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}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.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});return e}();export{Carousel as bal_carousel,CarouselItem as bal_carousel_item};

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

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{s as stopEventBubbling}from"./form-input-3856ed2a.js";import{L as Logger}from"./log-dfd1c19f.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{j as isDescendant}from"./helpers-ae0db1dd.js";import{B as BalElementStateListener,L as ListenToElementStates}from"./element-states.decorator-4567881f.js";import"./browser-a8073d92.js";import"./config.utils-6c4a6204.js";import"./listener-04842ae9.js";var balCheckboxButtonCss="@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}.bal-checkbox-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}";var BalCheckboxButtonStyle0=balCheckboxButtonCss;var CheckboxButton=function(){function e(e){var a=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balFormControlDidLoad=createEvent(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(e){if(a.disabled||a.readonly){return stopEventBubbling(e)}var o=e.target;if(o&&o.href){return}var r=a.el.querySelector("bal-checkbox");var c=e.target;if(r&&c){var b=c===r||isDescendant(r,c);if(!b){stopEventBubbling(e);r.click()}}};this.onFocus=function(e){var o;if(a.disabled||a.readonly){return stopEventBubbling(e)}var r=a.el.querySelector("bal-checkbox");var c=e.target;if(a.keyboardMode){a.focused=true}if(r&&c){var b=c===r||isDescendant(r,c);if(b){stopEventBubbling(e);(o=r.querySelector("input"))===null||o===void 0?void 0:o.focus()}}else{a.balFocus.emit()}};this.onBlur=function(e){var o;if(a.disabled||a.readonly){return stopEventBubbling(e)}var r=a.el.querySelector("bal-checkbox");var c=e.target;a.focused=false;if(r&&c){var b=c===r||isDescendant(r,c);if(b){stopEventBubbling(e);(o=r.querySelector("input"))===null||o===void 0?void 0:o.blur()}}else{a.balBlur.emit()}};this.onPointerDown=function(){return a.keyboardMode=false};this.onKeydown=function(e){return a.keyboardMode=FOCUS_KEYS.includes(e.key)};this.interactionState=BalElementStateListener.DefaultState;this.checked=false;this.focused=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.color=undefined;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidHandler=function(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.disabledHandler=function(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.readonlyHandler=function(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.connectedCallback=function(){this.triggerAllHandlers();this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){this.balFormControlDidLoad.emit(this.el)};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.elementStateListener=function(e){this.interactionChildElements.forEach((function(a){a.hovered=e.hovered;a.pressed=e.pressed}))};e.prototype.setChecked=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(a){this.checked=e;return[2]}))}))};Object.defineProperty(e.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))},enumerable:false,configurable:true});e.prototype.triggerAllHandlers=function(){this.disabledHandler();this.readonlyHandler();this.invalidHandler()};e.prototype.updateProps=function(e,a){var o=this[e];if(o!==undefined){this.notifyComponents(a,(function(a){return a[e]=o}))}};e.prototype.notifyComponents=function(e,a){var o=this.el.querySelectorAll(e.join(", "));o.forEach((function(e){return a(e)}))};e.prototype.render=function(){var e=BEM.block("checkbox-button");var a=!!this.disabled||!!this.readonly;var o=!!this.invalid;var r=!!this.color;var c=this.checked&&r;return h(Host,{key:"1cc87d4d87494ed93c669658d6b113ecdded148e",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("column-".concat(this.colSize)).class(this.colSize>1)),e.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.colSizeTablet>1)),e.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.colSizeMobile>1)),onClick:this.onClick},h("button",{key:"2875aff0c5511077bbbbf697e589ca2e9cba9861",role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("native").class()),e.element("native").modifier("disabled").class(a)),e.element("native").modifier("invalid").class(o)),e.element("native").modifier("checked").class(this.checked)),e.element("native").modifier("colored").class(c)),e.element("native").modifier("color-".concat(this.color)).class(r)),{"bal-focusable":!this.disabled}),disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},h("slot",{key:"e83b0706ab2f9d2c8f39b15a654159448921336a"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-checkbox-button"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],CheckboxButton.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],CheckboxButton.prototype,"elementStateListener",null);CheckboxButton.style=BalCheckboxButtonStyle0;export{CheckboxButton as bal_checkbox_button};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{s as stopEventBubbling}from"./form-input-3856ed2a.js";import{L as Logger}from"./log-dfd1c19f.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{j as isDescendant}from"./helpers-ae0db1dd.js";import{B as BalElementStateListener,L as ListenToElementStates}from"./element-states.decorator-4567881f.js";import"./browser-a8073d92.js";import"./config.utils-6c4a6204.js";import"./listener-04842ae9.js";var balCheckboxButtonCss="@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}.bal-checkbox-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}";var BalCheckboxButtonStyle0=balCheckboxButtonCss;var CheckboxButton=function(){function e(e){var a=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balFormControlDidLoad=createEvent(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(e){if(a.disabled||a.readonly){return stopEventBubbling(e)}var o=e.target;if(o&&o.href){return}var r=a.el.querySelector("bal-checkbox");var c=e.target;if(r&&c){var b=c===r||isDescendant(r,c);if(!b){stopEventBubbling(e);r.click()}}};this.onFocus=function(e){var o;if(a.disabled||a.readonly){return stopEventBubbling(e)}var r=a.el.querySelector("bal-checkbox");var c=e.target;if(a.keyboardMode){a.focused=true}if(r&&c){var b=c===r||isDescendant(r,c);if(b){stopEventBubbling(e);(o=r.querySelector("input"))===null||o===void 0?void 0:o.focus()}}else{a.balFocus.emit()}};this.onBlur=function(e){var o;if(a.disabled||a.readonly){return stopEventBubbling(e)}var r=a.el.querySelector("bal-checkbox");var c=e.target;a.focused=false;if(r&&c){var b=c===r||isDescendant(r,c);if(b){stopEventBubbling(e);(o=r.querySelector("input"))===null||o===void 0?void 0:o.blur()}}else{a.balBlur.emit()}};this.onPointerDown=function(){return a.keyboardMode=false};this.onKeydown=function(e){return a.keyboardMode=FOCUS_KEYS.includes(e.key)};this.interactionState=BalElementStateListener.DefaultState;this.checked=false;this.focused=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.color=undefined;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidHandler=function(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.disabledHandler=function(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.readonlyHandler=function(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.connectedCallback=function(){this.triggerAllHandlers();this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){this.balFormControlDidLoad.emit(this.el)};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.elementStateListener=function(e){this.interactionChildElements.forEach((function(a){a.hovered=e.hovered;a.pressed=e.pressed}))};e.prototype.setChecked=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(a){this.checked=e;return[2]}))}))};Object.defineProperty(e.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))},enumerable:false,configurable:true});e.prototype.triggerAllHandlers=function(){this.disabledHandler();this.readonlyHandler();this.invalidHandler()};e.prototype.updateProps=function(e,a){var o=this[e];if(o!==undefined){this.notifyComponents(a,(function(a){return a[e]=o}))}};e.prototype.notifyComponents=function(e,a){var o=this.el.querySelectorAll(e.join(", "));o.forEach((function(e){return a(e)}))};e.prototype.render=function(){var e=BEM.block("checkbox-button");var a=!!this.disabled||!!this.readonly;var o=!!this.invalid;var r=!!this.color;var c=this.checked&&r;return h(Host,{key:"df8642a22032a8ffd1a7c7db3e378027a1b926e8",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("column-".concat(this.colSize)).class(this.colSize>1)),e.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.colSizeTablet>1)),e.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.colSizeMobile>1)),onClick:this.onClick},h("button",{key:"9c6c1334a44190f5d6987c32ebf45be35ff00cf9",role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("native").class()),e.element("native").modifier("disabled").class(a)),e.element("native").modifier("invalid").class(o)),e.element("native").modifier("checked").class(this.checked)),e.element("native").modifier("colored").class(c)),e.element("native").modifier("color-".concat(this.color)).class(r)),{"bal-focusable":!this.disabled}),disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},h("slot",{key:"288d784a482e32dba9e4a46f1806ef35a51a76c0"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-checkbox-button"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],CheckboxButton.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],CheckboxButton.prototype,"elementStateListener",null);CheckboxButton.style=BalCheckboxButtonStyle0;export{CheckboxButton as bal_checkbox_button};