@baloise/ds-core 19.9.5 → 20.0.0-next.4

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

@@ -1 +0,0 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,c as createEvent,g as getElement}from"./index-BdVwMG9u.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balNoticesCss=".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices--container{-ms-flex-align:center !important;align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center;pointer-events:auto !important}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var Notices=function(){function a(a){registerInstance(this,a);this.animated=true;this.interface="toast";this.container=undefined}a.prototype.render=function(){var a;var t=BEM.block("notices");var e=t.element("inner");var r=this.interface==="toast"&&this.container!==undefined;return h(Host,{key:"83c73f66abe9dc3abf4181c43af09fc4ce7f3b7a",class:Object.assign(Object.assign(Object.assign({"bal-app":true},t.class()),t.modifier("container").class(r)),t.modifier("animated").class(this.animated))},h("div",{key:"f16cd17c52f0df45500e9be985fc099c5c134cf6",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class()),(a={container:r},a["is-".concat(this.container)]=r&&this.container!=="",a))},h("slot",{key:"bdf0fc55a2b9d63fed14821e8e83553394052ac2"})))};return a}();Notices.style=balNoticesCss;var balSnackbarCss=':root{--bal-snackbar-font-size:var(--bal-text-size-small);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-title-font-size:var(--bal-text-size-medium);--bal-snackbar-title-font-family:var(--bal-font-family-title);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:0 !important;flex-grow:0 !important;gap:.5rem;padding:var(--bal-space-medium) var(--bal-space-normal);border-radius:var(--bal-snackbar-radius);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:3.5rem;width:18rem}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar--color-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar--color-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar--color-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar--color-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar--color-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}.bal-snackbar__details{display:-ms-flexbox;display:flex;gap:1rem}.bal-snackbar__details__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.5rem}.bal-snackbar__details__icon--masked{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.bal-snackbar__details__icon--masked,.bal-snackbar__details__icon--color-primary{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-info{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-success{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-warning{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-danger{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__close{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:2rem}.bal-snackbar__details__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem}.bal-snackbar__details__content h2{font-family:var(--bal-snackbar-title-font-family);font-size:var(--bal-snackbar-title-font-size);font-weight:var(--bal-font-weight-bold);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-desktop)}}.bal-snackbar__details__content span{font-family:var(--bal-snackbar-font-family);font-size:var(--bal-snackbar-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-snackbar__button-wrapper{display:-ms-flexbox;display:flex}.bal-snackbar__button-wrapper .bal-button{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}';var Snackbar=function(){function a(a){var t=this;registerInstance(this,a);this.balClose=createEvent(this,"balClose");this.balAction=createEvent(this,"balAction");this.snackbarId="bal-snackbar-".concat(snackbarIds++);this.color="";this.duration=0;this.subject="";this.message="";this.icon="";this.action="";this.closeHandler=function(){return void 0};this.actionHandler=function(){return void 0};this.target="_self";this.onActionHandler=function(){t.balAction.emit(t.snackbarId);t.actionHandler()}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){clearTimeout(this.timer);this.balClose.emit(this.snackbarId);this.element.remove();this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("snackbar");var e=t.element("details");var r=t.element("button-wrapper");var s=this.snackbarId+"-subject";var i={};if(this.message!==undefined&&this.message!==""){i.innerHTML=this.message}var n=this.icon!==undefined&&this.icon!==null&&this.icon!=="";var o={info:"info-circle",primary:"info-circle",warning:"alert-triangle",danger:"alert-triangle",success:"check-circle"};var l=n?this.icon:o[this.color||"info"];return h(Host,{key:"b3915c5a567dc89a8ec7145a7ab98498ca97b66d",id:this.snackbarId,role:"alertdialog",class:Object.assign(Object.assign({},t.class()),t.modifier("color-".concat(this.color)).class(!!this.color)),"aria-labelledby":s},h("div",{key:"ae6759e051630b2c9fe51c7d24d931e30737376d",class:Object.assign({},e.class())},h("div",{key:"dfb41b163dfb1ec063576c487769102bd2c52c40","aria-hidden":"true",class:Object.assign(Object.assign(Object.assign({},e.element("icon").class()),e.element("icon").modifier("masked").class(!n)),e.element("icon").modifier("color-".concat(this.color)).class(!n))},n?h("bal-icon",{name:l,color:"primary",size:"medium"}):""),h("div",{key:"75a34eb777fbf3c9d8ffdc431a155183888fe5ad",class:Object.assign({},e.element("content").class())},h("h2",{key:"7aecaed230c536db0771eb4060a20f8d89b737fa",id:s},this.subject),h("span",Object.assign({key:"660cdb87938ee2d5e48bb103dbdb573deafbf088"},i),h("slot",{key:"8a9a874dca0cfce2771f4af4a356e7783d2efada"}),h("span",{key:"988af9ec4c07a0a07f82f0036931cd1dad15a13c",class:"hidden"}))),h("div",{key:"be82a69b4dc2f4e42ba9f55e7f7af403ce0136cd",class:Object.assign({},e.element("close").class())},h("bal-close",{key:"9b999204c4f1fbdb215161ae08ebec3c8ae21658",class:"bal-snackbar__close","data-testid":"bal-snackbar-close",onClick:function(){return a.close()}}))),this.action?h("div",{class:Object.assign({},r.class())},h("bal-button",{color:"info",size:"small",href:this.href,target:this.target,onClick:function(){return a.onActionHandler()},"data-testid":"bal-snackbar-action"},this.action)):"")};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var snackbarIds=0;Snackbar.style=balSnackbarCss;var balToastCss=':root{--bal-toast-font-size:var(--bal-text-size-small);--bal-toast-title-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-title-font-family:var(--bal-font-family-title);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary);--bal-toast-width:100%;--bal-toast-width-tablet:28.75rem;--bal-toast-width-desktop:30rem}.bal-toast{-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;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal);max-width:var(--bal-toast-width);width:var(--bal-toast-width)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:var(--bal-toast-width-tablet);width:var(--bal-toast-width-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:var(--bal-toast-width-desktop);width:var(--bal-toast-width-desktop)}}.bal-toast__inner--color-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--color-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--color-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--color-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--color-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}.bal-toast__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:.125rem;margin-left:2rem;margin-right:2.5rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--bal-toast-title-font-size);font-family:var(--bal-toast-font-family)}.bal-toast__label>strong,.bal-toast__label>b,.bal-toast__label>h2{font-family:var(--bal-toast-title-font-family);font-size:var(--bal-toast-title-font-size);line-height:var(--bal-text-line-height-title)}.bal-toast__label>span,.bal-toast__label>p{font-family:var(--bal-toast-font-family);font-size:var(--bal-toast-font-size);line-height:var(--bal-text-line-height-text)}.bal-toast__close.bal-close{position:absolute;top:1.8rem;right:1rem;margin-top:-0.75rem}.bal-toast__inner:before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-primary:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-info:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-toast__inner--color-success:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-toast__inner--color-warning:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-toast__inner--color-danger:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var Toast=function(){function a(a){registerInstance(this,a);this.balClose=createEvent(this,"balClose");this.toastId="bal-toast-".concat(toastIds++);this.color="";this.duration=0;this.closable=true;this.message="";this.closeHandler=function(){return void 0}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.element.remove();clearTimeout(this.timer);this.balClose.emit(this.toastId);this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("toast");var e=t.element("inner");var r=t.element("label");var s=t.element("close");return h(Host,{key:"46ad818112b1002e1a48a627eb714dec23aba2a5",id:this.toastId,class:Object.assign({},t.class())},h("div",{key:"e2db452a14a302ba7ed9ebbeb8a78e801a175998",role:"status",class:Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(!!this.color))},h("span",{key:"41331cb2609ece86bb59951cab9ec61b76b27c33",class:Object.assign({},r.class()),"data-testid":"bal-toast-label",innerHTML:this.message},h("slot",{key:"09572e31b7d8bcc5ec8f31e33df31cdca13a7355"})),this.closable!==false?h("bal-close",{class:Object.assign({},s.class()),onClick:function(){return a.close()},inverted:false,"data-testid":"bal-toast-close"}):""))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var toastIds=0;Toast.style=balToastCss;export{Notices as bal_notices,Snackbar as bal_snackbar,Toast as bal_toast};

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

@@ -1 +0,0 @@
-import{r as registerInstance,h,H as Host}from"./index-BdVwMG9u.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balNotificationCss=':root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-title-font-family:var(--bal-font-family-title);--bal-notification-title-font-size:var(--bal-text-size-medium);--bal-notification-title-font-size-tablet:var(--bal-text-size-medium-tablet);--bal-notification-title-font-size-desktop:var(--bal-text-size-medium-desktop);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-background-light:var(--bal-color-grey-1);--bal-notification-background-light-primary:var(--bal-color-purple-1);--bal-notification-background-light-info:var(--bal-color-info-1);--bal-notification-background-light-success:var(--bal-color-green-1);--bal-notification-background-light-warning:var(--bal-color-yellow-1);--bal-notification-background-light-danger:var(--bal-color-red-1);--bal-notification-border:var(--bal-color-grey-4);--bal-notification-border-primary:var(--bal-color-purple-3);--bal-notification-border-info:var(--bal-color-info-3);--bal-notification-border-success:var(--bal-color-green-5);--bal-notification-border-warning:var(--bal-color-yellow-4);--bal-notification-border-danger:var(--bal-color-red-4);--bal-notification-radius:var(--bal-radius-large);--bal-notification-light-radius:var(--bal-radius-normal);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem;position:relative;min-height:3.5rem;border-radius:var(--bal-notification-radius);font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification{padding:var(--bal-space-medium-desktop)}}.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-family:var(--bal-notification-title-font-family);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-notification-title-font-size);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-tablet)}}@media screen and (min-width: 1024px){.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-desktop)}}.bal-notification>span,.bal-notification>p{font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-notification--color-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification--color-primary-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification--color-info-light{border:2px solid var(--bal-notification-border-info);background:var(--bal-notification-background-light-info);color:var(--bal-notification-color-info);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification--color-danger-light{border:2px solid var(--bal-notification-border-danger);background:var(--bal-notification-background-light-danger);color:var(--bal-notification-color-danger);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification--color-warning-light{border:2px solid var(--bal-notification-border-warning);background:var(--bal-notification-background-light-warning);color:var(--bal-notification-color-warning);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}.bal-notification--color-success-light{border:2px solid var(--bal-notification-border-success);background:var(--bal-notification-background-light-success);color:var(--bal-notification-color-success);border-radius:var(--bal-notification-light-radius)}.bal-notification:not(.bal-notification--no-icon){padding-left:3rem}.bal-notification:not(.bal-notification--no-icon):before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1.5rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-primary:not(.bal-notification--no-icon):before,.bal-notification--color-primary-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-info:not(.bal-notification--no-icon):before,.bal-notification--color-info-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-notification--color-success:not(.bal-notification--no-icon):before,.bal-notification--color-success-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-notification--color-warning:not(.bal-notification--no-icon):before,.bal-notification--color-warning-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-notification--color-danger:not(.bal-notification--no-icon):before,.bal-notification--color-danger-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var Notification=function(){function i(i){registerInstance(this,i);this.color="";this.light=false;this.noIcon=false}i.prototype.render=function(){var i=BEM.block("notification");i.element("inner");return h(Host,{key:"25a9149c4bb693ebf3c1b1a863e72f7727b8d046",class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-icon").class(this.noIcon)),i.modifier("color-".concat(this.color).concat(this.light?"-light":"")).class(!!this.color)),i.modifier("color-light").class(!this.color&&this.light)),"data-testid":"bal-notification-content"},h("slot",{key:"6254964fe9f247d75cb102a80c7a251a233bf2d9"}))};return i}();Notification.style=balNotificationCss;export{Notification as bal_notification};

