UNPKG

@freshworks/crayons

Version:
1 lines 1.31 kB
import{r as registerInstance,h,e as Host,i as getElement}from"./index-25bc21e4.js";var buttonGroupCss=':host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}';var ButtonGroup=function(){function t(t){registerInstance(this,t);this.label=""}t.prototype.componentDidLoad=function(){this.handleSlotChange()};t.prototype.handleSlotChange=function(){if(!this.host)return;var t=this.host.querySelectorAll("fw-button");t.forEach((function(o,e){o.classList.add("fw-button-group__button");o.classList.toggle("fw-button-group__button--first",e===0);o.classList.toggle("fw-button-group__button--inner",e>0&&e<t.length-1);o.classList.toggle("fw-button-group__button--last",e===t.length-1)}))};t.prototype.render=function(){return h(Host,{"aria-label":this.label},h("slot",{onSlotchange:this.handleSlotChange}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();ButtonGroup.style=buttonGroupCss;export{ButtonGroup as fw_button_group};