text: import{r as t,e as s,h as i,H as h}from"./p-8988f6c5.js";import{B as e,F as n,h as r}from"./p-0afcd70e.js";const a=class{constructor(i){t(this,i),this.variant="primary",this.disabled=!1,this.loading=!1,this.buttonType="button",this.componentName="button",this.clicked=s(this,"clicked",3),this.disabledClicked=s(this,"disabledClicked",3)}handleClick(){this.disabled?this.disabledClicked.emit():this.clicked.emit()}renderButtonLabel(){return i(n,null,!!this.icon&&i("huk-icon",{icon:this.icon}),i("span",{class:e(this,"label")},this.label))}renderButton(){return i("button",{class:e(this,"button"),title:this.label,type:this.buttonType,disabled:this.disabled},this.renderButtonLabel())}renderAnchor(){return i("a",{href:this.href,target:this.target,class:e(this,"button"),title:this.label},this.renderButtonLabel())}render(){const t=r({componentName:this.componentName,variant:this.variant,modifier:[this.modifier,!this.label&&"no-label",!!this.icon&&"has-icon",this.disabled&&"disabled",this.loading&&"loading"]});return i(h,{class:t},this.loading&&i("div",{class:e(this,"spinner")}),this.href?this.renderAnchor():this.renderButton())}static get style(){return".huk-text--white{color:#fff}.huk-text--orange{color:#fba308}.huk-text--mint{color:#00abba}.huk-text--mint-dark{color:#055e5f}\@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}\@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.button{margin-bottom:1rem;position:relative;display:inline-block;border-width:0;border-radius:.25rem;color:#fff;font-size:16px;font-weight:700;line-height:1.4;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;white-space:normal;max-width:100%}\@media (min-width:768px){.button{margin-bottom:1.5rem}}\@media (min-width:576px){.button{font-size:19px}}.button:hover{-webkit-box-shadow:0 .313rem .625rem 0 rgba(0,0,0,.12);box-shadow:0 .313rem .625rem 0 rgba(0,0,0,.12)}.button:active{-webkit-box-shadow:none;box-shadow:none}.button__spinner{content:\"\";display:block;position:absolute;z-index:99;opacity:1;color:inherit;-webkit-animation:spin .85s ease-in-out infinite;animation:spin .85s ease-in-out infinite;border-top-style:solid;border-top-width:.195rem;border-top-color:inherit;border-bottom:.195rem solid transparent;border-left:.195rem solid transparent;border-right:.195rem solid transparent;border-radius:50%;top:50%;left:50%;margin-left:-.65rem;margin-top:-.65rem;width:1.3rem;height:1.3rem;opacity:0;visibility:hidden;-webkit-transition:opacity .2s;transition:opacity .2s}.button__button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;margin:0 auto;color:inherit;cursor:inherit;font-size:inherit;font-weight:inherit;background:transparent}.button__button:focus{outline:none}.button__button:hover{color:inherit;text-decoration:none}.button__label{position:relative;-webkit-transition:opacity .2s;transition:opacity .2s;white-space:pre-wrap;width:100%}.button--wide .button__button{padding-left:2rem;padding-right:2rem}.button--pull-right{float:right}.button--pull-left{float:left}.button--has-icon .button__label{margin-left:.5rem}.button--has-icon huk-icon{padding:.5em}.button--backward:after,.button--forward:after{content:\"\";display:block;position:absolute;top:50%;right:1.75rem;height:1em;width:1em;margin-top:-.5em;background-size:65% 65%;background-image:url(/stylelib/2_9/img/arrow-right_white.svg);background-repeat:no-repeat;background-position:50%;-webkit-transition:-webkit-transform .2s ease-in-out 0ms;transition:-webkit-transform .2s ease-in-out 0ms;transition:transform .2s ease-in-out 0ms;transition:transform .2s ease-in-out 0ms,-webkit-transform .2s ease-in-out 0ms;-webkit-transform:translateX(0);transform:translateX(0)}.button--backward.button--no-label:after,.button--forward.button--no-label:after{left:50%;right:auto;margin-left:-.5em}.button--backward.button--no-label:hover:after,.button--forward.button--no-label:hover:after{-webkit-transform:translateX(0);transform:translateX(0)}.button--backward.button--lead:after,.button--forward.button--lead:after{background-image:url(/stylelib/2_9/img/arrow-right_white.svg)}.button--forward .button__button{padding-right:3rem!important}.button--forward:hover:after{-webkit-transform:translateX(.45rem);transform:translateX(.45rem)}.button--backward:after{left:1.75rem;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.button--backward .button__button{padding-left:3rem!important}.button--backward:hover:after{-webkit-transform:translateX(-.45rem) scaleX(-1);transform:translateX(-.45rem) scaleX(-1)}.button--block{display:block;width:100%;float:none;clear:both}.button--centered{text-align:center}.button--centered .button__button{-ms-flex-pack:center;justify-content:center}.button--disabled{cursor:not-allowed}.button--disabled:hover{-webkit-box-shadow:none;box-shadow:none}.button--disabled:after{-webkit-transform:translateX(0)!important;transform:translateX(0)!important;background-image:url(/stylelib/2_9/img/arrow-right_neutral_500.svg)}.button--inverted.button--cta:after{background-image:url(/stylelib/2_9/img/arrow-right_cta.svg)}.button--inverted.button--cta:hover:after,.button--inverted.button--primary:hover:after{background-image:url(/stylelib/2_9/img/arrow-right_white.svg)}.button--link{border-color:transparent!important;background:transparent!important}.button--link:hover{-webkit-box-shadow:none;box-shadow:none}.button--link .button__button{padding-left:0;padding-right:0}.button--link.button--cta:after{background-image:url(/stylelib/2_9/img/arrow-right_cta.svg)}.button--link.button--cta:active:after,.button--link.button--cta:hover:after{background-image:url(/stylelib/2_9/img/arrow-right_cta-dark.svg)}.button--link.button--primary:after{background-image:url(/stylelib/2_9/img/arrow-right_primary.svg)}.button--link.button--primary:active:after,.button--link.button--primary:hover:after{background-image:url(/stylelib/2_9/img/arrow-right_primary-dark.svg)}.button--loading{pointer-events:none}.button--loading .button__label{opacity:0}.button--loading .button__spinner{opacity:1;visibility:visible}.button--loading.button--backward:after,.button--loading.button--forward:after,.button--loading.button--no-label:after{display:none}.button--loading.button--backward .button__label,.button--loading.button--forward .button__label,.button--loading.button--no-label .button__label{opacity:1}.button--loading.button--forward .button__spinner{left:auto;right:1.1rem}.button--loading.button--backward .button__spinner{left:1.75rem;right:auto}.button--loading.button--no-label.button--forward .button__spinner,.button--loading.button--no-label .button__spinner{left:50%;right:auto}.button__button{border:1px solid transparent;padding:.5rem 2rem}\@media (min-width:768px){.button__button{padding:.75rem 2rem}}.button--cta,.button--primary{background:#00abba}.button--cta:focus,.button--cta:hover,.button--primary:focus,.button--primary:hover{background:#0395a1}.button--cta:active,.button--primary:active{background:#055e5f}.button--lead{background:#fba308;color:#333}.button--lead:focus,.button--lead:hover{background:#fb9105}.button--lead:active{background:#f0670a}.button--inverted{border:1px solid;background:transparent}.button--inverted .button__button{border:0}.button--inverted.button--cta:active,.button--inverted.button--cta:focus,.button--inverted.button--cta:hover,.button--inverted.button--primary:active,.button--inverted.button--primary:focus,.button--inverted.button--primary:hover{color:#fff}.button--inverted.button--cta{color:#00abba;border-color:#00abba}.button--inverted.button--cta:focus,.button--inverted.button--cta:hover{border-color:#0395a1;background:#0395a1}.button--inverted.button--cta:active{border-color:#055e5f;background:#055e5f}.button--inverted.button--primary{color:#35444c;border-color:#fba308}.button--inverted.button--primary:focus,.button--inverted.button--primary:hover{border-color:#fb9105;background:#fb9105}.button--inverted.button--primary:active{border-color:#f0670a;background:#f0670a}.button--inverted.button--primary:after{background-image:url(/stylelib/2_9/img/arrow-right_primary.svg)}.button--link{color:#00abba}.button--link:focus,.button--link:hover{color:#0395a1}.button--link:active{color:#055e5f}.button--disabled{color:#fff}.button--disabled,.button--disabled:hover{background:#d1d1d1}.button--small{font-size:16px}.button--small .button__button{padding:.5rem 2rem}.button--big{font-size:19px}.button--big .button__button{padding:.75rem 2rem}"}};export{a as huk_button};