package/dist/esm-es5/bal-number-input.entry.js

@@ -1 +0,0 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{i as isEmpty}from"./index-dYcsHLfj.js";import{i as isNaN}from"./index-D6JOtC1P.js";import{i as isNil}from"./index-zWZxKBfo.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{f as inputHandleClick,i as inputHandleHostClick,a as inputHandleFocus,b as inputHandleBlur,e as inputHandleChange,k as getUpcomingValue,s as stopEventBubbling,h as inputListenOnClick,j as inputHandleReset,c as inputSetFocus,d as inputSetBlur}from"./form-input-DYvzaBlM.js";import{n as debounceEvent}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{g as getNegativeSymbol,a as getDecimalSeparator,b as getThousandSeparator,f as formatLocaleNumber}from"./number-DfnRcL0e.js";import{N as NUMBER_KEYS,A as ACTION_KEYS}from"./keys.constant-xVPGsAdF.js";import{d as defaultConfig}from"./config.default-RE8-gLMQ.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";function checkIfValueIsStringAndDoesNotHaveGermanFormat(t){return typeof t==="string"&&getThousandSeparator()!=="."}function isNumber(t){var e=parseFloat(t);return typeof e==="number"&&!isNaN(e)}function isNotNumber(t){return!isNumber(t)&&t!==""&&t!==getNegativeSymbol()&&t!==getDecimalSeparator()}function toNumber(t,e){if(e===void 0){e=0}var i=t;if(i===""||i===undefined||i===null||isNaN(i)||i===getNegativeSymbol()||i===getDecimalSeparator()||!isNumber(i)){return undefined}if(checkIfValueIsStringAndDoesNotHaveGermanFormat(i)){i=i.split(getThousandSeparator()).join("").split("`").join("").split("'").join("")}if(typeof i==="string"){i=i.replace(getDecimalSeparator(),".")}return e===0?parseInt(i,10):parseFloat(i)}function toFixedNumber(t,e){if(e===void 0){e=0}var i=t;if(isNil(i)){return""}if(checkIfValueIsStringAndDoesNotHaveGermanFormat(i)){i=i.split(getThousandSeparator()).join("").split("`").join("").split("'").join("")}if(i.charAt(0)===getDecimalSeparator()){i="0".concat(i)}var r=e===0?parseInt(i,10):parseFloat(i.replace(getDecimalSeparator(),"."));return isNaN(r)?"":r.toFixed(e)}function mapDecimalSeparator(t){return t.replace(".",getDecimalSeparator())}function toUserFormattedNumber(t,e,i){if(e===void 0){e=0}if(i===void 0){i=""}if(isNil(t)){return""}if(t.charAt(0)===getDecimalSeparator()){t="0".concat(t)}var r=e===0?parseInt(t,10):parseFloat(t);var a=i!==""?" ".concat(i.trim()):"";return isNaN(r)?"":formatLocaleNumber(r,e)+a}var countDecimalSeparators=function(t){return(t.split(getDecimalSeparator())||[]).length-1||0};function validateKeyDown(t){var e=t.key,i=t.ctrlKey,r=t.metaKey,a=t.selectionStart,n=t.selectionEnd,s=t.newValue,o=t.decimal,u=t.onlyPositive;if(["a","c","v"].includes(e)&&(i||r)){return true}if(e===getNegativeSymbol()){if(u){return false}else{if(a&&a>0&&n&&n>0){return false}}}if(e===getDecimalSeparator()){if(o===0){return false}else if(countDecimalSeparators(s)>1){return false}}if(!__spreadArray(__spreadArray(__spreadArray([],NUMBER_KEYS,true),ACTION_KEYS,true),[getDecimalSeparator(),getNegativeSymbol()],false).includes(e)){return false}if(o!==0&&s.includes(getDecimalSeparator())&&__spreadArray([],NUMBER_KEYS,true).includes(e)){var l=s.split(getDecimalSeparator());var f=l[l.length-1];if(f.length>o){return false}}return true}var balNumberInputCss=".bal-number-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}";var NumberInput=function(){function t(t){var e=this;registerInstance(this,t);this.balInput=createEvent(this,"balInput");this.balChange=createEvent(this,"balChange");this.balBlur=createEvent(this,"balBlur");this.balFocus=createEvent(this,"balFocus");this.balKeyPress=createEvent(this,"balKeyPress");this.inputId="bal-number-input-".concat(numberInputIds++);this.inheritedAttributes={};this.lastValue="";this.inputValue=this.value;this.initialValue=undefined;this.focused=false;this.language=defaultConfig.language;this.region=defaultConfig.region;this.ariaForm=defaultBalAriaForm;this.nativeInputValue="";this.inputPattern=this.createPattern();this.name=this.inputId;this.invalid=false;this.decimal=0;this.onlyPositive=false;this.required=false;this.disabled=false;this.readonly=false;this.exactNumber=false;this.debounce=0;this.value=undefined;this.autoInvalidOff=false;this.onClick=function(t){return inputHandleClick(e,t)};this.handleClick=function(t){return inputHandleHostClick(e,t)};this.onInput=function(t){var i;if(e.nativeInput){if(isNotNumber(e.nativeInput.value)){e.nativeInputValue=e.lastValue||"";return}}e.lastValue=((i=e.nativeInput)===null||i===void 0?void 0:i.value)||"";e.balInput.emit(toNumber(e.lastValue,e.decimal))};this.onFocus=function(t){inputHandleFocus(e,t);if(e.nativeInput){e.nativeInputValue=mapDecimalSeparator(e.lastValue||"");clearTimeout(e.selectTimeout);e.selectTimeout=setTimeout((function(){return e.nativeInput.select()}))}};this.onBlur=function(t){inputHandleBlur(e,t);if(e.nativeInput){e.lastValue=toFixedNumber(e.lastValueGetter,e.decimal);e.nativeInputValue=toUserFormattedNumber(e.lastValueGetter,e.decimal,e.suffix);e.nativeInput.value=e.nativeInputValue}e.inputValue=toNumber(e.lastValueGetter,e.decimal);inputHandleChange(e)};this.onKeydown=function(t){var i=getUpcomingValue(e,t);var r=t===null||t===void 0?void 0:t.target;if(r&&!validateKeyDown({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:e.decimal,newValue:i,selectionStart:r.selectionStart,selectionEnd:r.selectionEnd,onlyPositive:e.onlyPositive})){return stopEventBubbling(t)}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,e){var i=toNumber(t,this.decimal);if(i!==e){var r=i===""||isNil(i)||isNaN(i);var a=this.exactNumber?"0":"";var n=r?a:i.toString();this.inputValue=toNumber(toFixedNumber(n,this.decimal),this.decimal);this.lastValue=toFixedNumber(n,this.decimal);if(this.focused){this.nativeInputValue=mapDecimalSeparator(this.lastValue)}else{this.nativeInputValue=toUserFormattedNumber(this.lastValue,this.decimal,this.suffix)}}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||0;if(this.value!==undefined){this.valueChanged(this.value,undefined)}};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};t.prototype.listenOnClick=function(t){inputListenOnClick(this,t)};t.prototype.resetHandler=function(t){var e=t.target;if(e===null||e===void 0?void 0:e.contains(this.el)){inputHandleReset(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;this.region=t.region;this.inputPattern=this.createPattern();if(this.nativeInput){if(this.focused){this.nativeInputValue=mapDecimalSeparator(this.lastValue)}else{this.nativeInputValue=toUserFormattedNumber(this.lastValue,this.decimal,this.suffix)}}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetFocus(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetBlur(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.createPattern=function(){if(this.pattern){return this.pattern}var t=this.suffix||"";if(t!==""){t=" ".concat(t)}var e=getThousandSeparator();var i=getDecimalSeparator();if(i===","){i="\\,"}var r="-";if(this.onlyPositive){r=""}return"".concat(r,"?\\d{1,3}(?:").concat(e,"\\d{3})*(?:\\").concat(i,"\\d{1,2})?(?:").concat(t,")?")};Object.defineProperty(t.prototype,"lastValueGetter",{get:function(){if(this.exactNumber&&(isNil(this.lastValue)||isEmpty(this.lastValue))){return"0"}return this.lastValue},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var e=BEM.block("number-input");return h(Host,{key:"dfe0471d58775e45f8f20a611b1daa12c46c1fbb",onClick:this.handleClick,"aria-disabled":ariaBooleanToString(this.disabled),class:Object.assign({},e.class())},h("input",Object.assign({key:"bfd1c5515ae11030d1efa3f135cc0e2ba53f3bc0",class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:function(e){return t.nativeInput=e},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":ariaBooleanToString(this.disabled),name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:function(e){return t.onInput(e)},onFocus:function(e){return t.onFocus(e)},onBlur:function(e){return t.onBlur(e)},onClick:this.onClick,onKeyDown:function(e){return t.onKeydown(e)},onKeyPress:function(e){return t.balKeyPress.emit(e)}},this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-number-input"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NumberInput.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],NumberInput.prototype,"configChanged",null);var numberInputIds=0;NumberInput.style=balNumberInputCss;export{NumberInput as bal_number_input};

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

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

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

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

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

