import{r as e,h as o,H as t,g as s}from"./p-3d62c8c0.js";import{i as a}from"./p-9a929c20.js";import{B as i}from"./p-61996a75.js";import{d as c}from"./p-560a582c.js";import{L as l}from"./p-4fe58c43.js";import{i as r}from"./p-97cc5f72.js";import"./p-add1e9ec.js";import"./p-585cea76.js";import"./p-d81412d0.js";import"./p-97b591c9.js";const n=class{constructor(o){e(this,o),this.inheritedAttributes={},this.language=c.language,this.region=c.region,this.size="",this.inverted=!1}componentWillLoad(){this.inheritedAttributes=a(this.el,["tabindex"])}async configChanged(e){this.language=e.language,this.region=e.region}render(){const e=i.block("close"),s=e.element("button"),a=s.element("icon"),c=r[this.language].close;return o(t,{class:Object.assign({},e.class())},o("button",Object.assign({type:"button","aria-label":c,title:c,class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("inverted").class(this.inverted)),s.modifier(`size-${this.size}`).class(""!==this.size)),"data-testid":"bal-close"},this.inheritedAttributes),o("bal-icon",{name:"close",size:"small"===this.size?"x-small":"medium"===this.size?"medium":"small",inverted:this.inverted,class:Object.assign({},a.class())})))}get el(){return s(this)}};(function(e,o,t,s){var a,i=arguments.length,c=i<3?o:null===s?s=Object.getOwnPropertyDescriptor(o,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,o,t,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(c=(i<3?a(c):i>3?a(o,t,c):a(o,t))||c);i>3&&c&&Object.defineProperty(o,t,c)})([l()],n.prototype,"configChanged",null),n.style={css:".bal-close__button--inverted:focus-visible:not(:active),.bal-close__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}:root{--bal-close-background:var(--bal-color-transparent);--bal-close-background-focus-visible:var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible:var(--bal-form-field-control-background);--bal-close-border-radius:var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}.bal-close__button:hover{background:rgba(0,7,57,.1)}.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}.bal-close__button:active{background:rgba(0,7,57,.3)}.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}"};export{n as bal_close}