import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as l,transformTag as n}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.handleChangeType=t=>{t.stopPropagation();const e=t.detail.id;"none"===e?this.change.emit():this.change.emit("date"===e||"relative-date"===e?{type:e}:"percent"===e?{type:"number",options:{style:"percent"},suffix:["percentSign"]}:{type:"number",options:{style:e}})},this.isValidButton=t=>!this.type||"none"===t.id||"none"!==this.type&&("date"===this.type?t.id.includes("date"):!t.id.includes("date"))}render(){var t,e,i,n,o,s,r,d,u,a,m;const c=[{id:"none",title:"No formatting",selected:!(null===(t=this.value)||void 0===t?void 0:t.type)},{id:"currency",title:"Currency",selected:"number"===(null===(e=this.value)||void 0===e?void 0:e.type)&&"currency"===(null===(i=this.value.options)||void 0===i?void 0:i.style)},{id:"decimal",title:"Decimal",selected:"number"===(null===(n=this.value)||void 0===n?void 0:n.type)&&"decimal"===(null===(o=this.value.options)||void 0===o?void 0:o.style)},{id:"percent",title:"Percent",selected:"number"===(null===(s=this.value)||void 0===s?void 0:s.type)&&"percent"===(null===(r=this.value.options)||void 0===r?void 0:r.style)},{id:"unit",title:"Unit",selected:"number"===(null===(d=this.value)||void 0===d?void 0:d.type)&&"unit"===(null===(u=this.value.options)||void 0===u?void 0:u.style)},{id:"date",title:"Date",selected:"date"===(null===(a=this.value)||void 0===a?void 0:a.type)},{id:"relative-date",title:"Relative date",selected:"relative-date"===(null===(m=this.value)||void 0===m?void 0:m.type)}];return[l("limel-button-group",{key:"142f19b2441e11b3d1ad151edb9603f7656e10be",value:c.filter(this.isValidButton),onChange:this.handleChangeType}),this.renderFormatConfig()]}renderFormatConfig(){var t,e;if(!(null===(t=this.value)||void 0===t?void 0:t.type))return;let i=this.value.type;this.isNumberFormat(this.value)&&(i=null===(e=this.value.options)||void 0===e?void 0:e.style);const n=`limebb-info-tile-${i}-format`;return customElements.get(n)?l(n,{platform:this.platform,context:this.context,class:"format",value:this.value}):void 0}isNumberFormat(t){return"number"===(null==t?void 0:t.type)}static get style(){return":host(limebb-info-tile-format){display:grid;gap:1rem}limel-button-group{grid-column:1/-1}.format{display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}"}},[1,"limebb-info-tile-format",{platform:[16],context:[16],type:[1],value:[16]}]),s=o,r=function(){"undefined"!=typeof customElements&&["limebb-info-tile-format"].forEach((t=>{"limebb-info-tile-format"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))};export{s as LimebbInfoTileFormat,r as defineCustomElement}