@@ -1 +0,0 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{m as raf}from"./helpers-BNj87EbG.js";import{b as balBreakpoints}from"./breakpoints.subject-PxavGndB.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-DwhK_t2m.js";import{L as ListenToWindowResize}from"./window-resize.decorator-DiNYHJee.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";import"./device-TtMibDFL.js";import"./listener-CClDIhvK.js";import"./tokens.esm-Dk6PruGq.js";var balProgressBarCss=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";var ProgressBar=function(){function r(r){registerInstance(this,r);this.animated=true;this.isTouch=balBreakpoints.isTouch;this.value=0;this.background="white";this.color="primary"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.windowResizeListener=function(){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){var r=this;if(this.lineEl){raf((function(){var e=r.el.clientWidth;var a=Math.max(0,Math.min(100,r.value));var o=e/100*a;r.lineEl.style.width="".concat(o,"px");if(a===100){r.lineEl.classList.add("bal-progress-bar__line--full")}else{r.lineEl.classList.remove("bal-progress-bar__line--full")}}))}};r.prototype.render=function(){var r=this;var e=BEM.block("progress-bar");var a=e.element("line");return h(Host,{key:"3560c076e654839526d357edec7f7d605793d9b0","aria-hidden":"true",class:Object.assign(Object.assign({},e.class()),e.modifier("background-".concat(this.background,"-of-").concat(this.color)).class())},h("div",{key:"d89c4e6cf2d0c12abd70696606c47f03de988889",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("color-".concat(this.color)).class()),a.modifier("animated").class(this.animated)),ref:function(e){return r.lineEl=e}}))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"windowResizeListener",null);ProgressBar.style=balProgressBarCss;export{ProgressBar as bal_progress_bar};

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

