https://www.promat.com/etex/js/assets/js/6497.63bab08c59cac6108bb9.mjs

1"use strict";(self.webpackChunkwebpack=self.webpackChunkwebpack||[]).push([[6497],{92576:function(t,e,n){n.r(e),n.d(e,{SegmentedButton:function(){return u}});var s=n(68687),a=n(47359),i=n(96627),d=n(77905),c=n(43322);class u extends s.oi{static get properties(){return{name:{type:String,attribute:"name"},truncation:{type:Boolean,attribute:"truncation"},buttons:{type:Array,reflect:!0,attribute:"buttons"}}}constructor(){super(),this.buttons=[],this.truncation=!1}connectedCallback(){super.connectedCallback()}createRenderRoot(){return this}firstUpdated(){this._updateButtons()}_updateButtons(){const t=this.buttons.map(((t,e)=>({...t,id:t.id||(0,d.y)()})));if(!t.some((t=>t.checked&&!t.disabled))&&t.length>0){const e=t.find((t=>!t.disabled));e&&(e.checked=!0)}this.buttons=t}handleChange(t,e){this.buttons=this.buttons.map(((t,n)=>({...t,checked:n===e}))),(0,a.r)(this,"wc-btn-segmented-changed",t.currentTarget)}getInnerSegmentedButton=(t,e)=>s.dy` <div class="a-btn-segmented__item">
2            <input
3                type="radio"
4                name=${this.name}
5                id="${this.name}-${t.id}"
6                value=${t.value||s.Ld}
7                disabled=${t.disabled||s.Ld}
8                .checked=${t.checked||s.Ld}
9                @change=${t=>this.handleChange(t,e)}
10            />
11
12            <label class="u-label" for="${this.name}-${t.id}"
13                >${t.icon?(0,c.aT)(t.icon,"u-icon-tiny"):t.checked?(0,c.aT)(i.aX.Available,"u-icon-tiny"):s.Ld}
14                <span class="${this.truncation?"u-text-ellipsis":s.Ld}"
15                    >${t.label}</span
16                ></label
17            >
18        </div>`;render(){return s.dy`
19            <div class="a-btn-segmented" role="group">
20                ${this.buttons.map(((t,e)=>this.getInnerSegmentedButton(t,e)))}
21            </div>
22        `}}customElements.define("wc-btn-segmented",u)}}]);