@@ -1 +0,0 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{i as isSpaceKey}from"./index.esm-Btc0yydR.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{F as FOCUS_KEYS}from"./focus-visible-DqCbGYzv.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling,c as inputSetFocus,d as inputSetBlur}from"./form-input-DYvzaBlM.js";import{i as isDescendant,v as hasTagName}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{L as ListenToElementStates}from"./element-states.decorator-B68ANq1p.js";import{L as ListenToFocus}from"./focus.decorator-C1s3OoqI.js";import{L as ListenToMutation}from"./mutation.decorator-DhVeNnnY.js";import"./index-zWZxKBfo.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";import"./index-BU7FUSdu.js";import"./index-D6JOtC1P.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";import"./listener-CClDIhvK.js";var balRadioCss="@media (hover: hover)and (pointer: fine){.bal-radio.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-symbol-size:1.5rem;--bal-radio-symbol-border-width:2px;--bal-radio-symbol-background:transparent;--bal-radio-label-min-height:1.5rem;--bal-radio-button-background-hover:var(--bal-color-grey-2);--bal-radio-button-background-active:var(--bal-color-grey-2);--bal-radio-button-background-checked:var(--bal-color-primary);--bal-radio-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-button-background-invalid:var(--bal-color-danger-1);--bal-radio-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-background:transparent;--bal-radio-button-background-checked-green:var(--bal-color-green-1);--bal-radio-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-button-background-checked-red:var(--bal-color-red-1);--bal-radio-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-button-background-disabled:var(--bal-color-grey-1);--bal-radio-button-background-hover:var(--bal-color-grey-1);--bal-radio-button-border-color:var(--bal-color-primary);--bal-radio-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-button-border-color-active:var(--bal-color-primary-6);--bal-radio-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-tile-background:transparent;--bal-radio-tile-background-hover:var(--bal-color-grey-1);--bal-radio-tile-background-disabled:var(--bal-color-grey-1);--bal-radio-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-tile-background-invalid-active:var(--bal-color-danger-1);--bal-radio-tile-background-checked-green:var(--bal-color-green-1);--bal-radio-tile-background-checked-purple:var(--bal-color-purple-1);--bal-radio-tile-background-checked-red:var(--bal-color-red-1);--bal-radio-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-tile-border-style:var(--bal-form-field-control-border-style);--bal-radio-tile-border-radius:var(--bal-form-field-control-radius);--bal-radio-tile-border-width:var(--bal-form-field-control-border-width);--bal-radio-tile-padding:var(--bal-text-size-medium);--bal-radio-tile-border-color:var(--bal-color-border);--bal-radio-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-tile-border-color-checked:var(--bal-color-border-primary);--bal-radio-tile-border-color-invalid:var(--bal-color-border-danger);--bal-radio-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-radio{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-radio-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-radio .bal-radio__label{cursor:pointer}.bal-radio--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio.bal-radio--flat{min-height:var(--bal-radio-symbol-size)}.bal-radio:not(.bal-radio--flat){min-height:3rem}.bal-radio--invalid{color:var(--bal-form-field-label-danger-color)}.bal-radio--disabled,.bal-radio--disabled .bal-radio__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-radio__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-radio__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-radio__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-radio__label__text--hidden{display:none}.bal-radio__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-radio--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-button-border-color)}.bal-radio--button.bal-radio--checked{background:var(--bal-radio-button-background-checked);color:var(--bal-color-white)}.bal-radio--button.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-radio--button.bal-radio--invalid.bal-radio--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-radio--button.bal-radio--disabled .bal-radio__label__text{color:var(--bal-color-text-grey)}.bal-radio--button.bal-radio--disabled.bal-radio--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-white)}.bal-radio--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-radio-tile-background);border-style:var(--bal-radio-tile-border-style);border-radius:var(--bal-radio-tile-border-radius);border-width:var(--bal-radio-tile-border-width);border-color:var(--bal-radio-tile-border-color);padding:var(--bal-radio-tile-padding)}.bal-radio--tile .bal-radio__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-radio--tile.bal-radio--checked{border-color:var(--bal-radio-tile-border-color-checked)}.bal-radio--tile.bal-radio--invalid{border-color:var(--bal-radio-tile-border-color-invalid)}.bal-radio--tile.bal-radio--disabled{background:var(--bal-radio-tile-background-disabled);border-color:var(--bal-radio-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-hover)}}.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-radio-tile-background-invalid-hover);border-color:var(--bal-radio-tile-border-color-invalid-hover)}}.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-radio-tile-background-invalid-active);border-color:var(--bal-radio-tile-border-color-invalid-active)}.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-green)}.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-red)}.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-purple)}.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}";var Radio=function(){function a(a){var r=this;registerInstance(this,a);this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balChange=createEvent(this,"balChange");this.inputId="bal-rb-".concat(radioIds++);this.inheritedAttributes={};this.keyboardMode=true;this.wasFocused=false;this.checked=false;this.focused=false;this.ariaForm=defaultBalAriaForm;this.outerElementState={hovered:false,pressed:false};this.innerElementState={hovered:false,pressed:false};this.mergedElementState={hovered:false,pressed:false};this.name=this.inputId;this.label="";this.labelHidden=false;this.flat=false;this.interface="radio";this.disabled=false;this.readonly=false;this.required=false;this.nonSubmit=false;this.invalid=false;this.hovered=false;this.pressed=false;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1;this.setChecked=function(a){r.checked=a;r.balChange.emit(r.checked)};this.toggleChecked=function(a){a.preventDefault();r.setFocus();r.checked=true;r.setChecked(r.checked)};this.onClick=function(a){if(r.disabled){return}var o=a.target;if(o.href){return}if(r.wasFocused){r.focused=true}r.toggleChecked(a)};this.onFocus=function(a){if(r.disabled||r.readonly){r.focused=false;return stopEventBubbling(a)}r.balFocus.emit(a);if(r.keyboardMode){r.focused=true;r.wasFocused=true}};this.onBlur=function(a){if(r.disabled||r.readonly){return stopEventBubbling(a)}r.balBlur.emit(a);r.focused=false};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(a){if(!isSpaceKey(a)){r.wasFocused=false}r.keyboardMode=FOCUS_KEYS.includes(a.key)}}a.prototype.createLogger=function(a){this.log=a};a.prototype.hoveredChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.pressedChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.connectedCallback=function(){this.hoveredChanged();if(this.value===undefined){this.value=this.inputId}if(this.group){this.updateState();this.group.addEventListener("balChange",this.updateState)}this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};a.prototype.componentWillRender=function(){var a=this;this.interactionChildElements.forEach((function(r){r.disabled=a.disabled||a.readonly;r.invalid=a.invalid;r.checked=a.checked}))};a.prototype.disconnectedCallback=function(){if(this.group){this.group.removeEventListener("balChange",this.updateState)}this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.listenOnClick=function(a){if((this.disabled||this.readonly)&&a.target&&(a.target===this.el||isDescendant(this.el,a.target))){stopEventBubbling(a)}};a.prototype.elementStateListener=function(a){this.outerElementState=a;this.mergeElementState()};a.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){inputSetFocus(this);return[2]}))}))};a.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){inputSetBlur(this);return[2]}))}))};a.prototype.setButtonTabindex=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.buttonTabindex=a;return[2]}))}))};a.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,Promise.resolve(this.nativeInput)]}))}))};a.prototype.getOption=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,this.option]}))}))};a.prototype.updateState=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(r){if(this.group){a=this.group.value===this.value;if(a!==this.checked){this.checked=a}}return[2]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};Object.defineProperty(a.prototype,"group",{get:function(){return this.el.closest("bal-radio-group")},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-radio-icon, bal-icon"))},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"option",{get:function(){return{name:this.name,value:this.value,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}},enumerable:false,configurable:true});a.prototype.mergeElementState=function(){var a=this;this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed};this.interactionChildElements.forEach((function(r){r.hovered=a.mergedElementState.hovered;r.pressed=a.mergedElementState.pressed}))};a.prototype.render=function(){var a=this;var r=BEM.block("radio");var o=r.element("input");var i=r.element("label");var e=i.element("text");var l=i.element("icon");var d=this.focused&&this.buttonTabindex!==-1;var t=typeof this.value==="boolean"?JSON.stringify(this.value):this.value;var n=!this.nonSubmit;var b=this.ariaForm.controlId||this.inputId;var c=this.ariaForm.labelId||null;var s=n?"label":"span";var v=this.inheritedAttributes;if(this.buttonTabindex!==undefined){v.tabIndex=this.buttonTabindex}if(this.labelHidden){v["aria-labelledby"]=c}return h(Host,{key:"faa44091416d0505e2d84a792bd49f5eab82f897","aria-checked":"".concat(this.checked),"aria-disabled":ariaBooleanToString(this.disabled),"aria-invalid":this.invalid===true?"true":"false","aria-hidden":this.disabled?"true":null,"aria-focused":d?"true":null,"aria-labelledby":c,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":d},r.class()),r.modifier("button").class(this.interface==="button")),r.modifier("tile").class(this.interface==="tile")),r.modifier("tile-color-".concat(this.color)).class(this.interface==="tile"&&!!this.color)),r.modifier("invalid").class(this.invalid)),r.modifier("checked").class(this.checked)),r.modifier("flat").class(this.flat)),r.modifier("disabled").class(this.disabled||this.readonly)),r.modifier("hovered").class(this.hovered)),r.modifier("pressed").class(this.pressed)),r.modifier("column-".concat(this.colSize)).class(this.interface==="tile"&&this.colSize>1)),r.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.interface==="tile"&&this.colSizeTablet>1)),r.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.interface==="tile"&&this.colSizeMobile>1)),onClick:this.onClick},h(s,{key:"3588b099302b821eccd777ae3149744f53a97834",class:Object.assign({},i.class()),"data-testid":"bal-radio-label"},n?h("input",Object.assign({id:b,type:"radio","data-testid":"bal-radio-input",name:this.name,value:t,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},o.class()),"aria-hidden":ariaBooleanToString(this.nonSubmit),"aria-invalid":this.invalid===true?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:function(r){return a.toggleChecked(r)},onFocus:function(r){return a.onFocus(r)},onBlur:function(r){return a.onBlur(r)},ref:function(r){return a.nativeInput=r}},v)):"",this.interface!=="tile"?h("div",{class:Object.assign({},l.class())},h("bal-radio-icon",{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:this.interface==="button"&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",h("div",{key:"599fda9c376491dcb156c0b3fa8ecd41353027a8",class:Object.assign(Object.assign({},e.class()),e.modifier("hidden").class(this.labelHidden))},h("slot",{key:"752d10816299c2f7840ae907b426501a76ae8d23"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Radio.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Radio.prototype,"elementStateListener",null);var radioIds=0;Radio.style=balRadioCss;var balRadioGroupCss=".bal-radio-group{display:inline-block;position:relative;width:100%}.bal-radio-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-group__inner--expanded .bal-radio{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-group__inner--expanded .bal-radio{width:100%}}.bal-radio-group__inner--button.bal-radio-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";var RadioGroup=function(){function a(a){var r=this;registerInstance(this,a);this.balChange=createEvent(this,"balChange");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.inputId="bal-rg-".concat(radioGroupIds++);this.inheritedAttributes={};this.ariaForm=defaultBalAriaForm;this.interface=undefined;this.allowEmptySelection=false;this.name=this.inputId;this.vertical=false;this.verticalOnMobile=false;this.expanded=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.columns=1;this.columnsTablet=1;this.columnsMobile=1;this.autoInvalidOff=false;this.hasFocus=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(a){this.setRadioTabindex(this.value);this.setRadioChecked();return[2]}))}))};this.setRadioTabindex=function(a){var o=r.getRadios();var i=o.find((function(a){return!a.disabled}));var e=o.find((function(r){return r.value===a&&!r.disabled}));if(!i&&!e){return}var l=e||i;for(var d=0,t=o;d<t.length;d++){var n=t[d];var b=n===l?0:-1;n.setButtonTabindex(b)}};this.onClick=function(a){var o=a.target;if(o.href){return}a.preventDefault();var i=a.target&&a.target.closest("bal-radio");if(i&&!i.disabled&&!i.readonly){var e=r.value;var l=i.value;if(l!==e){r.value=l}else if(r.allowEmptySelection){r.value=undefined}r.balChange.emit(r.value)}}}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};a.prototype.invalidChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.invalid=a}))}};a.prototype.disabledChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.disabled=a}))}};a.prototype.readonlyChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.readonly=a}))}};a.prototype.valueChanged=function(){this.onOptionChange()};a.prototype.columnsChanged=function(a){this.getRadios().forEach((function(r){return r.colSize=a}))};a.prototype.columnsTabletChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeTablet=a}))};a.prototype.columnsMobileChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeMobile=a}))};a.prototype.connectedCallback=function(){this.initialValue=this.value;this.mutationObserverActive=this.options===undefined};a.prototype.componentWillLoad=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange();this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};a.prototype.focusInListener=function(a){this.balFocus.emit(a)};a.prototype.focusOutListener=function(a){this.balBlur.emit(a)};a.prototype.mutationListener=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};a.prototype.listenOnClick=function(a){if(isDescendant(this.el,a.target)){stopEventBubbling(a)}};a.prototype.radioFocusListener=function(a){var r=a.target;if(r&&isDescendant(this.el,r)&&hasTagName(r,"bal-radio")){stopEventBubbling(a)}};a.prototype.radioBlurListener=function(a){var r=a.target;if(r&&isDescendant(this.el,r)&&hasTagName(r,"bal-radio")){stopEventBubbling(a)}};a.prototype.resetListener=function(a){var r=a.target;if(r===null||r===void 0?void 0:r.contains(this.el)){this.value=this.initialValue}};a.prototype.onKeydown=function(a){if(a.target&&!this.el.contains(a.target)){return}var r=this.getRadios().filter((function(a){return!a.disabled}));var o=a.target.closest("bal-radio");if(o&&r.includes(o)){var i=r.findIndex((function(a){return a===o}));var e=r[i];var l=void 0;if(["ArrowDown","ArrowRight"].includes(a.code)){l=i===r.length-1?r[0]:r[i+1]}if(["ArrowUp","ArrowLeft"].includes(a.code)){l=i===0?r[r.length-1]:r[i-1]}if(l&&r.includes(l)){l.setFocus(a);this.value=l.value;this.balChange.emit(this.value)}if(["Space"].includes(a.code)){this.value=this.allowEmptySelection&&this.value!==undefined?undefined:e.value;this.balChange.emit(this.value);a.preventDefault()}}};a.prototype.setValue=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=a;return[2]}))}))};a.prototype.getOptionByValue=function(a){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(o){r=this.options;if(r){return[2,r.find((function(r){return r.value===a}))]}return[2,undefined]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};a.prototype.setRadioInterface=function(){var a=this;this.getRadios().forEach((function(r){if(a.interface){r.interface=a.interface}}))};a.prototype.setRadioChecked=function(){this.getRadios().forEach((function(a){if(a.updateState){a.updateState()}}))};a.prototype.getRadios=function(){return Array.from(this.el.querySelectorAll("bal-radio"))};a.prototype.render=function(){var a=this;var r=BEM.block("radio-group");var o=r.element("inner");var i=this.options||[];var e=i.map((function(a){if(typeof a.html==="function"){return Object.assign(Object.assign({},a),{html:a.html()})}return a}));return h(Host,Object.assign({class:Object.assign({},r.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":ariaBooleanToString(this.disabled),onClick:this.onClick},this.inheritedAttributes),h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("vertical-mobile").class(this.verticalOnMobile)),o.modifier("vertical").class(this.vertical)),o.modifier("expanded").class(this.expanded)),o.modifier("button").class(this.interface==="button"))},h("slot",null),e.map((function(r){return h("bal-radio",{key:r.value,name:r.name||a.name,value:r.value,labelHidden:r.labelHidden,flat:r.flat,interface:r.interface,disabled:r.disabled,readonly:r.readonly,required:r.required,nonSubmit:!!r.nonSubmit,invalid:r.invalid,innerHTML:r.html})}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"focusOutListener",null);__decorate([ListenToMutation({tags:["bal-radio-group","bal-radio"],attributes:false,characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"mutationListener",null);var radioGroupIds=0;RadioGroup.style=balRadioGroupCss;var balRadioIconCss=':root{--bal-radio-icon-size:1.5rem;--bal-radio-icon-border-width:2px;--bal-radio-icon-border-radius:var(--bal-radius-rounded);--bal-radio-icon-inner-width:0.375rem;--bal-radio-icon-inner-height:0.375rem;--bal-radio-icon-inner-background-checked:white;--bal-radio-icon-color-inverted:var(--bal-color-white);--bal-radio-icon-border-color:var(--bal-color-primary);--bal-radio-icon-border-color-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-border-color-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-border-color-checked:var(--bal-color-primary);--bal-radio-icon-border-color-checked-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-border-color-checked-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-background:transparent;--bal-radio-icon-background-hovered:var(--bal-color-grey-2);--bal-radio-icon-background-pressed:var(--bal-color-grey-2);--bal-radio-icon-background-checked:var(--bal-color-primary);--bal-radio-icon-background-checked-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-background-checked-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-border-color-invalid:var(--bal-color-border-danger);--bal-radio-icon-border-color-invalid-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-border-color-invalid-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-icon-border-color-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-border-color-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-background-invalid:transparent;--bal-radio-icon-background-invalid-hovered:var(--bal-color-danger-1);--bal-radio-icon-background-invalid-pressed:var(--bal-color-danger-1);--bal-radio-icon-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-icon-background-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-background-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-background-disabled:var(--bal-color-grey-2);--bal-radio-icon-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-icon-background-checked-disabled:var(--bal-color-border-grey-dark);--bal-radio-icon-border-color-checked-disabled:var(--bal-color-border-grey-dark)}.bal-radio-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--bal-radio-icon-size);max-width:var(--bal-radio-icon-size);height:var(--bal-radio-icon-size);max-height:var(--bal-radio-icon-size);border-radius:var(--bal-radio-icon-border-radius);overflow:hidden;border:var(--bal-radio-icon-border-width) solid var(--bal-radio-icon-border-color);background-color:var(--bal-radio-icon-background)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--hovered,.bal-radio-icon:hover{background:var(--bal-radio-icon-background-hovered);border-color:var(--bal-radio-icon-border-color-hovered)}}.bal-radio-icon--pressed,.bal-radio-icon:active{background:var(--bal-radio-icon-background-pressed);border-color:var(--bal-radio-icon-border-color-pressed)}.bal-radio-icon:after{display:block;content:"";background-color:rgba(0,0,0,0);border-radius:var(--bal-radio-icon-border-radius);width:var(--bal-radio-icon-inner-width, 0.375rem);height:var(--bal-radio-icon-inner-height, 0.375rem)}.bal-radio-icon bal-icon{opacity:0}.bal-radio-icon--checked:after{background-color:var(--bal-radio-icon-inner-background-checked)}.bal-radio-icon--checked{background-color:var(--bal-radio-icon-background-checked);border-color:var(--bal-radio-icon-border-color-checked)}.bal-radio-icon--checked bal-icon{opacity:1}@media (hover: hover)and (pointer: fine){.bal-radio-icon--checked.bal-radio-icon--hovered,.bal-radio-icon--checked:hover{background:var(--bal-radio-icon-background-checked-hovered);border-color:var(--bal-radio-icon-border-color-checked-hovered)}}.bal-radio-icon--checked.bal-radio-icon--pressed,.bal-radio-icon--checked:active{background:var(--bal-radio-icon-background-checked-pressed);border-color:var(--bal-radio-icon-border-color-checked-pressed)}.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted)}.bal-radio-icon--invalid{border-color:var(--bal-radio-icon-border-color-invalid);background-color:var(--bal-radio-icon-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--invalid.bal-radio-icon--hovered,.bal-radio-icon--invalid:hover{background-color:var(--bal-radio-icon-background-invalid-hovered);border-color:var(--bal-radio-icon-border-color-invalid-hovered)}}.bal-radio-icon--invalid.bal-radio-icon--pressed,.bal-radio-icon--invalid:active{background-color:var(--bal-radio-icon-background-invalid-pressed);border-color:var(--bal-radio-icon-border-color-invalid-pressed)}.bal-radio-icon--invalid.bal-radio-icon--checked{border-color:var(--bal-radio-icon-border-color-invalid);background:var(--bal-radio-icon-background-invalid-checked)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--hovered,.bal-radio-icon--invalid.bal-radio-icon--checked:hover{background-color:var(--bal-radio-icon-background-invalid-checked-hovered);border-color:var(--bal-radio-icon-border-color-invalid-hovered)}}.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--pressed,.bal-radio-icon--invalid.bal-radio-icon--checked:active{background-color:var(--bal-radio-icon-background-invalid-checked-pressed);border-color:var(--bal-radio-icon-border-color-invalid-pressed)}.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted)}.bal-radio-icon--disabled{cursor:default !important;background:var(--bal-radio-icon-background-disabled) !important;border-color:var(--bal-radio-icon-border-color-disabled) !important}.bal-radio-icon--disabled.bal-radio-icon--checked{background-color:var(--bal-radio-icon-background-checked-disabled) !important;border-color:var(--bal-radio-icon-border-color-checked-disabled) !important}.bal-radio-icon--disabled.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted) !important}';var RadioIcon=function(){function a(a){registerInstance(this,a);this.checked=false;this.invalid=undefined;this.disabled=undefined;this.inverted=undefined;this.hovered=false;this.pressed=false}a.prototype.render=function(){var a=BEM.block("radio-icon");var r=!!this.checked;var o=!!this.disabled;var i=!!this.invalid;var e=!!this.inverted;return h(Host,{key:"161bc840e553656a11a4f6c9aaedfa554dcdcf01",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("checked").class(r)),a.modifier("disabled").class(o)),a.modifier("invalid").class(i)),a.modifier("inverted").class(e)),a.modifier("hovered").class(this.hovered)),a.modifier("pressed").class(this.pressed))})};return a}();RadioIcon.style=balRadioIconCss;export{Radio as bal_radio,RadioGroup as bal_radio_group,RadioIcon as bal_radio_icon};

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

@@ -1 +0,0 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,w as writeTask,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{F as FOCUS_KEYS}from"./focus-visible-DqCbGYzv.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{m as raf,o as addEventListener,p as removeEventListener}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{i as isSpaceKey,a as isEnterKey,b as isArrowUpKey,c as isArrowLeftKey,d as isArrowDownKey,e as isArrowRightKey,f as isHomeKey,g as isEndKey}from"./keyboard.helpers-BERg8BNc.js";import{L as ListenToFocus}from"./focus.decorator-C1s3OoqI.js";import{L as ListenToAnimation}from"./animation.decorator-zbSqKhw6.js";import{L as ListenToVisibility}from"./visibility.decorator-zTjPC2du.js";import{L as ListenToWindowResize}from"./window-resize.decorator-DiNYHJee.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-DwhK_t2m.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";import"./listener-CClDIhvK.js";import"./breakpoints.subject-PxavGndB.js";import"./device-TtMibDFL.js";import"./tokens.esm-Dk6PruGq.js";var balSegmentCss=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var Segment=function(){function e(e){var t=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balChange=createEvent(this,"balChange");this.balSelect=createEvent(this,"balSelect");this.balVertical=createEvent(this,"balVertical");this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=defaultBalAriaForm;this.invalid=false;this.autoInvalidOff=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.hasFocus=false;this.getSegmentItem=function(e){var i,a;var n=t.allItems.filter((function(e){return!e.disabled}));var r=n.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return n[r];case"first":return n[0];case"last":return n[n.length-1];case"next":return(i=n[r+1])!==null&&i!==void 0?i:n[0];case"previous":return(a=n[r-1])!==null&&a!==void 0?a:n[n.length-1];default:return null}};this.onPointerDown=function(){t.keyboardMode=false};this.onSlottedItemsChange=function(){t.valueChanged(t.value);t.defineWidth()};this.onClick=function(e){if(t.disabled){return}var i=e.target;var a=t.checked;if(i.tagName==="BAL-SEGMENT"){return}if(i&&i.setFocus){i.setFocus()}if(a){t.checkButton(a,i)}else{t.setCheckedClasses();t.checkButton(i,i)}if(i!==a){t.emitValueChange()}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidChanged=function(){var e=this;this.allItems.map((function(t){return t.invalid=e.invalid}))};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e);this.setCheckedClasses()};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.animationListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.visibilityListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=FOCUS_KEYS.includes(e.key);var t=false;var i;if(isSpaceKey(e)||isEnterKey(e)){stopEventBubbling(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(isArrowUpKey(e)||isArrowLeftKey(e)){stopEventBubbling(e);i=this.getSegmentItem("previous")}else if(isArrowDownKey(e)||isArrowRightKey(e)){stopEventBubbling(e);i=this.getSegmentItem("next")}else if(isHomeKey(e)){stopEventBubbling(e);i=this.getSegmentItem("first")}else if(isEndKey(e)){stopEventBubbling(e);i=this.getSegmentItem("last")}if(!i){return}var a=this.checked;if(i!==a||t){this.checkButton(a,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;raf((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var n=i.getBoundingClientRect();var r=a.getBoundingClientRect();var s=n.width/r.width;var o=n.left-r.left;var l="translate3d(".concat(o,"px, 0, 0) scaleX(").concat(s,")");if(this.isVertical){var m=n.height/r.height;var b=n.top-r.top;l="translate3d(0, ".concat(b,"px, 0) scaleY(").concat(m,")")}writeTask((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",l);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var a=i+1;var n=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(a<t.length){t[a].classList.add("bal-segment-item--after-checked")}if(n<t.length&&n>=0){t[n].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,a=e.scrollable,n=e.keyboardMode,r=e.expanded,s=e.isMobile,o=e.disabled;var l=BEM.block("segment");return h(Host,{key:"08fb99b658d704d85ab181d55d7bdbce7ee40fd8",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("invalid").class(t)),l.modifier("vertical").class(i)),l.modifier("scrollable").class(a)),l.modifier("keyboard").class(n)),l.modifier("disabled").class(o)),l.modifier("expanded").class((r||s)&&!i)),onClick:this.onClick},h("slot",{key:"432741fe51dc5c83ea241506687de13469afc149",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-segment"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Segment.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"focusOutListener",null);__decorate([ListenToAnimation(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"animationListener",null);__decorate([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"visibilityListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"windowResizeListener",null);Segment.style=balSegmentCss;var balSegmentItemCss=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';var SegmentItemIds=0;var SegmentItem=function(){function e(e){var t=this;registerInstance(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=SegmentItemIds++;this.inputId="bal-si-".concat(this.internalId);this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=defaultBalAriaForm;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId;this.updateVertical=function(e){t.isVertical=e.detail};this.updateState=function(){var e=t.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var i=t.allAvailableOptions;if(i.length>0){var a=i[0];t.checked=false;t.isFocusable=a===t.el}}else{t.checked=e.value===t.value;t.isFocusable=e.value===t.value}if(e.disabled){t.disabled=true}if(e.invalid){t.invalid=true}t.isLast=e.lastElementChild===t.el;t.isFirst=e.firstElementChild===t.el;t.calculateEmptyValue()}};this.onSlottedItemsChange=function(){t.checkSlotContent()}}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAttributes(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){addEventListener(t,"balSelect",this.updateState);addEventListener(t,"balVertical",this.updateVertical)}raf((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){removeEventListener(e,"balSelect",this.updateState);removeEventListener(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,a=t.focused,n=t.segmentEl,r=t.label,s=t.isFocusable,o=t.isFirst,l=t.hasEmptyValue;var m=BEM.block("segment-item");var b=m.element("button");var c=m.element("indicator");var d=this.invalid||n&&n.invalid;var g=this.disabled||n&&n.disabled;var u=this.isVertical;var f=l&&o||s&&!g;var v=f&&this.ariaForm.controlId||this.inputId;var p={};if(f){p={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return h(Host,{key:"54ab8ce0ab290fcbc238087789ce0bca3caedddc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(u)),m.modifier("disabled").class(g)),m.modifier("checked").class(i)),m.modifier("invalid").class(d)),m.modifier("last").class(this.isLast&&!i))},h("button",Object.assign({key:"be4e31f8a5b0da8cc9f70a867e546920127ba4b2",id:v,role:"radio","aria-checked":i?"true":"false"},p,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checked").class(i)),b.modifier("invalid").class(d)),b.modifier("disabled").class(g)),b.modifier("focused").class(a)),b.modifier("vertical").class(u)),type:"button",tabIndex:f?0:-1,part:"native",disabled:g,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),h("bal-icon",{key:"f6d56f256041be2a97822dcc424d887844bacc0e",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},b.element("icon").class()),b.element("icon").modifier("animated").class(i)),b.element("icon").modifier("vertical").class(u)),color:g?"grey-dark":d?"white":"primary"}),h("bal-stack",{key:"15df166b0d0d2b6a6b9447506755b9de3581c77d",space:"x-small",layout:"horizontal"},h("bal-content",{key:"056ba7bfb5d4f456f03f70e9f86e0269bd44a78b",space:"none"},h("bal-label",{key:"055ca1dd2f698e5b3758fbc5535a221801d90642",htmlId:"bal-si-".concat(this.internalId,"-label")},r),h("span",{key:"5a4ea620046a856959a811110f9c8ec5dfefa156",part:"slot",class:Object.assign({},b.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",h("slot",{key:"ceeb6506e86bde765a45497987759479b450c16f",onSlotchange:this.onSlottedItemsChange}))))),h("div",{key:"7384e9bec0b8c8337191b79a54a18cf5cc89a55b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("animated").class()),c.modifier("background").class()),c.modifier("disabled").class(g)),c.modifier("invalid").class(d)),c.modifier("checked").class(i)),c.modifier("vertical").class(u))}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}();SegmentItem.style=balSegmentItemCss;export{Segment as bal_segment,SegmentItem as bal_segment_item};

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

@@ -1 +0,0 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{i as isNil}from"./index-zWZxKBfo.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{a as areArraysEqual}from"./array-CDfSqLEo.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{r as rIC,k as debounce,b as waitAfterIdleCallback,d as deepReady,i as isDescendant}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{r as removeValue,p as preventDefault,l as length,g as getValues,i as includes,s as startsWith,a as addValue,f as findLabelByValue,b as findOptionByLabel,v as validateAfterBlur}from"./utils-C_qktPg7.js";import{i as isSpaceKey,d as isArrowDownKey,b as isArrowUpKey,a as isEnterKey,j as isEscapeKey,k as isBackspaceKey}from"./keyboard.helpers-BERg8BNc.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";var watchForOptions=function(t,e,i){if(typeof MutationObserver==="undefined"){return}var r=new MutationObserver((function(t){t=t.filter((function(t){return t.target.nodeName===e.toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()}));if(t.length>0){i(undefined)}}));r.observe(t,{childList:true,subtree:true,attributes:true,characterData:true});return r};var balSelectCss=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-form-field-control-background-hover);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-3);--bal-select-control-input-option-background-hover:var(--bal-color-grey-3);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";var isHuman=true;var isNotHuman=false;var Select=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange");this.balInputClick=createEvent(this,"balInputClick");this.balInput=createEvent(this,"balInput");this.balBlur=createEvent(this,"balBlur");this.balFocus=createEvent(this,"balFocus");this.balCancel=createEvent(this,"balCancel");this.balKeyPress=createEvent(this,"balKeyPress");this.didInit=false;this.inputId="bal-select-".concat(selectIds++);this.initialValue=[];this.inheritedAttributes={};this.hasFocus=false;this.inputValue="";this.focusIndex=-1;this.isPopoverOpen=false;this.options=new Map;this.labelToScrollTo="";this.labelToSelectTo="";this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.filter="includes";this.balTabindex=0;this.freeSolo=false;this.multiple=false;this.autocomplete="off";this.typeahead=false;this.selectionOptional=false;this.disabled=false;this.readonly=false;this.required=false;this.inverted=false;this.scrollable=250;this.loading=false;this.remote=false;this.autoInvalidOff=false;this.value=[];this.rawValue=[];this.removeValue=function(t){if(!e.disabled){e.updateRawValue(removeValue(e.rawValue,t),isHuman);if(e.multiple&&e.typeahead){e.setFocus()}e.fireBlur()}};this.fireBlur=function(t){if(t===void 0){t=new CustomEvent("blur")}if(!e.isPopoverOpen&&!e.hasFocus){rIC((function(){return e.balBlur.emit(t)}))}};this.handleClick=function(t){if(e.disabled||e.readonly){preventDefault(t)}};this.handlePopoverChange=function(t){t.stopPropagation();if(e.isPopoverOpen!==t.detail){e.isPopoverOpen=t.detail;if(e.isPopoverOpen){e.updateFocus()}else{e.focusIndex=0;if(e.multiple&&e.typeahead){e.updateInputValue("")}e.fireBlur(t)}}};this.handleInputBlur=function(t){preventDefault(t);var i=t.relatedTarget;if(i===null||i&&i.nodeName&&(i.nodeName==="BAL-MODAL"||i.nodeName==="INPUT"||i.nodeName==="BUTTON")){e.validateAfterBlur(isHuman)}e.hasFocus=false;e.fireBlur(t)};this.handleInputFocus=function(t){e.balFocus.emit(t);e.hasFocus=true};this.handleInputClick=function(t){var i=[];for(var r=1;r<arguments.length;r++){i[r-1]=arguments[r]}return __awaiter(e,__spreadArray([t],i,true),void 0,(function(t,e){var i,r,o,n;if(e===void 0){e=false}return __generator(this,(function(a){switch(a.label){case 0:stopEventBubbling(t);if(this.isChipClicked(t)){return[2]}if(!(this.disabled||this.readonly))return[3,1];preventDefault(t);return[3,10];case 1:this.focusIndex=0;this.balInputClick.emit(t);if(!this.typeahead)return[3,6];if(!(this.isPopoverOpen&&e))return[3,3];return[4,(i=this.popoverElement)===null||i===void 0?void 0:i.dismiss()];case 2:a.sent();return[3,5];case 3:return[4,(r=this.popoverElement)===null||r===void 0?void 0:r.present()];case 4:a.sent();a.label=5;case 5:return[3,10];case 6:if(!this.isPopoverOpen)return[3,8];return[4,(o=this.popoverElement)===null||o===void 0?void 0:o.dismiss()];case 7:a.sent();return[3,10];case 8:return[4,(n=this.popoverElement)===null||n===void 0?void 0:n.present()];case 9:a.sent();a.label=10;case 10:return[2]}}))}))};this.handleKeyPress=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(!this.isPopoverOpen&&isSpaceKey(t)))return[3,2];preventDefault(t);return[4,this.open()];case 1:e.sent();e.label=2;case 2:this.balKeyPress.emit(t);return[2]}}))}))};this.handleInputChange=function(t){if(!e.disabled&&!e.readonly){e.inputValue=t.target.value}};this.handleInput=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.disabled&&!this.readonly){this.inputValue=t.target.value;if(!this.isPopoverOpen){this.popoverElement.present()}this.focusIndex=0;this.updateFocus();preventDefault(t);this.balInput.emit(this.inputValue)}return[2]}))}))};this.handleOptionMouseEnter=function(t){e.focusIndex=t}}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueWatcher=function(){this.syncRawValue(false)};t.prototype.updateRawValue=function(t,e){if(e===void 0){e=true}if(!areArraysEqual(t,this.rawValue||[])&&this.options.size>0){this.rawValue=__spreadArray([],t,true);this.syncNativeInput(e);if(this.didInit&&e===true){if(this.multiple){if(isNil(this.rawValue)){this.emitChangeEvent([])}else{this.emitChangeEvent(__spreadArray([],this.rawValue,true))}}else{if(isNil(this.rawValue)||length(this.rawValue)===0){this.emitChangeEvent(undefined)}else{this.emitChangeEvent(this.rawValue[0])}}}}};t.prototype.emitChangeEvent=function(t){this.balChange.emit(t)};t.prototype.connectedCallback=function(){var t=this;var e=debounce((function(){return t.updateOptions()}),0);this.initialValue=this.value;e();this.mutationO=watchForOptions(this.el,"bal-select-option",(function(){e()}))};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title","data-hj-allow"]);this.waitForOptionsAndThenUpdateRawValues();this.isInsideOfFooter();if(!isNil(this.rawValue)&&this.options.size>0&&length(this.rawValue)===1){var t=this.options.get(this.rawValue[0]);if(!isNil(t)){this.inputValue=t.label}}};t.prototype.componentDidLoad=function(){this.syncRawValue(false);if(!this.multiple){this.inputElement.value=this.inputValue}this.didInit=true};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.listenOnClick=function(t){if(this.disabled&&t.target&&t.target===this.el){preventDefault(t)}};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){e.value=e.initialValue;e.syncRawValue(false);e.syncNativeInput();if(e.nativeSelectEl){var t=Array.from(e.nativeSelectEl.options);t.forEach((function(t){return t.selected=true}))}}),0)}};t.prototype.handleKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:if(!this.isPopoverOpen)return[3,1];if(isArrowDownKey(t)||isArrowUpKey(t)){preventDefault(t);this.navigateWithArrowKey(t);this.updateFocus()}if(isEnterKey(t)){preventDefault(t);this.selectedFocusedOption()}if(isEscapeKey(t)){this.cancel()}if(isBackspaceKey(t)&&this.typeahead&&this.multiple){if(this.inputElement.value===""&&length(this.rawValue)>0){e=getValues(this.rawValue);this.removeValue(e[length(this.rawValue)-1])}}if(!this.typeahead&&t.key.length===1){this.focusOptionByLabel(t.key)}if(isSpaceKey(t)&&!this.typeahead){preventDefault(t)}return[3,4];case 1:if(!this.hasFocus)return[3,4];if(!(isArrowDownKey(t)||isArrowUpKey(t)))return[3,3];preventDefault(t);return[4,this.open()];case 2:i.sent();i.label=3;case 3:if(!this.typeahead&&t.key.length===1){this.selectOptionByLabel(t.key)}i.label=4;case 4:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.inputElement&&!this.disabled))return[3,2];return[4,waitAfterIdleCallback()];case 1:t.sent();this.inputElement.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.focusIndex=0;if(this.inputElement){this.updateInputValue("");this.updateRawValue([],isHuman);this.value=this.multiple?[]:""}return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.disabled&&!this.readonly&&!isNil(this.popoverElement)))return[3,2];return[4,this.popoverElement.present()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&!this.readonly&&!isNil(this.popoverElement)){this.blurSelect()}return[2]}))}))};t.prototype.cancel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.labelToScrollTo="";this.close();this.scrollTo(0);this.balCancel.emit();return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.options.get(t);if(!isNil(e)){this.optionSelected(e)}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.waitForOptionsAndThenUpdateRawValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){switch(i.label){case 0:clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer);return[4,deepReady(this.el)];case 1:i.sent();t=this.options.size>0;if(t){this.syncRawValue(isNotHuman)}else{this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((function(){return e.waitForOptionsAndThenUpdateRawValues()}),10)}return[2]}}))}))};t.prototype.updateOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,r,i,o,n;return __generator(this,(function(a){switch(a.label){case 0:t=this.getChildOpts();e=new Map;for(i=0;i<t.length;i++){r=t[i];e.set(r.value,{value:r.value,label:r.label,disabled:r.disabled,id:r.for,textContent:r.textContent,innerHTML:r.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue)){for(i=0;i<this.rawValue.length;i++){o=this.rawValue[i];if(!e.has(o)){n=removeValue(this.rawValue,o);this.updateRawValue(n,isNotHuman)}}}this.options=new Map(e);if(!!this.typeahead)return[3,2];return[4,this.syncNativeInput()];case 1:a.sent();a.label=2;case 2:if(this.didInit&&!this.remote){this.validateAfterBlur()}return[2]}}))}))};Object.defineProperty(t.prototype,"optionArray",{get:function(){var t=this;var e=Array.from(this.options,(function(t){var e=t[0],i=t[1];return i}));if(!this.typeahead||this.remote){return e}return e.filter((function(e){return t.filter==="includes"?includes(e.textContent,t.inputValue):startsWith(e.textContent,t.inputValue)}))},enumerable:false,configurable:true});t.prototype.hasOptions=function(){return this.optionArray.length>0};Object.defineProperty(t.prototype,"inputPlaceholder",{get:function(){if(this.multiple){if(length(this.rawValue)<1){return this.placeholder}return undefined}else{if(!isNil(this.rawValue)&&length(this.rawValue)>0){return undefined}}return this.placeholder},enumerable:false,configurable:true});t.prototype.getChildOpts=function(){return Array.from(this.el.querySelectorAll("bal-select-option"))};t.prototype.getPopoverContent=function(){return this.popoverElement.querySelector(".bal-popover__content__inner")};t.prototype.updateFocus=function(){var t=this;if(this.focusIndex<0){this.focusIndex=0}var e=this.optionArray;if(e.length>0){if(e.length<=this.focusIndex){this.focusIndex=e.length-1}var i=e[this.focusIndex];if(i&&i.id){var r=this.el.querySelector("button#".concat(i.id));if(r){clearTimeout(this.updateFocusTimer);this.updateFocusTimer=setTimeout((function(){t.scrollToFocusedOption(r)}),0)}}}else{this.focusIndex=0}};t.prototype.scrollToFocusedOption=function(t){if(t&&this.popoverElement){var e=this.getPopoverContent();if(e){var i=t.offsetTop;var r=e.scrollTop;if(i<r){e.scrollTop=i}var o=t.offsetTop+t.clientHeight;var n=e.scrollTop+e.clientHeight;if(o>n){e.scrollTop=e.scrollTop+t.clientHeight}}}};t.prototype.scrollTo=function(t){var e=this.getPopoverContent();if(e){e.scrollTop=t}};t.prototype.selectedFocusedOption=function(){var t=this.optionArray;if(t.length>this.focusIndex){var e=t[this.focusIndex];if(e){this.optionSelected(e)}}};t.prototype.navigateWithArrowKey=function(t){if(isArrowDownKey(t)){this.focusIndex=this.focusIndex+1}else{if(isArrowUpKey(t)){this.focusIndex=this.focusIndex-1}}};t.prototype.focusOptionByLabel=function(t){var e=this;this.labelToScrollTo=this.labelToScrollTo+t;clearTimeout(this.clearScrollToValue);this.clearScrollToValue=setTimeout((function(){e.scrollToLabel(e.labelToScrollTo)}),600)};t.prototype.selectOptionByLabel=function(t){var e=this;this.labelToSelectTo=this.labelToSelectTo+t;clearTimeout(this.clearSelectValue);this.clearSelectValue=setTimeout((function(){e.selectLabel(e.labelToSelectTo);e.labelToSelectTo=""}),600)};t.prototype.selectLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(o){if(t!==" "){e=this.optionArray.find((function(e){return startsWith(e.label||"",t)}));if(!isNil(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!isNil(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.select(e.value)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.scrollToLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(o){if(t!==" "){e=this.optionArray.find((function(e){return startsWith(e.label||"",t)}));if(!isNil(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!isNil(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.scrollTo(i.offsetTop)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.syncRawValue=function(t){if(t===void 0){t=true}var e=[];if(!isNil(this.value)&&this.value!==""){if(Array.isArray(this.value)){e=__spreadArray([],this.value.filter((function(t){return!isNil(t)})),true)}else{if(this.value.split("").includes(",")){e=__spreadArray([],this.value.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{e=[this.value]}}}this.updateRawValue(e,t)};t.prototype.blurSelect=function(){this.popoverElement.dismiss()};t.prototype.optionSelected=function(t){var e=getValues(this.rawValue);var i=e.some((function(e){return e===t.value}));this.updateValue(t.value,!i);if(!this.multiple){this.blurSelect()}else{if(this.typeahead){this.setFocus()}}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(this.multiple){if(e){this.updateRawValue(addValue(this.rawValue,t,this.multiple),isHuman)}else{this.updateRawValue(removeValue(this.rawValue,t),isHuman)}}else{this.updateRawValue(addValue(this.rawValue,t,this.multiple),isHuman);if(this.rawValue&&this.rawValue.length>0){this.updateInputValue(findLabelByValue(this.options,this.rawValue[0]))}}};t.prototype.validateAfterBlur=function(t){if(t===void 0){t=isNotHuman}var e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){var i=findOptionByLabel(this.options,this.inputElement.value);if(i){e=[i.value]}else{e=[this.inputElement.value]}}else{e=validateAfterBlur(this.rawValue,this.options,this.inputElement.value)}this.updateRawValue(e,t)}};t.prototype.syncNativeInput=function(t){if(t===void 0){t=true}if(!this.multiple){if(length(this.rawValue)>0){var e=getValues(this.rawValue);var i=findLabelByValue(this.options,e[0]);if(!this.multiple&&this.typeahead&&this.selectionOptional&&i===""){i=e.join(", ")}return this.updateInputValue(i)}}if(!t&&length(this.rawValue)===0){return this.updateInputValue("")}return Promise.resolve()};t.prototype.updateInputValue=function(t){var e=this;return new Promise((function(i){if(e.updateInputValueTimer){clearTimeout(e.updateInputValueTimer)}e.updateInputValueTimer=setTimeout((function(){if(!isNil(e.inputElement)){e.inputElement.value=t;e.inputValue=t;i()}}),0)}))};t.prototype.isChipClicked=function(t){var e=false;if(this.multiple){var i=this.selectionEl.querySelectorAll("bal-tag");var r=t.target;i.forEach((function(t){var i=isDescendant(t,r)||t===r;if(i){e=i}}))}return e};t.prototype.isInsideOfFooter=function(){this.inverted=this.el.closest("bal-footer")!==null};t.prototype.render=function(){var t=this;var e;var i=function(e){return h("bal-tag",{key:"77060284cad81e9801d4b0280b3cd1be126e2245",size:"",closable:!t.disabled,disabled:t.disabled,invalid:t.invalid,tabindex:-1,onBalCloseClick:function(i){return t.removeValue(e.value)},"data-testid":"bal-select-chip"},findLabelByValue(t.options,e.value)||e.value)};var r=getValues(this.rawValue);var o=BEM.block("select");var n=o.element("native");var a=o.element("control");var s=a.element("icon");var l=a.element("selections");var c=a.element("input");var u=o.element("popover");var d=u.element("empty");var f=o.element("option");var b=f.element("content");var p=b.element("checkbox");var v=b.element("label");return h(Host,{key:"6b7354e770f231706b1e15360c671adfe16a8980",role:"listbox",onClick:this.handleClick,"aria-disabled":ariaBooleanToString(this.disabled),"data-value":(e=this.rawValue)===null||e===void 0?void 0:e.map((function(e){return findLabelByValue(t.options,e)})).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("disabled").class(this.disabled||this.readonly)),o.modifier("inverted").class(this.inverted)),o.modifier("inverted-footer").class(this.inverted))},h("select",{key:"4564be01db70d71812c500f75534a52166edb41a",class:Object.assign({},n.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:function(e){return t.nativeSelectEl=e}},r.map((function(t){return h("option",{key:t,value:t,selected:true},t)}))),h("bal-popover",{key:"7a77f7f60e2ddb3e524dfbf14021618ebf56d03b",onBalChange:this.handlePopoverChange,ref:function(e){return t.popoverElement=e}},h("div",{key:"c3759fb5c32e5a2737ef9b80ce9845b0071f2f74","bal-popover-trigger":true,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("invalid").class(this.invalid)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("focused").class(this.isPopoverOpen)),a.modifier("inverted-footer").class(this.inverted))},h("div",{key:"9b7c8567cc7f0c463546a78cdd0b449900cbd315",class:Object.assign(Object.assign({},l.class()),l.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:function(e){return t.selectionEl=e}},r.filter((function(e){return t.multiple})).map((function(t){return h(i,{value:t})})),h("input",Object.assign({key:"5defff3eda394ed0afaa105775b22231eb628fe1",type:"text",class:Object.assign(Object.assign({},c.class()),{input:true,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":true}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":ariaBooleanToString(this.disabled),"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":this.autocomplete==="off"?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:function(e){return t.inputElement=e}},this.inheritedAttributes))),!this.freeSolo&&!this.loading?h("bal-icon",{class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("loading").class(this.loading)),s.modifier("clickable").class(!this.disabled&&!this.readonly)),name:!this.inverted?"caret-down":"caret-up",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:function(e){return t.handleInputClick(e,true)},size:!this.inverted?"":"x-small"}):""),h("bal-popover-content",{key:"61e479d8c8b40af29300dcc7e3611a774aff6c31",class:Object.assign({},u.class()),scrollable:this.scrollable,spaceless:true,expanded:true},this.optionArray.map((function(e,i){return h("button",{key:e.value,type:"button",role:"option",id:e.id,"data-value":e.value,"data-label":e.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},f.class()),f.modifier("selected").class(r.includes(e.value)&&!(t.typeahead&&!t.multiple))),f.modifier("focused").class(t.focusIndex===i)),f.modifier("checkbox").class(t.multiple)),f.modifier("disabled").class(e.disabled===true)),"data-testid":"bal-select-option",disabled:e.disabled,tabIndex:-1,onMouseEnter:function(){return t.handleOptionMouseEnter(i)},onClick:function(){return t.optionSelected(e)}},h("div",{class:Object.assign({},b.class())},h("span",{class:Object.assign({},p.class()),style:{display:t.multiple?"flex":"none"}},h("bal-checkbox",{checked:r.includes(e.value),tabindex:-1,nonSubmit:true,flat:true,onBalChange:preventDefault})),h("span",{class:Object.assign({},v.class()),innerHTML:e.innerHTML})))})),h("div",{key:"f96e2f463966cef35a5c76b7a4c74dd2d16d4ed8",class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(this.noDataLabel===undefined||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueWatcher"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-select"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Select.prototype,"createLogger",null);var selectIds=0;Select.style=balSelectCss;var SelectOption=function(){function t(t){registerInstance(this,t);this.disabled=false;this.for="bal-selopt-".concat(selectOptionIds++)}t.prototype.createLogger=function(t){this.log=t};t.prototype.render=function(){return h(Host,{key:"c479330ac26bcb19ddd41e7a99e635bf3ffc6170",style:{display:"none"}},h("slot",{key:"009baaefc29d307403edb10160c694dcc8495164"}))};return t}();__decorate([Logger("bal-select-option"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],SelectOption.prototype,"createLogger",null);var selectOptionIds=0;export{Select as bal_select,SelectOption as bal_select_option};

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

@@ -1 +0,0 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{b as balColorGrey4,a as balColorYellow3,c as balColorYellow5,d as balColorPurple3,e as balColorPurple6,f as balColorRed3,g as balColorRed5,h as balColorGreen3,i as balColorGreen6}from"./tokens.esm-Dk6PruGq.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balShapeCss=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var Shape=function(){function e(e){var a=this;registerInstance(this,e);this.variation="1";this.color="green";this.rotation="0";this.getHex=function(){var e;switch(a.color){case"green":e=balColorGreen6;break;case"green-light":e=balColorGreen3;break;case"red":e=balColorRed5;break;case"red-light":e=balColorRed3;break;case"purple":e=balColorPurple6;break;case"purple-light":e=balColorPurple3;break;case"yellow":e=balColorYellow5;break;case"yellow-light":e=balColorYellow3;break;default:e=balColorGrey4}return e}}e.prototype.render=function(){var e=BEM.block("shape");var a=[h("g",{key:"62a32221af7fcc15d60b43ab4aaa143fab7d311c",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},h("g",{key:"ad7a506509762ad7769586774fc10aa54fef80fa",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},h("path",{key:"1f335e4e64feff4503a847358b87033f1b7d8aa2",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),h("g",{key:"f974f1f708ff05106b3afcbb3f848a1dcf4e97fb",id:"b949d602-8478-437e-a171-ad3f26649cb4"},h("g",{key:"b212b8a5220cbefd36c5e9565bb2be3685658fc0",id:"ae3574e0-2065-4681-8937-4318b8656147"},h("path",{key:"287b0c85fc2e5fb7b845288f13a2f308a3b3c8ca",class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),h("g",{key:"b653bea006236af44c31c719af98b7ac04bf93ad",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},h("g",{key:"2cff6eea2c2b6891b4fef81d366869c31f87c5e6",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},h("path",{key:"777d6655facf61980ec4ee5ea598191e5e273021",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return h(Host,{key:"cc915095d6cf923c3798033780f076c30a4b58ea",class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},h("svg",{key:"eb2afd20856fd2a7c4a318de4b0a4df1713f87b9",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Shape.style=balShapeCss;export{Shape as bal_shape};

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

@@ -1 +0,0 @@
-import{r as registerInstance,h,H as Host}from"./index-BdVwMG9u.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balSheetCss=":root{--bal-sheet-radius:var(--bal-radius-large);--bal-sheet-background:var(--bal-color-white);--bal-sheet-shadow:var(--bal-shadow-normal);--bal-sheet-position-bottom:.5rem}.bal-sheet{display:block;position:fixed;bottom:var(--bal-sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--bal-z-index-sticky);font-weight:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal)}.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{border-radius:var(--bal-sheet-radius);background:var(--bal-sheet-background);-webkit-box-shadow:var(--bal-sheet-shadow);box-shadow:var(--bal-sheet-shadow);padding:1rem}@media screen and (min-width: 769px),print{.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{padding:1rem 1.5rem}}";var Sheet=function(){function e(e){registerInstance(this,e);this.containerSize=""}e.prototype.render=function(){var e;var a=BEM.block("sheet");var t=a.element("container");var r=t.element("inner");var n=this.containerSize!==""?"is-".concat(this.containerSize):"";return h(Host,{key:"75dd6a91f8ac6d45412ae20453935668cb571e7f",class:Object.assign({},a.class())},h("div",{key:"75aa66d83f6a6330b9e3d36a703fb82ab11bd015",class:Object.assign(Object.assign({},t.class()),(e={container:true},e[n]=true,e))},h("div",{key:"d6a97321e5db3a2c8ba252fb845228ba6371de67",class:Object.assign({},r.class())},h("slot",{key:"f16331a11a842d719d494fb72db56fe0423aeb05"}))))};return e}();Sheet.style=balSheetCss;export{Sheet as bal_sheet};