@descope/web-components-ui 3.20.4 → 3.21.1

package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-index-js.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3829,8399],{3393(t,e,n){n.d(e,{y:()=>a});var r=n(9696),i=n(79365),s=n(81365);const a=(...t)=>(0,r.Zz)(i.XX,i._$,i.yF,i.jd)((0,s.q)(...t))},80001(t,e,n){n.d(e,{$W:()=>c,S$:()=>p,_Z:()=>s});var r=n(97810),i=n(73551);const s=t=>class extends t{#t=({value:t,label:e})=>`<descope-button-selection-group-item value="${t}">${e}</descope-button-selection-group-item>`;#e;get renderItem(){return this.#t}set renderItem(t){this.#t=t,this.renderItems()}get size(){return this.inputElement?.size}get data(){if(this.#e)return this.#e;const t=this.getAttribute("data");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "data" - ',t.message)}return[]}set data(t){this.isValidDataType(t)&&(this.#e=t,this.renderItems())}isValidDataType(t){const e=Array.isArray(t);return e||console.error("data must be an array, received:",t),e}getItemsTemplate(){return this.data?.reduce?.((t,e)=>t+(this.renderItem?.(e||{})||""),"")}renderItems(){const t=this.getItemsTemplate();t&&(this.innerHTML=t)}init(){super.init?.(),this.renderItems(),(0,r.mx)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),(0,r.Ge)(this,({addedNodes:t})=>{t.forEach(t=>{t.setAttribute("size",this.size)})})}},{host:a,label:o,requiredIndicator:l,internalWrapper:d,errorMessage:u}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:()=>':host [part="internal-component"] slot'},errorMessage:{selector:"::part(error-message)"}},c={hostWidth:{...a,property:"width"},hostDirection:{...a,property:"direction"},fontFamily:a,labelTextColor:[{...o,property:"color"},{...l,property:"color"}],labelRequiredIndicator:{...l,property:"content"},errorMessageTextColor:{...u,property:"color"},errorMessageIcon:{...u,property:"background-image"},errorMessageIconSize:{...u,property:"background-size"},errorMessageIconPadding:{...u,property:"padding-inline-start"},errorMessageIconRepeat:{...u,property:"background-repeat"},errorMessageIconPosition:{...u,property:"background-position"},errorMessageFontSize:{...u,property:"font-size"},itemsSpacing:{...d,property:"gap"}},p=`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t${(0,i.X6)()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      [part="internal-component"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n      [part="internal-component"] slot {\n        box-sizing: border-box;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${(0,i.$J)("vaadin-text-field")}\n\t\t\t${(0,i.I4)("vaadin-text-field")}\n    `},51298(t,e,n){n.d(e,{m:()=>a}),n(25964);var r=n(3393),i=n(97810),s=n(13011);const a=t=>{class e extends((0,r.y)({componentName:t,baseSelector:"slot"})){constructor(){super(),this.innerHTML='\n    <slot part="wrapper"></slot>\n      '}dispatchChange=s.r.bind(this,"change");get items(){return this.querySelector("slot").assignedElements()}get isReadonly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"md"}get value(){console.warn("get value","is not implemented")}set value(t){console.warn("set value","is not implemented")}onSizeChange(){this.items.forEach(t=>{t.setAttribute("size",this.size)})}onReadOnlyChange(){this.querySelector("slot").toggleAttribute("inert",this.isReadonly)}getValidity(){console.warn("getValidity","is not implemented")}onObservedAttributeChange(t){t.forEach(t=>{switch(t){case"size":this.onSizeChange();break;case"readonly":this.onReadOnlyChange()}})}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.items[0]?.focus()}),super.init?.(),(0,i.mx)(this,this.onObservedAttributeChange.bind(this),{includeAttrs:["size","readonly"]})}}return e}},5364(t,e,n){n.d(e,{T:()=>s,o:()=>a});var r=n(97810),i=n(51298);const s=(0,r.xE)("button-multi-selection-group-internal");class a extends((0,i.m)(s)){#n(){return this.items.filter(t=>t.hasAttribute("selected"))}onClick(t){t.target!==t.currentTarget&&(this.#n().includes(t.target)?t.target.removeAttribute("selected"):t.target.setAttribute("selected","true"),this.dispatchChange())}get value(){return this.#n().map(t=>t.value)}set value(t){this.items.forEach(e=>{t.includes(e.value)?e.setAttribute("selected","true"):e.removeAttribute("selected")})}get minItemsSelection(){return parseInt(this.getAttribute("min-items-selection"),10)||0}get maxItemsSelection(){return parseInt(this.getAttribute("max-items-selection"),10)||0}#r(t){const e=Array.isArray(t);return e||console.error("default-values must be an array, received:",t),e}get defaultValues(){const t=this.getAttribute("default-values");if(t)try{const e=JSON.parse(t);if(this.#r(e))return e}catch(t){console.error('could not parse data string from attribute "default-values" -',t.message)}return[]}setDefaultValues(){setTimeout(()=>{this.defaultValues&&(this.value=this.defaultValues,this.setCustomValidity())})}getValidity(){return this.isRequired&&!this.value.length?{valueMissing:!0}:this.isRequired&&this.minItemsSelection&&this.value.length<this.minItemsSelection?{rangeUnderflow:!0}:this.maxItemsSelection&&this.value.length>this.maxItemsSelection?{rangeOverflow:!0}:{}}init(){super.init(),this.setDefaultValues(),this.querySelector("slot").addEventListener("click",this.onClick.bind(this))}}},91831(t,e,n){n.r(e),n.d(e,{ButtonMultiSelectionGroupInternalClass:()=>r.o});var r=n(5364);customElements.define(r.T,r.o)},55162(t,e,n){n.r(e),n.d(e,{ButtonMultiSelectionGroupClass:()=>d,componentName:()=>l});var r=n(79365),i=n(5364),s=n(9696),a=n(97810),o=n(80001);const l=(0,a.xE)("button-multi-selection-group"),d=(0,s.Zz)((0,r.RF)({mappings:{...o.$W}}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"]}),r.tQ,o._Z,t=>class extends t{init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n      <${i.T}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${i.T}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(i.T),this.inputElement.addEventListener("change",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),(0,a.EA)(this,this.inputElement,{includeAttrs:["size","default-values","min-items-selection","max-items-selection"]})}})((0,r.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>o.S$,excludeAttrsSync:["tabindex","style"],componentName:l}));n(91831),n(15450),customElements.define(l,d)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1837,3829,8399],{19624(t,e,n){n.d(e,{J:()=>p,T:()=>l});var r=n(63200),i=n(25964),s=n(88961),o=n(98538),a=n(10767);const l=(0,i.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,r.Zz)((0,s.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,s.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...d,property:"max-width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:o.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),a.G,s.VO,s.tQ)((0,s.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${u}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${p.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:g,fontSize:m}=p.cssVarList;u=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${g});\n\t\ttop: calc(50% - (var(${m}) / 2));\n\t\tleft: calc(50% - (var(${m}) / 2));\n\t\tborder-width: calc(var(${m}) / 10);\n\t\twidth: var(${m});\n\t\theight: var(${m});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,n){n.d(e,{G:()=>r});const r=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,n){n.r(e),n.d(e,{ButtonClass:()=>r.J,componentName:()=>r.T});var r=n(19624);n(83799),customElements.define(r.T,r.J)},98538(t,e,n){n.d(e,{S:()=>l,T:()=>a});var r=n(88961),i=n(25964),s=n(8512),o=n(63200);const a=(0,i.xE)("icon"),l=(0,o.Zz)((0,r.RF)({mappings:{fill:[{},{property:s.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)((0,r.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:a}))},8512(t,e,n){n.d(e,{T:()=>l,q:()=>h});var r=n(88961),i=n(72270),s=n(63200),o=n(25964),a=n(18782);const l=(0,o.xE)("image"),d=["src","src-dark"];class c extends((0,i.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,o.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${h.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const h=(0,s.Zz)((0,r.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)(c)},18782(t,e,n){n.d(e,{m:()=>s});var r=n(25414);const i=t=>{const e=r.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},s=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=i(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),r=await e.text();n=i(r)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},3393(t,e,n){n.d(e,{y:()=>o});var r=n(9696),i=n(79365),s=n(81365);const o=(...t)=>(0,r.Zz)(i.XX,i._$,i.yF,i.jd)((0,s.q)(...t))},80001(t,e,n){n.d(e,{$W:()=>h,S$:()=>u,_Z:()=>s});var r=n(97810),i=n(73551);const s=t=>class extends t{#t=({value:t,label:e})=>`<descope-button-selection-group-item value="${t}">${e}</descope-button-selection-group-item>`;#e;get renderItem(){return this.#t}set renderItem(t){this.#t=t,this.renderItems()}get size(){return this.inputElement?.size}get data(){if(this.#e)return this.#e;const t=this.getAttribute("data");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "data" - ',t.message)}return[]}set data(t){this.isValidDataType(t)&&(this.#e=t,this.renderItems())}isValidDataType(t){const e=Array.isArray(t);return e||console.error("data must be an array, received:",t),e}getItemsTemplate(){return this.data?.reduce?.((t,e)=>t+(this.renderItem?.(e||{})||""),"")}renderItems(){const t=this.getItemsTemplate();t&&(this.innerHTML=t)}init(){super.init?.(),this.renderItems(),(0,r.mx)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),(0,r.Ge)(this,({addedNodes:t})=>{t.forEach(t=>{t.setAttribute("size",this.size)})})}},{host:o,label:a,requiredIndicator:l,internalWrapper:d,errorMessage:c}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:()=>':host [part="internal-component"] slot'},errorMessage:{selector:"::part(error-message)"}},h={hostWidth:{...o,property:"width"},hostDirection:{...o,property:"direction"},fontFamily:o,labelTextColor:[{...a,property:"color"},{...l,property:"color"}],labelRequiredIndicator:{...l,property:"content"},errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},errorMessageFontSize:{...c,property:"font-size"},itemsSpacing:{...d,property:"gap"}},u=`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t${(0,i.X6)()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      [part="internal-component"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n      [part="internal-component"] slot {\n        box-sizing: border-box;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${(0,i.$J)("vaadin-text-field")}\n\t\t\t${(0,i.I4)("vaadin-text-field")}\n    `},51298(t,e,n){n.d(e,{m:()=>o}),n(25964);var r=n(3393),i=n(97810),s=n(13011);const o=t=>{class e extends((0,r.y)({componentName:t,baseSelector:"slot"})){constructor(){super(),this.innerHTML='\n    <slot part="wrapper"></slot>\n      '}dispatchChange=s.r.bind(this,"change");get items(){return this.querySelector("slot").assignedElements()}get isReadonly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"md"}get value(){console.warn("get value","is not implemented")}set value(t){console.warn("set value","is not implemented")}onSizeChange(){this.items.forEach(t=>{t.setAttribute("size",this.size)})}onReadOnlyChange(){this.querySelector("slot").toggleAttribute("inert",this.isReadonly)}getValidity(){console.warn("getValidity","is not implemented")}onObservedAttributeChange(t){t.forEach(t=>{switch(t){case"size":this.onSizeChange();break;case"readonly":this.onReadOnlyChange()}})}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.items[0]?.focus()}),super.init?.(),(0,i.mx)(this,this.onObservedAttributeChange.bind(this),{includeAttrs:["size","readonly"]})}}return e}},5364(t,e,n){n.d(e,{T:()=>s,o:()=>o});var r=n(97810),i=n(51298);const s=(0,r.xE)("button-multi-selection-group-internal");class o extends((0,i.m)(s)){#n(){return this.items.filter(t=>t.hasAttribute("selected"))}onClick(t){t.target!==t.currentTarget&&(this.#n().includes(t.target)?t.target.removeAttribute("selected"):t.target.setAttribute("selected","true"),this.dispatchChange())}get value(){return this.#n().map(t=>t.value)}set value(t){this.items.forEach(e=>{t.includes(e.value)?e.setAttribute("selected","true"):e.removeAttribute("selected")})}get minItemsSelection(){return parseInt(this.getAttribute("min-items-selection"),10)||0}get maxItemsSelection(){return parseInt(this.getAttribute("max-items-selection"),10)||0}#r(t){const e=Array.isArray(t);return e||console.error("default-values must be an array, received:",t),e}get defaultValues(){const t=this.getAttribute("default-values");if(t)try{const e=JSON.parse(t);if(this.#r(e))return e}catch(t){console.error('could not parse data string from attribute "default-values" -',t.message)}return[]}setDefaultValues(){setTimeout(()=>{this.defaultValues&&(this.value=this.defaultValues,this.setCustomValidity())})}getValidity(){return this.isRequired&&!this.value.length?{valueMissing:!0}:this.isRequired&&this.minItemsSelection&&this.value.length<this.minItemsSelection?{rangeUnderflow:!0}:this.maxItemsSelection&&this.value.length>this.maxItemsSelection?{rangeOverflow:!0}:{}}init(){super.init(),this.setDefaultValues(),this.querySelector("slot").addEventListener("click",this.onClick.bind(this))}}},91831(t,e,n){n.r(e),n.d(e,{ButtonMultiSelectionGroupInternalClass:()=>r.o});var r=n(5364);customElements.define(r.T,r.o)},55162(t,e,n){n.r(e),n.d(e,{ButtonMultiSelectionGroupClass:()=>d,componentName:()=>l});var r=n(79365),i=n(5364),s=n(9696),o=n(97810),a=n(80001);const l=(0,o.xE)("button-multi-selection-group"),d=(0,s.Zz)((0,r.RF)({mappings:{...a.$W}}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"]}),r.tQ,a._Z,t=>class extends t{init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n      <${i.T}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${i.T}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(i.T),this.inputElement.addEventListener("change",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),(0,o.EA)(this,this.inputElement,{includeAttrs:["size","default-values","min-items-selection","max-items-selection"]})}})((0,r.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>a.S$,excludeAttrsSync:["tabindex","style"],componentName:l}));n(91831),n(15450),customElements.define(l,d)},15450(t,e,n){n.r(e),n.d(e,{ButtonSelectionGroupItemClass:()=>h});var r=n(19624),i=n(25964),s=n(79365),o=n(81365),a=n(9696),l=n(97810);const d=(0,l.xE)("button-selection-group-item");class c extends((0,o.q)({componentName:d,baseSelector:":host > descope-button"})){get size(){return this.getAttribute("size")||"md"}get variant(){return this.getAttribute("variant")||"contained"}get value(){return this.getAttribute("value")||""}set value(t){this.setAttribute("value",t)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <descope-button variant="${this.variant}" size="${this.size}" mode="primary">\n      <slot></slot>\n    </descope-button>\n\t`,(0,i.fz)("\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  ",this),(0,l.EA)(this,this.baseElement,{includeAttrs:["size","variant"]}),(0,l.EA)(this.baseElement,this,{includeAttrs:["focused","active"]})}handleFocus(){this.shadowRoot.querySelector("descope-button")?.focus()}focus(){this.handleFocus()}init(){super.init(),this.addEventListener("focus",t=>{t.isTrusted&&this.handleFocus()})}}const h=(0,a.Zz)((0,s.RF)({mappings:{hostDirection:{selector:()=>r.J.componentName,property:r.J.cssVarList.hostDirection},backgroundColor:{selector:()=>r.J.componentName,property:r.J.cssVarList.backgroundColor},labelTextColor:{selector:()=>r.J.componentName,property:r.J.cssVarList.labelTextColor},borderColor:{selector:()=>r.J.componentName,property:r.J.cssVarList.borderColor},borderWidth:{selector:()=>r.J.componentName,property:r.J.cssVarList.borderWidth},borderStyle:{selector:()=>r.J.componentName,property:r.J.cssVarList.borderStyle},borderRadius:{selector:()=>r.J.componentName,property:r.J.cssVarList.borderRadius},outlineColor:{selector:()=>r.J.componentName,property:r.J.cssVarList.outlineColor}}}),s.VO,s.tQ)(c);n(30576),customElements.define(d,h)}}]);
 //# sourceMappingURL=button-selection-group-fields-descope-button-multi-selection-group-index-js.js.map

package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-selection-group-fields-descope-button-multi-selection-group-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/baseButtonSelectionGroup.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/createBaseButtonSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-multi-selection-group-internal/ButtonMultiSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-multi-selection-group-internal/index.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-multi-selection-group/ButtonMultiSelectionGroupClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-multi-selection-group/index.js"],"sourcesContent":["import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\n","import { observeAttributes, observeChildren } from '../../helpers/componentHelpers';\nimport {\n  resetInputLabelPosition,\n  resetInputCursor,\n  resetInputFieldDefaultWidth,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const buttonSelectionGroupBaseMixin = (superclass) =>\n  class ButtonSelectionGroupMixinClass extends superclass {\n    #renderItem = ({ value, label }) =>\n      `<descope-button-selection-group-item value=\"${value}\">${label}</descope-button-selection-group-item>`;\n\n    #data;\n\n    get renderItem() {\n      return this.#renderItem;\n    }\n\n    set renderItem(renderFn) {\n      this.#renderItem = renderFn;\n      this.renderItems();\n    }\n\n    get size() {\n      return this.inputElement?.size;\n    }\n\n    get data() {\n      if (this.#data) return this.#data;\n\n      const dataAttr = this.getAttribute('data');\n\n      if (dataAttr) {\n        try {\n          const data = JSON.parse(dataAttr);\n          if (this.isValidDataType(data)) {\n            return data;\n          }\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.error('could not parse data string from attribute \"data\" - ', e.message);\n        }\n      }\n\n      return [];\n    }\n\n    set data(data) {\n      if (this.isValidDataType(data)) {\n        this.#data = data;\n        this.renderItems();\n      }\n    }\n\n    isValidDataType(data) {\n      const isValid = Array.isArray(data);\n      if (!isValid) {\n        // eslint-disable-next-line no-console\n        console.error('data must be an array, received:', data);\n      }\n\n      return isValid;\n    }\n\n    getItemsTemplate() {\n      return this.data?.reduce?.((acc, item) => acc + (this.renderItem?.(item || {}) || ''), '');\n    }\n\n    renderItems() {\n      const template = this.getItemsTemplate();\n      if (template) this.innerHTML = template;\n    }\n\n    init() {\n      super.init?.();\n\n      this.renderItems();\n\n      observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });\n\n      // we want new items to get the size\n      observeChildren(this, ({ addedNodes }) => {\n        addedNodes.forEach((node) => {\n          node.setAttribute('size', this.size);\n        });\n      });\n    }\n  };\n\nconst { host, label, requiredIndicator, internalWrapper, errorMessage } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  internalWrapper: { selector: () => ':host [part=\"internal-component\"] slot' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const buttonSelectionGroupMappings = {\n  hostWidth: { ...host, property: 'width' },\n  hostDirection: { ...host, property: 'direction' },\n  fontFamily: host,\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n  ],\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n  itemsSpacing: { ...internalWrapper, property: 'gap' },\n};\n\nexport const buttonSelectionGroupStyles = `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t${resetInputFieldDefaultWidth()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      [part=\"internal-component\"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n      [part=\"internal-component\"] slot {\n        box-sizing: border-box;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${resetInputCursor('vaadin-text-field')}\n    `;\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport { observeAttributes } from '../../helpers/componentHelpers';\nimport { createDispatchEvent } from '../../helpers/mixinsHelpers';\n\nexport const createBaseButtonSelectionGroupInternalClass = (componentName) => {\n  class BaseButtonSelectionGroupInternalClass extends createBaseInputClass({\n    componentName,\n    baseSelector: 'slot',\n  }) {\n    constructor() {\n      super();\n\n      this.innerHTML = `\n    <slot part=\"wrapper\"></slot>\n      `;\n    }\n\n    dispatchChange = createDispatchEvent.bind(this, 'change');\n\n    get items() {\n      return this.querySelector('slot').assignedElements();\n    }\n\n    get isReadonly() {\n      return this.getAttribute('readonly') === 'true';\n    }\n\n    get size() {\n      return this.getAttribute('size') || 'md';\n    }\n\n    // eslint-disable-next-line getter-return\n    get value() {\n      // eslint-disable-next-line no-console\n      console.warn('get value', 'is not implemented');\n    }\n\n    set value(value) {\n      // eslint-disable-next-line no-console\n      console.warn('set value', 'is not implemented');\n    }\n\n    onSizeChange() {\n      this.items.forEach((item) => {\n        item.setAttribute('size', this.size);\n      });\n    }\n\n    onReadOnlyChange() {\n      this.querySelector('slot').toggleAttribute('inert', this.isReadonly);\n    }\n\n    getValidity() {\n      // eslint-disable-next-line no-console\n      console.warn('getValidity', 'is not implemented');\n    }\n\n    onObservedAttributeChange(attrs) {\n      attrs.forEach((attr) => {\n        switch (attr) {\n          case 'size':\n            this.onSizeChange();\n            break;\n          case 'readonly':\n            this.onReadOnlyChange();\n            break;\n          default:\n            break;\n        }\n      });\n    }\n\n    init() {\n      // we are adding listeners before calling to super because it's stopping the events\n      this.addEventListener('focus', (e) => {\n        // we want to ignore focus events we are dispatching\n        if (e.isTrusted) {\n          this.items[0]?.focus();\n        }\n      });\n\n      super.init?.();\n\n      observeAttributes(this, this.onObservedAttributeChange.bind(this), {\n        includeAttrs: ['size', 'readonly'],\n      });\n    }\n  }\n\n  return BaseButtonSelectionGroupInternalClass;\n};\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { createBaseButtonSelectionGroupInternalClass } from '../createBaseButtonSelectionGroupInternalClass';\n\nexport const componentName = getComponentName('button-multi-selection-group-internal');\n\nexport class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(\n  componentName\n) {\n  #getSelectedNodes() {\n    return this.items.filter((item) => item.hasAttribute('selected'));\n  }\n\n  onClick(e) {\n    if (e.target !== e.currentTarget) {\n      if (this.#getSelectedNodes().includes(e.target)) {\n        e.target.removeAttribute('selected');\n      } else {\n        e.target.setAttribute('selected', 'true');\n      }\n      this.dispatchChange();\n    }\n  }\n\n  get value() {\n    return this.#getSelectedNodes().map((node) => node.value);\n  }\n\n  set value(values) {\n    this.items.forEach((item) => {\n      if (values.includes(item.value)) {\n        item.setAttribute('selected', 'true');\n      } else {\n        item.removeAttribute('selected');\n      }\n    });\n  }\n\n  get minItemsSelection() {\n    return parseInt(this.getAttribute('min-items-selection'), 10) || 0;\n  }\n\n  get maxItemsSelection() {\n    return parseInt(this.getAttribute('max-items-selection'), 10) || 0;\n  }\n\n  #isValidDataType(data) {\n    const isValid = Array.isArray(data);\n    if (!isValid) {\n      // eslint-disable-next-line no-console\n      console.error('default-values must be an array, received:', data);\n    }\n\n    return isValid;\n  }\n\n  get defaultValues() {\n    const defaultValuesAttr = this.getAttribute('default-values');\n    if (defaultValuesAttr) {\n      try {\n        const defaultValues = JSON.parse(defaultValuesAttr);\n        if (this.#isValidDataType(defaultValues)) {\n          return defaultValues;\n        }\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error('could not parse data string from attribute \"default-values\" -', e.message);\n      }\n    }\n    return [];\n  }\n\n  setDefaultValues() {\n    // we want to defer this action until all attributes are synced\n    setTimeout(() => {\n      if (this.defaultValues) {\n        this.value = this.defaultValues;\n        this.setCustomValidity();\n      }\n    });\n  }\n\n  getValidity() {\n    if (this.isRequired && !this.value.length) {\n      return { valueMissing: true };\n    }\n    // If the field is not required, no minimum selection can be set\n    if (this.isRequired && this.minItemsSelection && this.value.length < this.minItemsSelection) {\n      return {\n        rangeUnderflow: true,\n      };\n    }\n    if (this.maxItemsSelection && this.value.length > this.maxItemsSelection) {\n      return {\n        rangeOverflow: true,\n      };\n    }\n    return {};\n  }\n\n  init() {\n    super.init();\n\n    this.setDefaultValues();\n\n    this.querySelector('slot').addEventListener('click', this.onClick.bind(this));\n  }\n}\n","import {\n  componentName,\n  ButtonMultiSelectionGroupInternalClass,\n} from './ButtonMultiSelectionGroupInternalClass';\n\ncustomElements.define(componentName, ButtonMultiSelectionGroupInternalClass);\n\nexport { ButtonMultiSelectionGroupInternalClass };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { componentName as descopeInternalComponentName } from '../descope-button-multi-selection-group-internal/ButtonMultiSelectionGroupInternalClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport {\n  buttonSelectionGroupBaseMixin,\n  buttonSelectionGroupMappings,\n  buttonSelectionGroupStyles,\n} from '../baseButtonSelectionGroup';\n\nexport const componentName = getComponentName('button-multi-selection-group');\n\nconst buttonMultiSelectionGroupMixin = (superclass) =>\n  class ButtonMultiSelectionGroupMixinClass extends superclass {\n    init() {\n      super.init?.();\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n      \tname=\"button-selection-group\"\n      \tslot=\"input\"\n        tabindex=\"-1\"\n        part=\"internal-component\"\n      >\n        <slot></slot>\n      </${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      // the inner *-internal dispatches a non-bubbling, non-composed `change`,\n      // which never reaches the flow runtime. Re-emit standard input/change from\n      // the host (bubbling + composed) so flow real-time conditions fire.\n      this.inputElement.addEventListener('change', () => {\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n      });\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: ['size', 'default-values', 'min-items-selection', 'max-items-selection'],\n      });\n    }\n  };\n\nexport const ButtonMultiSelectionGroupClass = compose(\n  createStyleMixin({\n    mappings: {\n      ...buttonSelectionGroupMappings,\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin,\n  buttonSelectionGroupBaseMixin,\n  buttonMultiSelectionGroupMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => buttonSelectionGroupStyles,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n\nexport default ButtonMultiSelectionGroupClass;\n","import { componentName, ButtonMultiSelectionGroupClass } from './ButtonMultiSelectionGroupClass';\nimport '../descope-button-multi-selection-group-internal';\nimport '../descope-button-selection-group-item';\n\ncustomElements.define(componentName, ButtonMultiSelectionGroupClass);\n\nexport { ButtonMultiSelectionGroupClass, componentName };\n"],"names":["createBaseInputClass","args","_helpers__WEBPACK_IMPORTED_MODULE_0__","Zz","_mixins__WEBPACK_IMPORTED_MODULE_1__","XX","_$","yF","jd","_createBaseClass__WEBPACK_IMPORTED_MODULE_2__","q","buttonSelectionGroupBaseMixin","superclass","renderItem","value","label","data","this","renderFn","renderItems","size","inputElement","dataAttr","getAttribute","JSON","parse","isValidDataType","e","console","error","message","isValid","Array","isArray","getItemsTemplate","reduce","acc","item","template","innerHTML","init","super","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_0__","mx","bind","includeAttrs","Ge","addedNodes","forEach","node","setAttribute","host","requiredIndicator","internalWrapper","errorMessage","selector","buttonSelectionGroupMappings","hostWidth","property","hostDirection","fontFamily","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","itemsSpacing","buttonSelectionGroupStyles","_helpers_themeHelpers_resetHelpers__WEBPACK_IMPORTED_MODULE_1__","X6","$J","I4","createBaseButtonSelectionGroupInternalClass","componentName","BaseButtonSelectionGroupInternalClass","_baseClasses_createBaseInputClass__WEBPACK_IMPORTED_MODULE_1__","y","baseSelector","constructor","dispatchChange","_helpers_mixinsHelpers__WEBPACK_IMPORTED_MODULE_3__","r","items","querySelector","assignedElements","isReadonly","warn","onSizeChange","onReadOnlyChange","toggleAttribute","getValidity","onObservedAttributeChange","attrs","attr","addEventListener","isTrusted","focus","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_2__","xE","ButtonMultiSelectionGroupInternalClass","_createBaseButtonSelectionGroupInternalClass__WEBPACK_IMPORTED_MODULE_1__","m","getSelectedNodes","filter","hasAttribute","onClick","target","currentTarget","includes","removeAttribute","map","values","minItemsSelection","parseInt","maxItemsSelection","defaultValues","defaultValuesAttr","setDefaultValues","setTimeout","setCustomValidity","isRequired","length","valueMissing","rangeUnderflow","rangeOverflow","customElements","define","_ButtonMultiSelectionGroupInternalClass__WEBPACK_IMPORTED_MODULE_0__","T","o","componentHelpers","ButtonMultiSelectionGroupClass","helpers","mixins","RF","mappings","baseButtonSelectionGroup","$W","VO","OZ","proxyProps","tQ","_Z","document","createElement","baseElement","appendChild","content","cloneNode","shadowRoot","dispatchEvent","Event","bubbles","composed","EA","tz","slots","wrappedEleName","style","S$","excludeAttrsSync"],"sourceRoot":""}
+{"version":3,"file":"button-selection-group-fields-descope-button-multi-selection-group-index-js.js","mappings":"oOAYO,MAAAA,GAAsB,EAAAC,EAAAC,IAAgB,WAsC7CC,KAAQA,EAAAC,MAAAA,EAAAC,YAAAA,GAA2B,CACnCF,KAAA,CAAUG,SAAA,aACVF,MAAA,CAAWE,SAAA,iBACXD,YAAA,CAAiBC,SAAA,gCAGjB,IAAAC,EAEO,MAAAC,GAAoB,EAAAC,EAAAC,KACzB,EAAAC,EAAAC,IAAY,CAAGC,SAAA,EAAaC,KAAA,aAAAC,MAAA,YAC5B,EAAAJ,EAAAK,IAAgB,CAClBC,SAAA,CACAC,UAAA,CAAmBC,SAAA,SACnBC,aAAA,IAAsBjB,EAAAgB,SAAA,aACtBE,WAAA,CAAoBF,SAAA,UACpBG,cAAA,IAAuBnB,EAAAgB,SAAA,aACvBI,SAAA,GACAC,WAAA,GACAC,WAAA,GAEAC,OAAA,GACAC,gBAAA,GAEAC,cAAA,GACAC,aAAA,GACAC,aAAA,GACAC,aAAA,GAEAC,aAAA,GACAC,YAAA,GACAC,YAAA,GACAC,YAAA,GAEAC,gBAAA,CACA,CAAUjB,SAAA,eACV,CAAUA,SAAA,mBAEVkB,kBAAA,CACA,CAAUlB,SAAA,gBAAAmB,SAAA,WACV,CAAUnB,SAAA,eAAAmB,SAAA,YAGVC,eAAA,CAAwBpB,SAAA,SACxBqB,UAAA,CACAlC,SAAA,mBACAa,SAAkBsB,EAAAC,EAASC,WAAAC,MAE3BC,oBAAA,IAA6BzC,EAAAe,SAAA,mBAC7B2B,aAAA,IAAsB1C,EAAAe,SAAA,OACtB4B,UAAA,IAAmB3C,EAAAe,SAAA,kBAAAmB,SAAA,UAEnBU,SAAA,CACA,IAAU3C,EAAAc,SAAA,SACV,IAAUd,EAAAc,SAAA,cAIR8B,EAAAC,EACAvC,EAAAwC,GACAxC,EAAAyC,GAnDyB,EAqDzB,EAAAzC,EAAA0C,IAAW,CACbC,MAAA,+BACAC,eAAA,gBACAC,MAAA,yjBAGKjD,2GAGmBC,EAAAmC,WAAAZ,uBAA8CvB,EAAAmC,WAAAf,qFAGjDpB,EAAAmC,WAAAzB,yEAGEV,EAAAmC,WAAAtB,qBAA4Cb,EAAAmC,WAAAZ,uBAA8CvB,EAAAmC,WAAAf,wGAG3FpB,EAAAmC,WAAAzB,oBAA2CV,EAAAmC,WAAAZ,uBAA8CvB,EAAAmC,WAAAf,uDAI/G6B,iBAAA,6BACAzD,oBAIA0D,MAAQA,EAAAnC,SAAAA,GAAkBf,EAAAmC,WAC1BpC,EAAA,mbAeemD,iCACUnC,wCACCA,yCACCA,6BACZA,wBACCA,0PC/JT,MAAAoC,EAAAC,GACP,cAAAA,EACA,aAAAC,GACA,eAAAC,KAAAC,aAAA,UACA,CAEA,KAAAC,GACAF,KAAAD,WAAAI,MAAAD,OACA,mGCLAE,eAAAC,OAAsBC,EAAAC,EAAeD,EAAAE,yFCO9B,MAAAtE,GAAsB,EAAAC,EAAAC,IAAgB,QAEtCqE,GAAkB,EAAAC,EAAA9D,KACvB,EAAA+D,EAAAzD,IAAgB,CAClBC,SAAA,CACA2B,KAAA,IAAe,CAAIzB,SAAUuD,EAAAC,EAAUhC,WAAAC,OACvCgC,OAAA,CAAgBtE,SAAA,aAChBuE,MAAA,CAAevE,SAAA,gBAGbmE,EAAAtB,GACAsB,EAAArB,GATuB,EAWvB,EAAAqB,EAAApB,IAAW,CACbC,MAAA,GACAC,eAAA,gBACAC,MAAA,iKAQAC,iBAAA,oDACAzD,oHCvBO,MAAAA,GAAsB,EAAA8E,EAAA5E,IAAgB,SAE7C6E,EAAA,mBAEA,MAAAC,WAAuB,EAAAC,EAAAC,IAAe,CACtClF,gBACAmF,aAAA,UAEA,6BAAAC,GACA,OAAAL,CACA,CAEA,WAAAM,GACApB,QAEAH,KAAAwB,aAAA,CAAwBC,KAAA,SAAcC,UAAA,2BAIlC,EAAAV,EAAAW,IACJ,6UAoBA3B,KAEA,CAEA,IAAA4B,GACAzB,MAAAyB,SACA5B,KAAA6B,iBAAA7B,KAAA8B,OACA,CAEA,aAAAC,GACA/B,KAAAgC,aACA,CAEA,gBAAAH,CAAAI,GACAA,EACAjC,KAAAkC,UAAAC,OAAA,UAEAnC,KAAAkC,UAAAE,IAAA,SAEA,CAEA,WAAAC,GACA,OAAArC,KAAAC,aAAA,UACA,CAEA,aAAAqC,GACA,OAAAtC,KAAAC,aAAA,MACA,CAEA,YAAAsC,GACA,OAAAvC,KAAAC,aAAA,OAAoCD,KAAAwC,mBACpC,CAEA,UAAAV,GACA,OAAA9B,KAAAuC,UAAAvC,KAAAsC,SACA,CAKA,eAAAG,CAAAC,GAEA,CAAAA,KAAAA,EAAAC,iBAAA,YAEAC,QAAAC,IACAA,EAAAC,aACA,OACA,OAAeC,EAAAlE,WAAAC,SAA+B+D,EAAA5C,aAAA,mBAG9C,CAEA,WAAA+B,GACAhC,KAAA6B,iBAAA7B,KAAA8B,SAEI,EAAAkB,EAAAC,GAAWjD,KAAA8B,OAAA9B,KAAAqC,SAAAa,KAAAC,IACfnD,KAAA0B,UAAA,GACAyB,IACAnD,KAAAyC,gBAAAU,GACAnD,KAAAoD,YAAAD,KAGA,CAGA,YAAAE,CAAAC,GACA,MAAAC,EAAAvD,KAAAC,aAAAqD,GACA,OAAAtD,KAAA8B,SAAAyB,CACA,CAEA,wBAAAC,CAAAC,EAAAC,EAAAC,GACAxD,MAAAqD,2BAAAC,EAAAC,EAAAC,GAEAD,IAAAC,GAEA3D,KAAAqD,aAAAI,IACAzD,KAAAgC,aAEA,EAGO,MAAAe,GAAmB,EAAAa,EAAAhH,KACxB,EAAA+D,EAAAzD,IAAgB,CAClBC,SAAA,CACA2B,KAAA,GACAgC,OAAA,CAAgBtE,SAAA,aAChBuE,MAAA,CAAevE,SAAA,gBAGbmE,EAAAtB,GACAsB,EAAArB,GATwB,CAU1B4B,iDC7IA,MAgBA2C,EAAAC,IAEA,MAAAC,EAAgBC,EAAAC,EAASC,SAAAJ,EAAA,CACzBK,aAAA,CAAoBC,KAAA,EAAAC,YAAA,GAEpBC,SAAA,UAEAC,YAAA,WAOA,OAJA,IAAAC,WAEAC,gBAAAV,EAAA,iBACAW,cAAA,QAIOC,EAAAC,MAAAtB,EAAAjB,KACP,IACA,IAAAQ,EACA,GA7BA,CAAAS,GAAAA,EAAAuB,WAFA,8BA+BAC,CAAAxB,GAAA,CAEA,MAAAyB,EAAAC,KAAA1B,EAAA2B,MAAAC,KACArC,EAAAgB,EAAAkB,EACA,MAAM,WAxCN,CAAAI,IACA,MAAAC,EAAAD,EAAAC,MAAA,8BACA,OAAAA,EAAAA,EAAA,SAsCMC,CAAA/B,GAAA,CAEN,MAAAgC,QAAAC,MAAAjC,GACAQ,QAAAwB,EAAAxB,OACAjB,EAAAgB,EAAAC,EACA,MAEAjB,EAtCA,EAAAS,EAAAjB,KACA,MAAAQ,EAAA2C,SAAAC,cAAA,OAGA,OAFA5C,EAAAC,aAAA,MAAAQ,GACAT,EAAAC,aAAA,MAAAT,GACAQ,GAkCA6C,CAAApC,EAAAjB,GAMA,OAHAQ,EAAAnD,MAAAiG,YAAA,oBACA9C,EAAAnD,MAAAiG,YAAA,qBAEA9C,CACA,CAAI,MACJ,WACA,qECjDO,MAAA+C,EAAA,IAAAC,KACL,EAAAC,EAAAlJ,IACEmJ,EAAAC,GACAD,EAAAE,GACAF,EAAAG,GACAH,EAAAI,GAJF,EAKE,EAAAC,EAAAvF,MAAegF,gFCRZ,MAAAQ,EAAAvG,GACP,cAAAA,EACAwG,GAAA,EAAqBrJ,QAAAX,WACrB,+CAAqDW,MAAUX,0CAE/DiK,GAEA,cAAAD,GACA,OAAAtG,MAAAsG,CACA,CAEA,cAAAA,CAAAE,GACAxG,MAAAsG,EAAAE,EACAxG,KAAAyG,aACA,CAEA,QAAAC,GACA,OAAA1G,KAAA2G,cAAAD,IACA,CAEA,QAAAH,GACA,GAAAvG,MAAAuG,EAAA,OAAAvG,MAAAuG,EAEA,MAAAK,EAAA5G,KAAAC,aAAA,QAEA,GAAA2G,EACA,IACA,MAAAL,EAAAM,KAAAC,MAAAF,GACA,GAAA5G,KAAA+G,gBAAAR,GACA,OAAAA,CAEA,CAAU,MAAAS,GAEVC,QAAAC,MAAA,uDAAAF,EAAAG,QACA,CAGA,QACA,CAEA,QAAAZ,CAAAA,GACAvG,KAAA+G,gBAAAR,KACAvG,MAAAuG,EAAAA,EACAvG,KAAAyG,cAEA,CAEA,eAAAM,CAAAR,GACA,MAAAa,EAAAC,MAAAC,QAAAf,GAMA,OALAa,GAEAH,QAAAC,MAAA,mCAAAX,GAGAa,CACA,CAEA,gBAAAG,GACA,OAAAvH,KAAAuG,MAAAiB,SAAA,CAAAC,EAAAC,IAAAD,GAAAzH,KAAAsG,aAAAoB,GAAA,KAAmF,OACnF,CAEA,WAAAjB,GACA,MAAAkB,EAAA3H,KAAAuH,mBACAI,IAAA3H,KAAA0B,UAAAiG,EACA,CAEA,IAAA/F,GACAzB,MAAAyB,SAEA5B,KAAAyG,eAEM,EAAAmB,EAAAC,IAAiB7H,KAAAA,KAAAyG,YAAAqB,KAAA9H,MAAA,CAAsC+H,aAAA,YAGvD,EAAAH,EAAAI,IAAehI,KAAA,EAAUiI,iBAC/BA,EAAArF,QAAAF,IACAA,EAAAI,aAAA,OAAA9C,KAAA0G,SAGA,IAGArK,KAAQA,EAAAC,MAAAA,EAAA4L,kBAAAA,EAAAC,gBAAAA,EAAAC,aAAAA,GAAgE,CACxE/L,KAAA,CAAUG,SAAA,aACVF,MAAA,CAAWE,SAAA,iBACX0L,kBAAA,CAAuB1L,SAAA,+CACvB2L,gBAAA,CAAqB3L,SAAA,8CACrB4L,aAAA,CAAkB5L,SAAA,0BAGX6L,EAAA,CACPjL,UAAA,IAAef,EAAAgB,SAAA,SACfG,cAAA,IAAmBnB,EAAAgB,SAAA,aACnBK,WAAArB,EACAoC,eAAA,CACA,IAAMnC,EAAAe,SAAA,SACN,IAAM6K,EAAA7K,SAAA,UAENiL,uBAAA,IAA4BJ,EAAA7K,SAAA,WAC5BkL,sBAAA,IAA2BH,EAAA/K,SAAA,SAC3BmL,iBAAA,IAAsBJ,EAAA/K,SAAA,oBACtBoL,qBAAA,IAA0BL,EAAA/K,SAAA,mBAC1BqL,wBAAA,IAA6BN,EAAA/K,SAAA,wBAC7BsL,uBAAA,IAA4BP,EAAA/K,SAAA,qBAC5BuL,yBAAA,IAA8BR,EAAA/K,SAAA,uBAC9BwL,qBAAA,IAA0BT,EAAA/K,SAAA,aAC1ByL,aAAA,IAAkBX,EAAA9K,SAAA,QAGX0L,EAAA,6FAKF,EAAAC,EAAAC,spCAqDG,EAAAD,EAAAE,IAAuB,gCAC1B,EAAAF,EAAAG,IAAgB,yGC1Kd,MAAAC,EAAAlN,IACP,MAAAmN,WAAsD,EAAAC,EAAAC,GAAoB,CAC1ErN,gBACAmF,aAAA,UAEA,WAAAE,GACApB,QAEAH,KAAA0B,UAAA,4CAGA,CAEA8H,eAAqBC,EAAAC,EAAmB5B,KAAA9H,KAAA,UAExC,SAAA2J,GACA,OAAA3J,KAAA0E,cAAA,QAAAkF,kBACA,CAEA,cAAAC,GACA,eAAA7J,KAAAC,aAAA,WACA,CAEA,QAAAyG,GACA,OAAA1G,KAAAC,aAAA,aACA,CAGA,SAAAhD,GAEAgK,QAAA6C,KAAA,iCACA,CAEA,SAAA7M,CAAAA,GAEAgK,QAAA6C,KAAA,iCACA,CAEA,YAAAC,GACA/J,KAAA2J,MAAA/G,QAAA8E,IACAA,EAAA5E,aAAA,OAAA9C,KAAA0G,OAEA,CAEA,gBAAAsD,GACAhK,KAAA0E,cAAA,QAAAuF,gBAAA,QAAAjK,KAAA6J,WACA,CAEA,WAAAK,GAEAjD,QAAA6C,KAAA,mCACA,CAEA,yBAAAK,CAAAC,GACAA,EAAAxH,QAAA5F,IACA,OAAAA,GACA,WACAgD,KAAA+J,eACA,MACA,eACA/J,KAAAgK,qBAMA,CAEA,IAAApI,GAEA5B,KAAAqK,iBAAA,QAAArD,IAEAA,EAAAsD,WACAtK,KAAA2J,MAAA,IAAAY,UAIApK,MAAAyB,UAEM,EAAA4I,EAAA3C,IAAiB7H,KAAAA,KAAAmK,0BAAArC,KAAA9H,MAAA,CACvB+H,aAAA,qBAEA,EAGA,OAAAsB,mECvFO,MAAAnN,GAAsB,EAAA0L,EAAAxL,IAAgB,yCAEtC,MAAAqO,WAAqD,EAAAC,EAAAzH,GAC5D/G,IAEA,EAAAyO,GACA,OAAA3K,KAAA2J,MAAAiB,OAAAlD,GAAAA,EAAAmD,aAAA,YACA,CAEA,OAAAC,CAAA9D,GACAA,EAAA+D,SAAA/D,EAAAgE,gBACAhL,MAAA2K,IAAAM,SAAAjE,EAAA+D,QACA/D,EAAA+D,OAAAG,gBAAA,YAEAlE,EAAA+D,OAAAjI,aAAA,mBAEA9C,KAAAwJ,iBAEA,CAEA,SAAAvM,GACA,OAAA+C,MAAA2K,IAAAQ,IAAAzI,GAAAA,EAAAzF,MACA,CAEA,SAAAA,CAAAmO,GACApL,KAAA2J,MAAA/G,QAAA8E,IACA0D,EAAAH,SAAAvD,EAAAzK,OACAyK,EAAA5E,aAAA,mBAEA4E,EAAAwD,gBAAA,aAGA,CAEA,qBAAAG,GACA,OAAAC,SAAAtL,KAAAC,aAAA,6BACA,CAEA,qBAAAsL,GACA,OAAAD,SAAAtL,KAAAC,aAAA,6BACA,CAEA,EAAA8G,CAAAR,GACA,MAAAa,EAAAC,MAAAC,QAAAf,GAMA,OALAa,GAEAH,QAAAC,MAAA,6CAAAX,GAGAa,CACA,CAEA,iBAAAoE,GACA,MAAAC,EAAAzL,KAAAC,aAAA,kBACA,GAAAwL,EACA,IACA,MAAAD,EAAA3E,KAAAC,MAAA2E,GACA,GAAAzL,MAAA+G,EAAAyE,GACA,OAAAA,CAEA,CAAQ,MAAAxE,GAERC,QAAAC,MAAA,gEAAAF,EAAAG,QACA,CAEA,QACA,CAEA,gBAAAuE,GAEAC,WAAA,KACA3L,KAAAwL,gBACAxL,KAAA/C,MAAA+C,KAAAwL,cACAxL,KAAA4L,sBAGA,CAEA,WAAA1B,GACA,OAAAlK,KAAA6L,aAAA7L,KAAA/C,MAAA6O,OACA,CAAeC,cAAA,GAGf/L,KAAA6L,YAAA7L,KAAAqL,mBAAArL,KAAA/C,MAAA6O,OAAA9L,KAAAqL,kBACA,CACAW,gBAAA,GAGAhM,KAAAuL,mBAAAvL,KAAA/C,MAAA6O,OAAA9L,KAAAuL,kBACA,CACAU,eAAA,GAGA,EACA,CAEA,IAAArK,GACAzB,MAAAyB,OAEA5B,KAAA0L,mBAEA1L,KAAA0E,cAAA,QAAA2F,iBAAA,QAAArK,KAAA8K,QAAAhD,KAAA9H,MACA,8FCpGAI,eAAAC,OAAsB6L,EAAA3L,EAAe2L,EAAAC,mJCW9B,MAAAjQ,GAAsB,EAAAkQ,EAAAhQ,IAAgB,gCAqCtCiQ,GAAuC,EAAAC,EAAA1P,KAC5C,EAAA2P,EAAArP,IAAgB,CAClBC,SAAA,IACSqP,EAAAC,MAGPF,EAAAlN,IACA,EAAAkN,EAAAG,IAAe,CAAGC,WAAA,6BAClBJ,EAAAjN,GACAkN,EAAAI,GA5CF9M,GACA,cAAAA,EACA,IAAA8B,GACAzB,MAAAyB,SACA,MAAA+F,EAAAnC,SAAAC,cAAA,YAEAkC,EAAAjG,UAAA,YACS+I,EAAAlK,qKAOCkK,EAAAlK,aAGVP,KAAA6M,YAAAzJ,YAAAuE,EAAAmF,QAAAC,WAAA,IAEA/M,KAAA2G,aAAA3G,KAAAgN,WAAAtI,cAAwD+F,EAAAlK,GAKxDP,KAAA2G,aAAA0D,iBAAA,cACArK,KAAAiN,cAAA,IAAAC,MAAA,SAAgDC,SAAA,EAAAC,UAAA,KAChDpN,KAAAiN,cAAA,IAAAC,MAAA,UAAiDC,SAAA,EAAAC,UAAA,QAG3C,EAAAhB,EAAAiB,IAAYrN,KAAAA,KAAA2G,aAAA,CAClBoB,aAAA,uEAEA,GAG8C,EAY5C,EAAAwE,EAAAhN,IAAW,CACbC,MAAA,GACAC,eAAA,oBACAC,MAAA,IAAiB8M,EAAAc,GACjB3N,iBAAA,qBACAzD,qCClEAkE,eAAAC,OAAsBnE,EAAemQ,0ICG9B,MAAAnQ,GAAsB,EAAAkQ,EAAAhQ,IAAgB,+BAE7C,MAAAmR,WAA4B,EAAAC,EAAA3M,GAAe,CAC3C3E,gBACAmF,aAAA,4BAEA,QAAAqF,GACA,OAAA1G,KAAAC,aAAA,aACA,CAEA,WAAAwN,GACA,OAAAzN,KAAAC,aAAA,uBACA,CAEA,SAAAhD,GACA,OAAA+C,KAAAC,aAAA,YACA,CAEA,SAAAhD,CAAAA,GACA+C,KAAA8C,aAAA,QAAA7F,EACA,CAEA,WAAAsE,GACApB,QAEAH,KAAAwB,aAAA,CAAwBC,KAAA,SAAcC,UAAA,kCACP1B,KAAAyN,kBAAuBzN,KAAA0G,yEAKlD,EAAAgH,EAAA/L,IACJ,8SAeA3B,OAGI,EAAAoM,EAAAiB,IAAYrN,KAAAA,KAAA6M,YAAA,CAA2B9E,aAAA,sBACvC,EAAAqE,EAAAiB,IAAYrN,KAAA6M,YAAA7M,KAAA,CAA2B+H,aAAA,sBAC3C,CAEA,WAAA4F,GACA3N,KAAAgN,WAAAtI,cAAA,mBAAA6F,OACA,CAEA,KAAAA,GACAvK,KAAA2N,aACA,CAEA,IAAA/L,GACAzB,MAAAyB,OACA5B,KAAAqK,iBAAA,QAAArD,IAEAA,EAAAsD,WACAtK,KAAA2N,eAGA,EAGO,MAAAC,GAAsC,EAAAtB,EAAA1P,KAC3C,EAAA2P,EAAArP,IAAgB,CAClBC,SAAA,CACAK,cAAA,CACAhB,SAAA,IAAwBE,EAAA8D,EAAWtE,cACnCmB,SAAkBX,EAAA8D,EAAW3B,WAAArB,eAE7BK,gBAAA,CACArB,SAAA,IAAwBE,EAAA8D,EAAWtE,cACnCmB,SAAkBX,EAAA8D,EAAW3B,WAAAhB,iBAE7BY,eAAA,CACAjC,SAAA,IAAwBE,EAAA8D,EAAWtE,cACnCmB,SAAkBX,EAAA8D,EAAW3B,WAAAJ,gBAE7BN,YAAA,CACA3B,SAAA,IAAwBE,EAAA8D,EAAWtE,cACnCmB,SAAkBX,EAAA8D,EAAW3B,WAAAV,aAE7BE,YAAA,CACA7B,SAAA,IAAwBE,EAAA8D,EAAWtE,cACnCmB,SAAkBX,EAAA8D,EAAW3B,WAAAR,aAE7BD,YAAA,CACA5B,SAAA,IAAwBE,EAAA8D,EAAWtE,cACnCmB,SAAkBX,EAAA8D,EAAW3B,WAAAT,aAE7BF,aAAA,CACA1B,SAAA,IAAwBE,EAAA8D,EAAWtE,cACnCmB,SAAkBX,EAAA8D,EAAW3B,WAAAX,cAE7BH,aAAA,CACAvB,SAAA,IAAwBE,EAAA8D,EAAWtE,cACnCmB,SAAkBX,EAAA8D,EAAW3B,WAAAd,iBAI3BwO,EAAAlN,GACAkN,EAAAjN,GAtC2C,CAuC7CiO,YCpHAnN,eAAAC,OAAsBnE,EAAe0R","sources":["webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/baseButtonSelectionGroup.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/createBaseButtonSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-multi-selection-group-internal/ButtonMultiSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-multi-selection-group-internal/index.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-multi-selection-group/ButtonMultiSelectionGroupClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-multi-selection-group/index.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/index.js"],"sourcesContent":["import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostMaxWidth: { ...host, property: 'max-width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n      fontWeight: {},\n\n      cursor: {},\n      backgroundColor: {},\n\n      outlineOffset: {},\n      outlineColor: {},\n      outlineStyle: {},\n      outlineWidth: {},\n\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-right', fallback: '0.875em' },\n        { property: 'padding-left', fallback: '0.875em' },\n      ],\n\n      labelTextColor: { property: 'color' },\n      iconColor: {\n        selector: () => `::slotted(*)`,\n        property: IconClass.cssVarList.fill,\n      },\n      labelTextDecoration: { ...label, property: 'text-decoration' },\n      labelSpacing: { ...label, property: 'gap' },\n      textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n      iconSize: [\n        { ...slottedIcon, property: 'width' },\n        { ...slottedIcon, property: 'height' },\n      ],\n    },\n  }),\n  clickableMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: ['', 'prefix', 'label', 'suffix'],\n    wrappedEleName: 'vaadin-button',\n    style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width=\"true\"]) {\n        width: var(${ButtonClass.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n  class ClickableMixinClass extends superclass {\n    get isLoading() {\n      return this.getAttribute('loading') === 'true';\n    }\n\n    click() {\n      this.isLoading || super.click();\n    }\n  };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n  componentNameValidationMixin,\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: [{}, { property: ImageClass.cssVarList.fill }],\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'descope-image',\n    style: () => `\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n    componentName,\n  }),\n);\n"," \nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n  componentName,\n  baseSelector: 'slot',\n}) {\n  static get observedAttributes() {\n    return srcAttrs;\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n    injectStyle(\n      `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      `,\n      this,\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.getSrc);\n  }\n\n  onThemeChange() {\n    this.renderImage();\n  }\n\n  toggleVisibility(isVisible) {\n    if (isVisible) {\n      this.classList.remove('hidden');\n    } else {\n      this.classList.add('hidden');\n    }\n  }\n\n  get altText() {\n    return this.getAttribute('alt') || '';\n  }\n\n  get legacySrc() {\n    return this.getAttribute('src');\n  }\n\n  get themeSrc() {\n    return this.getAttribute(`src-${this.currentThemeName}`);\n  }\n\n  get getSrc() {\n    return this.themeSrc || this.legacySrc;\n  }\n\n  // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n  // with the value from the `st-fill` attribute\n   \n  updateFillColor(node) {\n    // set fill to root node and all its relevant selectors\n    const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n    elementsToReplace.forEach((ele) => {\n      ele.setAttribute(\n        'fill',\n        `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n      );\n    });\n  }\n\n  renderImage() {\n    this.toggleVisibility(this.getSrc);\n\n    createImage(this.getSrc, this.altText).then((res) => {\n      this.innerHTML = '';\n      if (res) {\n        this.updateFillColor(res);\n        this.appendChild(res);\n      }\n    });\n  }\n\n  // render only when src attribute matches current theme\n  shouldRender(src) {\n    const srcVal = this.getAttribute(src);\n    return this.getSrc === srcVal;\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (this.shouldRender(attrName)) {\n      this.renderImage();\n    }\n  }\n}\n\nexport const ImageClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n  const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n  return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\n  ele.setAttribute('alt', altText);\n  return ele;\n};\n\nconst createSvgEle = (text) => {\n  // we want to purify the SVG to avoid XSS attacks\n  const clean = DOMPurify.sanitize(text, {\n    USE_PROFILES: { svg: true, svgFilters: true },\n    // allow image to render\n    ADD_TAGS: ['image'],\n    // forbid interactiviy via `use` tags (which are sanitized by default)\n    FORBID_TAGS: ['defs']\n  });\n\n  const parser = new DOMParser();\n  const ele = parser\n    .parseFromString(clean, 'image/svg+xml')\n    .querySelector('svg');\n  return ele;\n};\n\nexport const createImage = async (src, altText) => {\n  try {\n    let ele;\n    if (isBase64Svg(src)) {\n      // handle base64 source\n      const svgXml = atob(src.slice(base64Prefix.length));\n      ele = createSvgEle(svgXml);\n    } else if (getFileExtension(src) === 'svg') {\n      // handle urls\n      const fetchedSrc = await fetch(src);\n      const text = await fetchedSrc.text();\n      ele = createSvgEle(text);\n    } else {\n      // handle binary\n      ele = createImgEle(src, altText);\n    }\n\n    ele.style.setProperty('max-width', '100%');\n    ele.style.setProperty('max-height', '100%');\n\n    return ele;\n  } catch {\n    return null;\n  }\n};\n","import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\n","import { observeAttributes, observeChildren } from '../../helpers/componentHelpers';\nimport {\n  resetInputLabelPosition,\n  resetInputCursor,\n  resetInputFieldDefaultWidth,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const buttonSelectionGroupBaseMixin = (superclass) =>\n  class ButtonSelectionGroupMixinClass extends superclass {\n    #renderItem = ({ value, label }) =>\n      `<descope-button-selection-group-item value=\"${value}\">${label}</descope-button-selection-group-item>`;\n\n    #data;\n\n    get renderItem() {\n      return this.#renderItem;\n    }\n\n    set renderItem(renderFn) {\n      this.#renderItem = renderFn;\n      this.renderItems();\n    }\n\n    get size() {\n      return this.inputElement?.size;\n    }\n\n    get data() {\n      if (this.#data) return this.#data;\n\n      const dataAttr = this.getAttribute('data');\n\n      if (dataAttr) {\n        try {\n          const data = JSON.parse(dataAttr);\n          if (this.isValidDataType(data)) {\n            return data;\n          }\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.error('could not parse data string from attribute \"data\" - ', e.message);\n        }\n      }\n\n      return [];\n    }\n\n    set data(data) {\n      if (this.isValidDataType(data)) {\n        this.#data = data;\n        this.renderItems();\n      }\n    }\n\n    isValidDataType(data) {\n      const isValid = Array.isArray(data);\n      if (!isValid) {\n        // eslint-disable-next-line no-console\n        console.error('data must be an array, received:', data);\n      }\n\n      return isValid;\n    }\n\n    getItemsTemplate() {\n      return this.data?.reduce?.((acc, item) => acc + (this.renderItem?.(item || {}) || ''), '');\n    }\n\n    renderItems() {\n      const template = this.getItemsTemplate();\n      if (template) this.innerHTML = template;\n    }\n\n    init() {\n      super.init?.();\n\n      this.renderItems();\n\n      observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });\n\n      // we want new items to get the size\n      observeChildren(this, ({ addedNodes }) => {\n        addedNodes.forEach((node) => {\n          node.setAttribute('size', this.size);\n        });\n      });\n    }\n  };\n\nconst { host, label, requiredIndicator, internalWrapper, errorMessage } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  internalWrapper: { selector: () => ':host [part=\"internal-component\"] slot' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const buttonSelectionGroupMappings = {\n  hostWidth: { ...host, property: 'width' },\n  hostDirection: { ...host, property: 'direction' },\n  fontFamily: host,\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n  ],\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n  itemsSpacing: { ...internalWrapper, property: 'gap' },\n};\n\nexport const buttonSelectionGroupStyles = `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t${resetInputFieldDefaultWidth()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      [part=\"internal-component\"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n      [part=\"internal-component\"] slot {\n        box-sizing: border-box;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${resetInputCursor('vaadin-text-field')}\n    `;\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport { observeAttributes } from '../../helpers/componentHelpers';\nimport { createDispatchEvent } from '../../helpers/mixinsHelpers';\n\nexport const createBaseButtonSelectionGroupInternalClass = (componentName) => {\n  class BaseButtonSelectionGroupInternalClass extends createBaseInputClass({\n    componentName,\n    baseSelector: 'slot',\n  }) {\n    constructor() {\n      super();\n\n      this.innerHTML = `\n    <slot part=\"wrapper\"></slot>\n      `;\n    }\n\n    dispatchChange = createDispatchEvent.bind(this, 'change');\n\n    get items() {\n      return this.querySelector('slot').assignedElements();\n    }\n\n    get isReadonly() {\n      return this.getAttribute('readonly') === 'true';\n    }\n\n    get size() {\n      return this.getAttribute('size') || 'md';\n    }\n\n    // eslint-disable-next-line getter-return\n    get value() {\n      // eslint-disable-next-line no-console\n      console.warn('get value', 'is not implemented');\n    }\n\n    set value(value) {\n      // eslint-disable-next-line no-console\n      console.warn('set value', 'is not implemented');\n    }\n\n    onSizeChange() {\n      this.items.forEach((item) => {\n        item.setAttribute('size', this.size);\n      });\n    }\n\n    onReadOnlyChange() {\n      this.querySelector('slot').toggleAttribute('inert', this.isReadonly);\n    }\n\n    getValidity() {\n      // eslint-disable-next-line no-console\n      console.warn('getValidity', 'is not implemented');\n    }\n\n    onObservedAttributeChange(attrs) {\n      attrs.forEach((attr) => {\n        switch (attr) {\n          case 'size':\n            this.onSizeChange();\n            break;\n          case 'readonly':\n            this.onReadOnlyChange();\n            break;\n          default:\n            break;\n        }\n      });\n    }\n\n    init() {\n      // we are adding listeners before calling to super because it's stopping the events\n      this.addEventListener('focus', (e) => {\n        // we want to ignore focus events we are dispatching\n        if (e.isTrusted) {\n          this.items[0]?.focus();\n        }\n      });\n\n      super.init?.();\n\n      observeAttributes(this, this.onObservedAttributeChange.bind(this), {\n        includeAttrs: ['size', 'readonly'],\n      });\n    }\n  }\n\n  return BaseButtonSelectionGroupInternalClass;\n};\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { createBaseButtonSelectionGroupInternalClass } from '../createBaseButtonSelectionGroupInternalClass';\n\nexport const componentName = getComponentName('button-multi-selection-group-internal');\n\nexport class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(\n  componentName\n) {\n  #getSelectedNodes() {\n    return this.items.filter((item) => item.hasAttribute('selected'));\n  }\n\n  onClick(e) {\n    if (e.target !== e.currentTarget) {\n      if (this.#getSelectedNodes().includes(e.target)) {\n        e.target.removeAttribute('selected');\n      } else {\n        e.target.setAttribute('selected', 'true');\n      }\n      this.dispatchChange();\n    }\n  }\n\n  get value() {\n    return this.#getSelectedNodes().map((node) => node.value);\n  }\n\n  set value(values) {\n    this.items.forEach((item) => {\n      if (values.includes(item.value)) {\n        item.setAttribute('selected', 'true');\n      } else {\n        item.removeAttribute('selected');\n      }\n    });\n  }\n\n  get minItemsSelection() {\n    return parseInt(this.getAttribute('min-items-selection'), 10) || 0;\n  }\n\n  get maxItemsSelection() {\n    return parseInt(this.getAttribute('max-items-selection'), 10) || 0;\n  }\n\n  #isValidDataType(data) {\n    const isValid = Array.isArray(data);\n    if (!isValid) {\n      // eslint-disable-next-line no-console\n      console.error('default-values must be an array, received:', data);\n    }\n\n    return isValid;\n  }\n\n  get defaultValues() {\n    const defaultValuesAttr = this.getAttribute('default-values');\n    if (defaultValuesAttr) {\n      try {\n        const defaultValues = JSON.parse(defaultValuesAttr);\n        if (this.#isValidDataType(defaultValues)) {\n          return defaultValues;\n        }\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error('could not parse data string from attribute \"default-values\" -', e.message);\n      }\n    }\n    return [];\n  }\n\n  setDefaultValues() {\n    // we want to defer this action until all attributes are synced\n    setTimeout(() => {\n      if (this.defaultValues) {\n        this.value = this.defaultValues;\n        this.setCustomValidity();\n      }\n    });\n  }\n\n  getValidity() {\n    if (this.isRequired && !this.value.length) {\n      return { valueMissing: true };\n    }\n    // If the field is not required, no minimum selection can be set\n    if (this.isRequired && this.minItemsSelection && this.value.length < this.minItemsSelection) {\n      return {\n        rangeUnderflow: true,\n      };\n    }\n    if (this.maxItemsSelection && this.value.length > this.maxItemsSelection) {\n      return {\n        rangeOverflow: true,\n      };\n    }\n    return {};\n  }\n\n  init() {\n    super.init();\n\n    this.setDefaultValues();\n\n    this.querySelector('slot').addEventListener('click', this.onClick.bind(this));\n  }\n}\n","import {\n  componentName,\n  ButtonMultiSelectionGroupInternalClass,\n} from './ButtonMultiSelectionGroupInternalClass';\n\ncustomElements.define(componentName, ButtonMultiSelectionGroupInternalClass);\n\nexport { ButtonMultiSelectionGroupInternalClass };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { componentName as descopeInternalComponentName } from '../descope-button-multi-selection-group-internal/ButtonMultiSelectionGroupInternalClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport {\n  buttonSelectionGroupBaseMixin,\n  buttonSelectionGroupMappings,\n  buttonSelectionGroupStyles,\n} from '../baseButtonSelectionGroup';\n\nexport const componentName = getComponentName('button-multi-selection-group');\n\nconst buttonMultiSelectionGroupMixin = (superclass) =>\n  class ButtonMultiSelectionGroupMixinClass extends superclass {\n    init() {\n      super.init?.();\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n      \tname=\"button-selection-group\"\n      \tslot=\"input\"\n        tabindex=\"-1\"\n        part=\"internal-component\"\n      >\n        <slot></slot>\n      </${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      // the inner *-internal dispatches a non-bubbling, non-composed `change`,\n      // which never reaches the flow runtime. Re-emit standard input/change from\n      // the host (bubbling + composed) so flow real-time conditions fire.\n      this.inputElement.addEventListener('change', () => {\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n      });\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: ['size', 'default-values', 'min-items-selection', 'max-items-selection'],\n      });\n    }\n  };\n\nexport const ButtonMultiSelectionGroupClass = compose(\n  createStyleMixin({\n    mappings: {\n      ...buttonSelectionGroupMappings,\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin,\n  buttonSelectionGroupBaseMixin,\n  buttonMultiSelectionGroupMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => buttonSelectionGroupStyles,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n\nexport default ButtonMultiSelectionGroupClass;\n","import { componentName, ButtonMultiSelectionGroupClass } from './ButtonMultiSelectionGroupClass';\nimport '../descope-button-multi-selection-group-internal';\nimport '../descope-button-selection-group-item';\n\ncustomElements.define(componentName, ButtonMultiSelectionGroupClass);\n\nexport { ButtonMultiSelectionGroupClass, componentName };\n","import { ButtonClass } from '@descope-ui/descope-button/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../../mixins';\nimport { createBaseClass } from '../../../baseClasses/createBaseClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('button-selection-group-item');\n\nclass RawSelectItem extends createBaseClass({\n  componentName,\n  baseSelector: ':host > descope-button',\n}) {\n  get size() {\n    return this.getAttribute('size') || 'md';\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'contained';\n  }\n\n  get value() {\n    return this.getAttribute('value') || '';\n  }\n\n  set value(value) {\n    this.setAttribute('value', value);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <descope-button variant=\"${this.variant}\" size=\"${this.size}\" mode=\"primary\">\n      <slot></slot>\n    </descope-button>\n\t`;\n\n    injectStyle(\n      `\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  `,\n      this\n    );\n\n    forwardAttrs(this, this.baseElement, { includeAttrs: ['size', 'variant'] });\n    forwardAttrs(this.baseElement, this, { includeAttrs: ['focused', 'active'] });\n  }\n\n  handleFocus() {\n    this.shadowRoot.querySelector('descope-button')?.focus();\n  }\n\n  focus() {\n    this.handleFocus();\n  }\n\n  init() {\n    super.init();\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        this.handleFocus();\n      }\n    });\n  }\n}\n\nexport const ButtonSelectionGroupItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostDirection: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.hostDirection,\n      },\n      backgroundColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.backgroundColor,\n      },\n      labelTextColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.labelTextColor,\n      },\n      borderColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderColor,\n      },\n      borderWidth: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderWidth,\n      },\n      borderStyle: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderStyle,\n      },\n      borderRadius: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderRadius,\n      },\n      outlineColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.outlineColor,\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawSelectItem);\n","import { componentName, ButtonSelectionGroupItemClass } from './ButtonSelectionGroupItemClass';\nimport '@descope-ui/descope-button';\n\ncustomElements.define(componentName, ButtonSelectionGroupItemClass);\n\nexport { ButtonSelectionGroupItemClass };\n"],"names":["componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","xE","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","value","RF","mappings","hostWidth","property","hostMaxWidth","hostHeight","hostDirection","fontSize","fontFamily","fontWeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","VO","tQ","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","T","J","IconClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","fz","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","createBaseInputClass","args","_helpers__WEBPACK_IMPORTED_MODULE_0__","_mixins__WEBPACK_IMPORTED_MODULE_1__","XX","_$","yF","jd","_createBaseClass__WEBPACK_IMPORTED_MODULE_2__","buttonSelectionGroupBaseMixin","renderItem","data","renderFn","renderItems","size","inputElement","dataAttr","JSON","parse","isValidDataType","e","console","error","message","isValid","Array","isArray","getItemsTemplate","reduce","acc","item","template","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_0__","mx","bind","includeAttrs","Ge","addedNodes","requiredIndicator","internalWrapper","errorMessage","buttonSelectionGroupMappings","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","itemsSpacing","buttonSelectionGroupStyles","_helpers_themeHelpers_resetHelpers__WEBPACK_IMPORTED_MODULE_1__","X6","$J","I4","createBaseButtonSelectionGroupInternalClass","BaseButtonSelectionGroupInternalClass","_baseClasses_createBaseInputClass__WEBPACK_IMPORTED_MODULE_1__","y","dispatchChange","_helpers_mixinsHelpers__WEBPACK_IMPORTED_MODULE_3__","r","items","assignedElements","isReadonly","warn","onSizeChange","onReadOnlyChange","toggleAttribute","getValidity","onObservedAttributeChange","attrs","addEventListener","isTrusted","focus","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_2__","ButtonMultiSelectionGroupInternalClass","_createBaseButtonSelectionGroupInternalClass__WEBPACK_IMPORTED_MODULE_1__","getSelectedNodes","filter","hasAttribute","onClick","target","currentTarget","includes","removeAttribute","map","values","minItemsSelection","parseInt","maxItemsSelection","defaultValues","defaultValuesAttr","setDefaultValues","setTimeout","setCustomValidity","isRequired","length","valueMissing","rangeUnderflow","rangeOverflow","_ButtonMultiSelectionGroupInternalClass__WEBPACK_IMPORTED_MODULE_0__","o","componentHelpers","ButtonMultiSelectionGroupClass","helpers","mixins","baseButtonSelectionGroup","$W","OZ","proxyProps","_Z","baseElement","content","cloneNode","shadowRoot","dispatchEvent","Event","bubbles","composed","EA","S$","RawSelectItem","createBaseClass","variant","componentsHelpers","handleFocus","ButtonSelectionGroupItemClass"],"sourceRoot":""}

package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2141,7079],{3393(t,e,n){n.d(e,{y:()=>a});var r=n(9696),i=n(79365),s=n(81365);const a=(...t)=>(0,r.Zz)(i.XX,i._$,i.yF,i.jd)((0,s.q)(...t))},80001(t,e,n){n.d(e,{$W:()=>u,S$:()=>p,_Z:()=>s});var r=n(97810),i=n(73551);const s=t=>class extends t{#t=({value:t,label:e})=>`<descope-button-selection-group-item value="${t}">${e}</descope-button-selection-group-item>`;#e;get renderItem(){return this.#t}set renderItem(t){this.#t=t,this.renderItems()}get size(){return this.inputElement?.size}get data(){if(this.#e)return this.#e;const t=this.getAttribute("data");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "data" - ',t.message)}return[]}set data(t){this.isValidDataType(t)&&(this.#e=t,this.renderItems())}isValidDataType(t){const e=Array.isArray(t);return e||console.error("data must be an array, received:",t),e}getItemsTemplate(){return this.data?.reduce?.((t,e)=>t+(this.renderItem?.(e||{})||""),"")}renderItems(){const t=this.getItemsTemplate();t&&(this.innerHTML=t)}init(){super.init?.(),this.renderItems(),(0,r.mx)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),(0,r.Ge)(this,({addedNodes:t})=>{t.forEach(t=>{t.setAttribute("size",this.size)})})}},{host:a,label:o,requiredIndicator:l,internalWrapper:d,errorMessage:c}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:()=>':host [part="internal-component"] slot'},errorMessage:{selector:"::part(error-message)"}},u={hostWidth:{...a,property:"width"},hostDirection:{...a,property:"direction"},fontFamily:a,labelTextColor:[{...o,property:"color"},{...l,property:"color"}],labelRequiredIndicator:{...l,property:"content"},errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},errorMessageFontSize:{...c,property:"font-size"},itemsSpacing:{...d,property:"gap"}},p=`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t${(0,i.X6)()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      [part="internal-component"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n      [part="internal-component"] slot {\n        box-sizing: border-box;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${(0,i.$J)("vaadin-text-field")}\n\t\t\t${(0,i.I4)("vaadin-text-field")}\n    `},51298(t,e,n){n.d(e,{m:()=>a}),n(25964);var r=n(3393),i=n(97810),s=n(13011);const a=t=>{class e extends((0,r.y)({componentName:t,baseSelector:"slot"})){constructor(){super(),this.innerHTML='\n    <slot part="wrapper"></slot>\n      '}dispatchChange=s.r.bind(this,"change");get items(){return this.querySelector("slot").assignedElements()}get isReadonly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"md"}get value(){console.warn("get value","is not implemented")}set value(t){console.warn("set value","is not implemented")}onSizeChange(){this.items.forEach(t=>{t.setAttribute("size",this.size)})}onReadOnlyChange(){this.querySelector("slot").toggleAttribute("inert",this.isReadonly)}getValidity(){console.warn("getValidity","is not implemented")}onObservedAttributeChange(t){t.forEach(t=>{switch(t){case"size":this.onSizeChange();break;case"readonly":this.onReadOnlyChange()}})}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.items[0]?.focus()}),super.init?.(),(0,i.mx)(this,this.onObservedAttributeChange.bind(this),{includeAttrs:["size","readonly"]})}}return e}},92491(t,e,n){n.d(e,{T:()=>s,n:()=>a});var r=n(97810),i=n(51298);const s=(0,r.xE)("button-selection-group-internal");class a extends((0,i.m)(s)){getSelectedNode(){return this.items.find(t=>t.hasAttribute("selected"))}get allowDeselect(){return"true"===this.getAttribute("allow-deselect")}removeSelected(){this.getSelectedNode()?.removeAttribute("selected")}onClick(t){t.target!==t.currentTarget&&(t.target===this.getSelectedNode()&&this.allowDeselect?this.removeSelected():this.setSelected(t.target),this.dispatchChange())}setSelected(t){t!==this.getSelectedNode()&&(this.removeSelected(),t?.setAttribute("selected","true"))}get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){setTimeout(()=>{this.defaultValue&&(this.value=this.defaultValue,this.setCustomValidity())})}get value(){return this.getSelectedNode()?.value||""}set value(t){const e=this.items.find(e=>e.value===t);this.setSelected(e)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}init(){super.init(),this.setDefaultValue(),this.querySelector("slot").addEventListener("click",this.onClick.bind(this))}}},72415(t,e,n){n.r(e),n.d(e,{ButtonSelectionGroupInternalClass:()=>r.n});var r=n(92491);customElements.define(r.T,r.n)},27926(t,e,n){n.r(e),n.d(e,{ButtonSelectionGroupClass:()=>d,componentName:()=>l});var r=n(79365),i=n(92491),s=n(9696),a=n(97810),o=n(80001);const l=(0,a.xE)("button-selection-group"),d=(0,s.Zz)((0,r.RF)({mappings:{...o.$W}}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"]}),r.tQ,o._Z,t=>class extends t{init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n      <${i.T}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${i.T}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(i.T),this.inputElement.addEventListener("change",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),(0,a.EA)(this,this.inputElement,{includeAttrs:["size","default-value","allow-deselect"]})}})((0,r.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>o.S$,excludeAttrsSync:["tabindex","style"],componentName:l}));n(72415),n(15450),customElements.define(l,d)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1837,2141,7079],{19624(t,e,n){n.d(e,{J:()=>u,T:()=>l});var r=n(63200),i=n(25964),s=n(88961),o=n(98538),a=n(10767);const l=(0,i.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let p;const u=(0,r.Zz)((0,s.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,s.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...d,property:"max-width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:o.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),a.G,s.VO,s.tQ)((0,s.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${p}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${u.cssVarList.outlineWidth}) + var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${u.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${u.cssVarList.hostHeight}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${u.cssVarList.hostWidth}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:g,fontSize:m}=u.cssVarList;p=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${g});\n\t\ttop: calc(50% - (var(${m}) / 2));\n\t\tleft: calc(50% - (var(${m}) / 2));\n\t\tborder-width: calc(var(${m}) / 10);\n\t\twidth: var(${m});\n\t\theight: var(${m});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,n){n.d(e,{G:()=>r});const r=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,n){n.r(e),n.d(e,{ButtonClass:()=>r.J,componentName:()=>r.T});var r=n(19624);n(83799),customElements.define(r.T,r.J)},98538(t,e,n){n.d(e,{S:()=>l,T:()=>a});var r=n(88961),i=n(25964),s=n(8512),o=n(63200);const a=(0,i.xE)("icon"),l=(0,o.Zz)((0,r.RF)({mappings:{fill:[{},{property:s.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)((0,r.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:a}))},8512(t,e,n){n.d(e,{T:()=>l,q:()=>h});var r=n(88961),i=n(72270),s=n(63200),o=n(25964),a=n(18782);const l=(0,o.xE)("image"),d=["src","src-dark"];class c extends((0,i.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,o.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${h.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const h=(0,s.Zz)((0,r.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)(c)},18782(t,e,n){n.d(e,{m:()=>s});var r=n(25414);const i=t=>{const e=r.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},s=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=i(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),r=await e.text();n=i(r)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},3393(t,e,n){n.d(e,{y:()=>o});var r=n(9696),i=n(79365),s=n(81365);const o=(...t)=>(0,r.Zz)(i.XX,i._$,i.yF,i.jd)((0,s.q)(...t))},80001(t,e,n){n.d(e,{$W:()=>h,S$:()=>p,_Z:()=>s});var r=n(97810),i=n(73551);const s=t=>class extends t{#t=({value:t,label:e})=>`<descope-button-selection-group-item value="${t}">${e}</descope-button-selection-group-item>`;#e;get renderItem(){return this.#t}set renderItem(t){this.#t=t,this.renderItems()}get size(){return this.inputElement?.size}get data(){if(this.#e)return this.#e;const t=this.getAttribute("data");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "data" - ',t.message)}return[]}set data(t){this.isValidDataType(t)&&(this.#e=t,this.renderItems())}isValidDataType(t){const e=Array.isArray(t);return e||console.error("data must be an array, received:",t),e}getItemsTemplate(){return this.data?.reduce?.((t,e)=>t+(this.renderItem?.(e||{})||""),"")}renderItems(){const t=this.getItemsTemplate();t&&(this.innerHTML=t)}init(){super.init?.(),this.renderItems(),(0,r.mx)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),(0,r.Ge)(this,({addedNodes:t})=>{t.forEach(t=>{t.setAttribute("size",this.size)})})}},{host:o,label:a,requiredIndicator:l,internalWrapper:d,errorMessage:c}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:()=>':host [part="internal-component"] slot'},errorMessage:{selector:"::part(error-message)"}},h={hostWidth:{...o,property:"width"},hostDirection:{...o,property:"direction"},fontFamily:o,labelTextColor:[{...a,property:"color"},{...l,property:"color"}],labelRequiredIndicator:{...l,property:"content"},errorMessageTextColor:{...c,property:"color"},errorMessageIcon:{...c,property:"background-image"},errorMessageIconSize:{...c,property:"background-size"},errorMessageIconPadding:{...c,property:"padding-inline-start"},errorMessageIconRepeat:{...c,property:"background-repeat"},errorMessageIconPosition:{...c,property:"background-position"},errorMessageFontSize:{...c,property:"font-size"},itemsSpacing:{...d,property:"gap"}},p=`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t${(0,i.X6)()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      [part="internal-component"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n      [part="internal-component"] slot {\n        box-sizing: border-box;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${(0,i.$J)("vaadin-text-field")}\n\t\t\t${(0,i.I4)("vaadin-text-field")}\n    `},51298(t,e,n){n.d(e,{m:()=>o}),n(25964);var r=n(3393),i=n(97810),s=n(13011);const o=t=>{class e extends((0,r.y)({componentName:t,baseSelector:"slot"})){constructor(){super(),this.innerHTML='\n    <slot part="wrapper"></slot>\n      '}dispatchChange=s.r.bind(this,"change");get items(){return this.querySelector("slot").assignedElements()}get isReadonly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"md"}get value(){console.warn("get value","is not implemented")}set value(t){console.warn("set value","is not implemented")}onSizeChange(){this.items.forEach(t=>{t.setAttribute("size",this.size)})}onReadOnlyChange(){this.querySelector("slot").toggleAttribute("inert",this.isReadonly)}getValidity(){console.warn("getValidity","is not implemented")}onObservedAttributeChange(t){t.forEach(t=>{switch(t){case"size":this.onSizeChange();break;case"readonly":this.onReadOnlyChange()}})}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.items[0]?.focus()}),super.init?.(),(0,i.mx)(this,this.onObservedAttributeChange.bind(this),{includeAttrs:["size","readonly"]})}}return e}},92491(t,e,n){n.d(e,{T:()=>s,n:()=>o});var r=n(97810),i=n(51298);const s=(0,r.xE)("button-selection-group-internal");class o extends((0,i.m)(s)){getSelectedNode(){return this.items.find(t=>t.hasAttribute("selected"))}get allowDeselect(){return"true"===this.getAttribute("allow-deselect")}removeSelected(){this.getSelectedNode()?.removeAttribute("selected")}onClick(t){t.target!==t.currentTarget&&(t.target===this.getSelectedNode()&&this.allowDeselect?this.removeSelected():this.setSelected(t.target),this.dispatchChange())}setSelected(t){t!==this.getSelectedNode()&&(this.removeSelected(),t?.setAttribute("selected","true"))}get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){setTimeout(()=>{this.defaultValue&&(this.value=this.defaultValue,this.setCustomValidity())})}get value(){return this.getSelectedNode()?.value||""}set value(t){const e=this.items.find(e=>e.value===t);this.setSelected(e)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}init(){super.init(),this.setDefaultValue(),this.querySelector("slot").addEventListener("click",this.onClick.bind(this))}}},72415(t,e,n){n.r(e),n.d(e,{ButtonSelectionGroupInternalClass:()=>r.n});var r=n(92491);customElements.define(r.T,r.n)},15450(t,e,n){n.r(e),n.d(e,{ButtonSelectionGroupItemClass:()=>h});var r=n(19624),i=n(25964),s=n(79365),o=n(81365),a=n(9696),l=n(97810);const d=(0,l.xE)("button-selection-group-item");class c extends((0,o.q)({componentName:d,baseSelector:":host > descope-button"})){get size(){return this.getAttribute("size")||"md"}get variant(){return this.getAttribute("variant")||"contained"}get value(){return this.getAttribute("value")||""}set value(t){this.setAttribute("value",t)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <descope-button variant="${this.variant}" size="${this.size}" mode="primary">\n      <slot></slot>\n    </descope-button>\n\t`,(0,i.fz)("\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  ",this),(0,l.EA)(this,this.baseElement,{includeAttrs:["size","variant"]}),(0,l.EA)(this.baseElement,this,{includeAttrs:["focused","active"]})}handleFocus(){this.shadowRoot.querySelector("descope-button")?.focus()}focus(){this.handleFocus()}init(){super.init(),this.addEventListener("focus",t=>{t.isTrusted&&this.handleFocus()})}}const h=(0,a.Zz)((0,s.RF)({mappings:{hostDirection:{selector:()=>r.J.componentName,property:r.J.cssVarList.hostDirection},backgroundColor:{selector:()=>r.J.componentName,property:r.J.cssVarList.backgroundColor},labelTextColor:{selector:()=>r.J.componentName,property:r.J.cssVarList.labelTextColor},borderColor:{selector:()=>r.J.componentName,property:r.J.cssVarList.borderColor},borderWidth:{selector:()=>r.J.componentName,property:r.J.cssVarList.borderWidth},borderStyle:{selector:()=>r.J.componentName,property:r.J.cssVarList.borderStyle},borderRadius:{selector:()=>r.J.componentName,property:r.J.cssVarList.borderRadius},outlineColor:{selector:()=>r.J.componentName,property:r.J.cssVarList.outlineColor}}}),s.VO,s.tQ)(c);n(30576),customElements.define(d,h)},27926(t,e,n){n.r(e),n.d(e,{ButtonSelectionGroupClass:()=>d,componentName:()=>l});var r=n(79365),i=n(92491),s=n(9696),o=n(97810),a=n(80001);const l=(0,o.xE)("button-selection-group"),d=(0,s.Zz)((0,r.RF)({mappings:{...a.$W}}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"]}),r.tQ,a._Z,t=>class extends t{init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n      <${i.T}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${i.T}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(i.T),this.inputElement.addEventListener("change",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),(0,o.EA)(this,this.inputElement,{includeAttrs:["size","default-value","allow-deselect"]})}})((0,r.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>a.S$,excludeAttrsSync:["tabindex","style"],componentName:l}));n(72415),n(15450),customElements.define(l,d)}}]);
 //# sourceMappingURL=button-selection-group-fields-descope-button-selection-group-index-js.js.map

package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-selection-group-fields-descope-button-selection-group-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/baseButtonSelectionGroup.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/createBaseButtonSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-internal/ButtonSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-internal/index.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group/ButtonSelectionGroupClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group/index.js"],"sourcesContent":["import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\n","import { observeAttributes, observeChildren } from '../../helpers/componentHelpers';\nimport {\n  resetInputLabelPosition,\n  resetInputCursor,\n  resetInputFieldDefaultWidth,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const buttonSelectionGroupBaseMixin = (superclass) =>\n  class ButtonSelectionGroupMixinClass extends superclass {\n    #renderItem = ({ value, label }) =>\n      `<descope-button-selection-group-item value=\"${value}\">${label}</descope-button-selection-group-item>`;\n\n    #data;\n\n    get renderItem() {\n      return this.#renderItem;\n    }\n\n    set renderItem(renderFn) {\n      this.#renderItem = renderFn;\n      this.renderItems();\n    }\n\n    get size() {\n      return this.inputElement?.size;\n    }\n\n    get data() {\n      if (this.#data) return this.#data;\n\n      const dataAttr = this.getAttribute('data');\n\n      if (dataAttr) {\n        try {\n          const data = JSON.parse(dataAttr);\n          if (this.isValidDataType(data)) {\n            return data;\n          }\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.error('could not parse data string from attribute \"data\" - ', e.message);\n        }\n      }\n\n      return [];\n    }\n\n    set data(data) {\n      if (this.isValidDataType(data)) {\n        this.#data = data;\n        this.renderItems();\n      }\n    }\n\n    isValidDataType(data) {\n      const isValid = Array.isArray(data);\n      if (!isValid) {\n        // eslint-disable-next-line no-console\n        console.error('data must be an array, received:', data);\n      }\n\n      return isValid;\n    }\n\n    getItemsTemplate() {\n      return this.data?.reduce?.((acc, item) => acc + (this.renderItem?.(item || {}) || ''), '');\n    }\n\n    renderItems() {\n      const template = this.getItemsTemplate();\n      if (template) this.innerHTML = template;\n    }\n\n    init() {\n      super.init?.();\n\n      this.renderItems();\n\n      observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });\n\n      // we want new items to get the size\n      observeChildren(this, ({ addedNodes }) => {\n        addedNodes.forEach((node) => {\n          node.setAttribute('size', this.size);\n        });\n      });\n    }\n  };\n\nconst { host, label, requiredIndicator, internalWrapper, errorMessage } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  internalWrapper: { selector: () => ':host [part=\"internal-component\"] slot' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const buttonSelectionGroupMappings = {\n  hostWidth: { ...host, property: 'width' },\n  hostDirection: { ...host, property: 'direction' },\n  fontFamily: host,\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n  ],\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n  itemsSpacing: { ...internalWrapper, property: 'gap' },\n};\n\nexport const buttonSelectionGroupStyles = `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t${resetInputFieldDefaultWidth()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      [part=\"internal-component\"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n      [part=\"internal-component\"] slot {\n        box-sizing: border-box;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${resetInputCursor('vaadin-text-field')}\n    `;\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport { observeAttributes } from '../../helpers/componentHelpers';\nimport { createDispatchEvent } from '../../helpers/mixinsHelpers';\n\nexport const createBaseButtonSelectionGroupInternalClass = (componentName) => {\n  class BaseButtonSelectionGroupInternalClass extends createBaseInputClass({\n    componentName,\n    baseSelector: 'slot',\n  }) {\n    constructor() {\n      super();\n\n      this.innerHTML = `\n    <slot part=\"wrapper\"></slot>\n      `;\n    }\n\n    dispatchChange = createDispatchEvent.bind(this, 'change');\n\n    get items() {\n      return this.querySelector('slot').assignedElements();\n    }\n\n    get isReadonly() {\n      return this.getAttribute('readonly') === 'true';\n    }\n\n    get size() {\n      return this.getAttribute('size') || 'md';\n    }\n\n    // eslint-disable-next-line getter-return\n    get value() {\n      // eslint-disable-next-line no-console\n      console.warn('get value', 'is not implemented');\n    }\n\n    set value(value) {\n      // eslint-disable-next-line no-console\n      console.warn('set value', 'is not implemented');\n    }\n\n    onSizeChange() {\n      this.items.forEach((item) => {\n        item.setAttribute('size', this.size);\n      });\n    }\n\n    onReadOnlyChange() {\n      this.querySelector('slot').toggleAttribute('inert', this.isReadonly);\n    }\n\n    getValidity() {\n      // eslint-disable-next-line no-console\n      console.warn('getValidity', 'is not implemented');\n    }\n\n    onObservedAttributeChange(attrs) {\n      attrs.forEach((attr) => {\n        switch (attr) {\n          case 'size':\n            this.onSizeChange();\n            break;\n          case 'readonly':\n            this.onReadOnlyChange();\n            break;\n          default:\n            break;\n        }\n      });\n    }\n\n    init() {\n      // we are adding listeners before calling to super because it's stopping the events\n      this.addEventListener('focus', (e) => {\n        // we want to ignore focus events we are dispatching\n        if (e.isTrusted) {\n          this.items[0]?.focus();\n        }\n      });\n\n      super.init?.();\n\n      observeAttributes(this, this.onObservedAttributeChange.bind(this), {\n        includeAttrs: ['size', 'readonly'],\n      });\n    }\n  }\n\n  return BaseButtonSelectionGroupInternalClass;\n};\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { createBaseButtonSelectionGroupInternalClass } from '../createBaseButtonSelectionGroupInternalClass';\n\nexport const componentName = getComponentName('button-selection-group-internal');\n\nexport class ButtonSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(\n  componentName\n) {\n  getSelectedNode() {\n    return this.items.find((item) => item.hasAttribute('selected'));\n  }\n\n  get allowDeselect() {\n    return this.getAttribute('allow-deselect') === 'true';\n  }\n\n  removeSelected() {\n    this.getSelectedNode()?.removeAttribute('selected');\n  }\n\n  onClick(e) {\n    if (e.target !== e.currentTarget) {\n      if (e.target === this.getSelectedNode() && this.allowDeselect) {\n        this.removeSelected();\n      } else {\n        this.setSelected(e.target);\n      }\n      this.dispatchChange();\n    }\n  }\n\n  setSelected(node) {\n    if (node !== this.getSelectedNode()) {\n      this.removeSelected();\n      node?.setAttribute('selected', 'true');\n    }\n  }\n\n  get defaultValue() {\n    return this.getAttribute('default-value');\n  }\n\n  setDefaultValue() {\n    // we want to defer this action until all attributes are synched\n    setTimeout(() => {\n      if (this.defaultValue) {\n        this.value = this.defaultValue;\n        this.setCustomValidity();\n      }\n    });\n  }\n\n  get value() {\n    return this.getSelectedNode()?.value || '';\n  }\n\n  set value(value) {\n    const node = this.items.find((child) => child.value === value);\n    this.setSelected(node);\n  }\n\n  getValidity() {\n    if (this.isRequired && !this.value) {\n      return { valueMissing: true };\n    }\n\n    return {};\n  }\n\n  init() {\n    super.init();\n\n    this.setDefaultValue();\n\n    this.querySelector('slot').addEventListener('click', this.onClick.bind(this));\n  }\n}\n","import {\n  componentName,\n  ButtonSelectionGroupInternalClass,\n} from './ButtonSelectionGroupInternalClass';\n\ncustomElements.define(componentName, ButtonSelectionGroupInternalClass);\n\nexport { ButtonSelectionGroupInternalClass };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { componentName as descopeInternalComponentName } from '../descope-button-selection-group-internal/ButtonSelectionGroupInternalClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport {\n  buttonSelectionGroupBaseMixin,\n  buttonSelectionGroupMappings,\n  buttonSelectionGroupStyles,\n} from '../baseButtonSelectionGroup';\n\nexport const componentName = getComponentName('button-selection-group');\n\nconst buttonSelectionGroupMixin = (superclass) =>\n  class ButtonMultiSelectionGroupMixinClass extends superclass {\n    init() {\n      super.init?.();\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n      \tname=\"button-selection-group\"\n      \tslot=\"input\"\n        tabindex=\"-1\"\n        part=\"internal-component\"\n      >\n        <slot></slot>\n      </${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      // the inner *-internal dispatches a non-bubbling, non-composed `change`,\n      // which never reaches the flow runtime. Re-emit standard input/change from\n      // the host (bubbling + composed) so flow real-time conditions fire.\n      this.inputElement.addEventListener('change', () => {\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n      });\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: ['size', 'default-value', 'allow-deselect'],\n      });\n    }\n  };\n\nexport const ButtonSelectionGroupClass = compose(\n  createStyleMixin({\n    mappings: {\n      ...buttonSelectionGroupMappings,\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin,\n  buttonSelectionGroupBaseMixin,\n  buttonSelectionGroupMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => buttonSelectionGroupStyles,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n\nexport default ButtonSelectionGroupClass;\n","import { componentName, ButtonSelectionGroupClass } from './ButtonSelectionGroupClass';\nimport '../descope-button-selection-group-internal';\nimport '../descope-button-selection-group-item';\n\ncustomElements.define(componentName, ButtonSelectionGroupClass);\n\nexport { ButtonSelectionGroupClass, componentName };\n"],"names":["createBaseInputClass","args","_helpers__WEBPACK_IMPORTED_MODULE_0__","Zz","_mixins__WEBPACK_IMPORTED_MODULE_1__","XX","_$","yF","jd","_createBaseClass__WEBPACK_IMPORTED_MODULE_2__","q","buttonSelectionGroupBaseMixin","superclass","renderItem","value","label","data","this","renderFn","renderItems","size","inputElement","dataAttr","getAttribute","JSON","parse","isValidDataType","e","console","error","message","isValid","Array","isArray","getItemsTemplate","reduce","acc","item","template","innerHTML","init","super","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_0__","mx","bind","includeAttrs","Ge","addedNodes","forEach","node","setAttribute","host","requiredIndicator","internalWrapper","errorMessage","selector","buttonSelectionGroupMappings","hostWidth","property","hostDirection","fontFamily","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","itemsSpacing","buttonSelectionGroupStyles","_helpers_themeHelpers_resetHelpers__WEBPACK_IMPORTED_MODULE_1__","X6","$J","I4","createBaseButtonSelectionGroupInternalClass","componentName","BaseButtonSelectionGroupInternalClass","_baseClasses_createBaseInputClass__WEBPACK_IMPORTED_MODULE_1__","y","baseSelector","constructor","dispatchChange","_helpers_mixinsHelpers__WEBPACK_IMPORTED_MODULE_3__","r","items","querySelector","assignedElements","isReadonly","warn","onSizeChange","onReadOnlyChange","toggleAttribute","getValidity","onObservedAttributeChange","attrs","attr","addEventListener","isTrusted","focus","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_2__","xE","ButtonSelectionGroupInternalClass","_createBaseButtonSelectionGroupInternalClass__WEBPACK_IMPORTED_MODULE_1__","m","getSelectedNode","find","hasAttribute","allowDeselect","removeSelected","removeAttribute","onClick","target","currentTarget","setSelected","defaultValue","setDefaultValue","setTimeout","setCustomValidity","child","isRequired","valueMissing","customElements","define","_ButtonSelectionGroupInternalClass__WEBPACK_IMPORTED_MODULE_0__","T","n","componentHelpers","ButtonSelectionGroupClass","helpers","mixins","RF","mappings","baseButtonSelectionGroup","$W","VO","OZ","proxyProps","tQ","_Z","document","createElement","baseElement","appendChild","content","cloneNode","shadowRoot","dispatchEvent","Event","bubbles","composed","EA","tz","slots","wrappedEleName","style","S$","excludeAttrsSync"],"sourceRoot":""}
+{"version":3,"file":"button-selection-group-fields-descope-button-selection-group-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/baseButtonSelectionGroup.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/createBaseButtonSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-internal/ButtonSelectionGroupInternalClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-internal/index.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/index.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group/ButtonSelectionGroupClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group/index.js"],"sourcesContent":["import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostMaxWidth: { ...host, property: 'max-width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n      fontWeight: {},\n\n      cursor: {},\n      backgroundColor: {},\n\n      outlineOffset: {},\n      outlineColor: {},\n      outlineStyle: {},\n      outlineWidth: {},\n\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-right', fallback: '0.875em' },\n        { property: 'padding-left', fallback: '0.875em' },\n      ],\n\n      labelTextColor: { property: 'color' },\n      iconColor: {\n        selector: () => `::slotted(*)`,\n        property: IconClass.cssVarList.fill,\n      },\n      labelTextDecoration: { ...label, property: 'text-decoration' },\n      labelSpacing: { ...label, property: 'gap' },\n      textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n      iconSize: [\n        { ...slottedIcon, property: 'width' },\n        { ...slottedIcon, property: 'height' },\n      ],\n    },\n  }),\n  clickableMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: ['', 'prefix', 'label', 'suffix'],\n    wrappedEleName: 'vaadin-button',\n    style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width=\"true\"]) {\n        width: var(${ButtonClass.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n  class ClickableMixinClass extends superclass {\n    get isLoading() {\n      return this.getAttribute('loading') === 'true';\n    }\n\n    click() {\n      this.isLoading || super.click();\n    }\n  };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n  componentNameValidationMixin,\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: [{}, { property: ImageClass.cssVarList.fill }],\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'descope-image',\n    style: () => `\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style', 'st-height', 'st-width'],\n    componentName,\n  }),\n);\n"," \nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n  componentName,\n  baseSelector: 'slot',\n}) {\n  static get observedAttributes() {\n    return srcAttrs;\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n    injectStyle(\n      `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      `,\n      this,\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.getSrc);\n  }\n\n  onThemeChange() {\n    this.renderImage();\n  }\n\n  toggleVisibility(isVisible) {\n    if (isVisible) {\n      this.classList.remove('hidden');\n    } else {\n      this.classList.add('hidden');\n    }\n  }\n\n  get altText() {\n    return this.getAttribute('alt') || '';\n  }\n\n  get legacySrc() {\n    return this.getAttribute('src');\n  }\n\n  get themeSrc() {\n    return this.getAttribute(`src-${this.currentThemeName}`);\n  }\n\n  get getSrc() {\n    return this.themeSrc || this.legacySrc;\n  }\n\n  // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n  // with the value from the `st-fill` attribute\n   \n  updateFillColor(node) {\n    // set fill to root node and all its relevant selectors\n    const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n    elementsToReplace.forEach((ele) => {\n      ele.setAttribute(\n        'fill',\n        `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`,\n      );\n    });\n  }\n\n  renderImage() {\n    this.toggleVisibility(this.getSrc);\n\n    createImage(this.getSrc, this.altText).then((res) => {\n      this.innerHTML = '';\n      if (res) {\n        this.updateFillColor(res);\n        this.appendChild(res);\n      }\n    });\n  }\n\n  // render only when src attribute matches current theme\n  shouldRender(src) {\n    const srcVal = this.getAttribute(src);\n    return this.getSrc === srcVal;\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (this.shouldRender(attrName)) {\n      this.renderImage();\n    }\n  }\n}\n\nexport const ImageClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawImage);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n  const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n  return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\n  ele.setAttribute('alt', altText);\n  return ele;\n};\n\nconst createSvgEle = (text) => {\n  // we want to purify the SVG to avoid XSS attacks\n  const clean = DOMPurify.sanitize(text, {\n    USE_PROFILES: { svg: true, svgFilters: true },\n    // allow image to render\n    ADD_TAGS: ['image'],\n    // forbid interactiviy via `use` tags (which are sanitized by default)\n    FORBID_TAGS: ['defs']\n  });\n\n  const parser = new DOMParser();\n  const ele = parser\n    .parseFromString(clean, 'image/svg+xml')\n    .querySelector('svg');\n  return ele;\n};\n\nexport const createImage = async (src, altText) => {\n  try {\n    let ele;\n    if (isBase64Svg(src)) {\n      // handle base64 source\n      const svgXml = atob(src.slice(base64Prefix.length));\n      ele = createSvgEle(svgXml);\n    } else if (getFileExtension(src) === 'svg') {\n      // handle urls\n      const fetchedSrc = await fetch(src);\n      const text = await fetchedSrc.text();\n      ele = createSvgEle(text);\n    } else {\n      // handle binary\n      ele = createImgEle(src, altText);\n    }\n\n    ele.style.setProperty('max-width', '100%');\n    ele.style.setProperty('max-height', '100%');\n\n    return ele;\n  } catch {\n    return null;\n  }\n};\n","import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\n","import { observeAttributes, observeChildren } from '../../helpers/componentHelpers';\nimport {\n  resetInputLabelPosition,\n  resetInputCursor,\n  resetInputFieldDefaultWidth,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const buttonSelectionGroupBaseMixin = (superclass) =>\n  class ButtonSelectionGroupMixinClass extends superclass {\n    #renderItem = ({ value, label }) =>\n      `<descope-button-selection-group-item value=\"${value}\">${label}</descope-button-selection-group-item>`;\n\n    #data;\n\n    get renderItem() {\n      return this.#renderItem;\n    }\n\n    set renderItem(renderFn) {\n      this.#renderItem = renderFn;\n      this.renderItems();\n    }\n\n    get size() {\n      return this.inputElement?.size;\n    }\n\n    get data() {\n      if (this.#data) return this.#data;\n\n      const dataAttr = this.getAttribute('data');\n\n      if (dataAttr) {\n        try {\n          const data = JSON.parse(dataAttr);\n          if (this.isValidDataType(data)) {\n            return data;\n          }\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.error('could not parse data string from attribute \"data\" - ', e.message);\n        }\n      }\n\n      return [];\n    }\n\n    set data(data) {\n      if (this.isValidDataType(data)) {\n        this.#data = data;\n        this.renderItems();\n      }\n    }\n\n    isValidDataType(data) {\n      const isValid = Array.isArray(data);\n      if (!isValid) {\n        // eslint-disable-next-line no-console\n        console.error('data must be an array, received:', data);\n      }\n\n      return isValid;\n    }\n\n    getItemsTemplate() {\n      return this.data?.reduce?.((acc, item) => acc + (this.renderItem?.(item || {}) || ''), '');\n    }\n\n    renderItems() {\n      const template = this.getItemsTemplate();\n      if (template) this.innerHTML = template;\n    }\n\n    init() {\n      super.init?.();\n\n      this.renderItems();\n\n      observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });\n\n      // we want new items to get the size\n      observeChildren(this, ({ addedNodes }) => {\n        addedNodes.forEach((node) => {\n          node.setAttribute('size', this.size);\n        });\n      });\n    }\n  };\n\nconst { host, label, requiredIndicator, internalWrapper, errorMessage } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  internalWrapper: { selector: () => ':host [part=\"internal-component\"] slot' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const buttonSelectionGroupMappings = {\n  hostWidth: { ...host, property: 'width' },\n  hostDirection: { ...host, property: 'direction' },\n  fontFamily: host,\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n  ],\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n  itemsSpacing: { ...internalWrapper, property: 'gap' },\n};\n\nexport const buttonSelectionGroupStyles = `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t${resetInputFieldDefaultWidth()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      [part=\"internal-component\"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n        display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n      [part=\"internal-component\"] slot {\n        box-sizing: border-box;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${resetInputCursor('vaadin-text-field')}\n    `;\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport { observeAttributes } from '../../helpers/componentHelpers';\nimport { createDispatchEvent } from '../../helpers/mixinsHelpers';\n\nexport const createBaseButtonSelectionGroupInternalClass = (componentName) => {\n  class BaseButtonSelectionGroupInternalClass extends createBaseInputClass({\n    componentName,\n    baseSelector: 'slot',\n  }) {\n    constructor() {\n      super();\n\n      this.innerHTML = `\n    <slot part=\"wrapper\"></slot>\n      `;\n    }\n\n    dispatchChange = createDispatchEvent.bind(this, 'change');\n\n    get items() {\n      return this.querySelector('slot').assignedElements();\n    }\n\n    get isReadonly() {\n      return this.getAttribute('readonly') === 'true';\n    }\n\n    get size() {\n      return this.getAttribute('size') || 'md';\n    }\n\n    // eslint-disable-next-line getter-return\n    get value() {\n      // eslint-disable-next-line no-console\n      console.warn('get value', 'is not implemented');\n    }\n\n    set value(value) {\n      // eslint-disable-next-line no-console\n      console.warn('set value', 'is not implemented');\n    }\n\n    onSizeChange() {\n      this.items.forEach((item) => {\n        item.setAttribute('size', this.size);\n      });\n    }\n\n    onReadOnlyChange() {\n      this.querySelector('slot').toggleAttribute('inert', this.isReadonly);\n    }\n\n    getValidity() {\n      // eslint-disable-next-line no-console\n      console.warn('getValidity', 'is not implemented');\n    }\n\n    onObservedAttributeChange(attrs) {\n      attrs.forEach((attr) => {\n        switch (attr) {\n          case 'size':\n            this.onSizeChange();\n            break;\n          case 'readonly':\n            this.onReadOnlyChange();\n            break;\n          default:\n            break;\n        }\n      });\n    }\n\n    init() {\n      // we are adding listeners before calling to super because it's stopping the events\n      this.addEventListener('focus', (e) => {\n        // we want to ignore focus events we are dispatching\n        if (e.isTrusted) {\n          this.items[0]?.focus();\n        }\n      });\n\n      super.init?.();\n\n      observeAttributes(this, this.onObservedAttributeChange.bind(this), {\n        includeAttrs: ['size', 'readonly'],\n      });\n    }\n  }\n\n  return BaseButtonSelectionGroupInternalClass;\n};\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { createBaseButtonSelectionGroupInternalClass } from '../createBaseButtonSelectionGroupInternalClass';\n\nexport const componentName = getComponentName('button-selection-group-internal');\n\nexport class ButtonSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(\n  componentName\n) {\n  getSelectedNode() {\n    return this.items.find((item) => item.hasAttribute('selected'));\n  }\n\n  get allowDeselect() {\n    return this.getAttribute('allow-deselect') === 'true';\n  }\n\n  removeSelected() {\n    this.getSelectedNode()?.removeAttribute('selected');\n  }\n\n  onClick(e) {\n    if (e.target !== e.currentTarget) {\n      if (e.target === this.getSelectedNode() && this.allowDeselect) {\n        this.removeSelected();\n      } else {\n        this.setSelected(e.target);\n      }\n      this.dispatchChange();\n    }\n  }\n\n  setSelected(node) {\n    if (node !== this.getSelectedNode()) {\n      this.removeSelected();\n      node?.setAttribute('selected', 'true');\n    }\n  }\n\n  get defaultValue() {\n    return this.getAttribute('default-value');\n  }\n\n  setDefaultValue() {\n    // we want to defer this action until all attributes are synched\n    setTimeout(() => {\n      if (this.defaultValue) {\n        this.value = this.defaultValue;\n        this.setCustomValidity();\n      }\n    });\n  }\n\n  get value() {\n    return this.getSelectedNode()?.value || '';\n  }\n\n  set value(value) {\n    const node = this.items.find((child) => child.value === value);\n    this.setSelected(node);\n  }\n\n  getValidity() {\n    if (this.isRequired && !this.value) {\n      return { valueMissing: true };\n    }\n\n    return {};\n  }\n\n  init() {\n    super.init();\n\n    this.setDefaultValue();\n\n    this.querySelector('slot').addEventListener('click', this.onClick.bind(this));\n  }\n}\n","import {\n  componentName,\n  ButtonSelectionGroupInternalClass,\n} from './ButtonSelectionGroupInternalClass';\n\ncustomElements.define(componentName, ButtonSelectionGroupInternalClass);\n\nexport { ButtonSelectionGroupInternalClass };\n","import { ButtonClass } from '@descope-ui/descope-button/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../../mixins';\nimport { createBaseClass } from '../../../baseClasses/createBaseClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('button-selection-group-item');\n\nclass RawSelectItem extends createBaseClass({\n  componentName,\n  baseSelector: ':host > descope-button',\n}) {\n  get size() {\n    return this.getAttribute('size') || 'md';\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'contained';\n  }\n\n  get value() {\n    return this.getAttribute('value') || '';\n  }\n\n  set value(value) {\n    this.setAttribute('value', value);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <descope-button variant=\"${this.variant}\" size=\"${this.size}\" mode=\"primary\">\n      <slot></slot>\n    </descope-button>\n\t`;\n\n    injectStyle(\n      `\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  `,\n      this\n    );\n\n    forwardAttrs(this, this.baseElement, { includeAttrs: ['size', 'variant'] });\n    forwardAttrs(this.baseElement, this, { includeAttrs: ['focused', 'active'] });\n  }\n\n  handleFocus() {\n    this.shadowRoot.querySelector('descope-button')?.focus();\n  }\n\n  focus() {\n    this.handleFocus();\n  }\n\n  init() {\n    super.init();\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) {\n        this.handleFocus();\n      }\n    });\n  }\n}\n\nexport const ButtonSelectionGroupItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostDirection: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.hostDirection,\n      },\n      backgroundColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.backgroundColor,\n      },\n      labelTextColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.labelTextColor,\n      },\n      borderColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderColor,\n      },\n      borderWidth: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderWidth,\n      },\n      borderStyle: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderStyle,\n      },\n      borderRadius: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.borderRadius,\n      },\n      outlineColor: {\n        selector: () => ButtonClass.componentName,\n        property: ButtonClass.cssVarList.outlineColor,\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawSelectItem);\n","import { componentName, ButtonSelectionGroupItemClass } from './ButtonSelectionGroupItemClass';\nimport '@descope-ui/descope-button';\n\ncustomElements.define(componentName, ButtonSelectionGroupItemClass);\n\nexport { ButtonSelectionGroupItemClass };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../../mixins';\nimport { componentName as descopeInternalComponentName } from '../descope-button-selection-group-internal/ButtonSelectionGroupInternalClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport {\n  buttonSelectionGroupBaseMixin,\n  buttonSelectionGroupMappings,\n  buttonSelectionGroupStyles,\n} from '../baseButtonSelectionGroup';\n\nexport const componentName = getComponentName('button-selection-group');\n\nconst buttonSelectionGroupMixin = (superclass) =>\n  class ButtonMultiSelectionGroupMixinClass extends superclass {\n    init() {\n      super.init?.();\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n      \tname=\"button-selection-group\"\n      \tslot=\"input\"\n        tabindex=\"-1\"\n        part=\"internal-component\"\n      >\n        <slot></slot>\n      </${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      // the inner *-internal dispatches a non-bubbling, non-composed `change`,\n      // which never reaches the flow runtime. Re-emit standard input/change from\n      // the host (bubbling + composed) so flow real-time conditions fire.\n      this.inputElement.addEventListener('change', () => {\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n      });\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: ['size', 'default-value', 'allow-deselect'],\n      });\n    }\n  };\n\nexport const ButtonSelectionGroupClass = compose(\n  createStyleMixin({\n    mappings: {\n      ...buttonSelectionGroupMappings,\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin,\n  buttonSelectionGroupBaseMixin,\n  buttonSelectionGroupMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => buttonSelectionGroupStyles,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n\nexport default ButtonSelectionGroupClass;\n","import { componentName, ButtonSelectionGroupClass } from './ButtonSelectionGroupClass';\nimport '../descope-button-selection-group-internal';\nimport '../descope-button-selection-group-item';\n\ncustomElements.define(componentName, ButtonSelectionGroupClass);\n\nexport { ButtonSelectionGroupClass, componentName };\n"],"names":["componentName","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_1__","xE","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_0__","Zz","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_2__","DM","triggers","attr","value","RF","mappings","hostWidth","property","hostMaxWidth","hostHeight","hostDirection","fontSize","fontFamily","fontWeight","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","_descope_ui_descope_icon_class__WEBPACK_IMPORTED_MODULE_3__","S","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","_clickableMixin__WEBPACK_IMPORTED_MODULE_4__","G","VO","tQ","tz","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","_ButtonClass__WEBPACK_IMPORTED_MODULE_0__","T","J","IconClass","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_3__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","_descope_ui_descope_image_class__WEBPACK_IMPORTED_MODULE_2__","q","height","width","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","srcAttrs","RawImage","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","fz","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","_helpers__WEBPACK_IMPORTED_MODULE_4__","m","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","createSvgEle","text","clean","dompurify__WEBPACK_IMPORTED_MODULE_0__","A","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","createBaseInputClass","args","_helpers__WEBPACK_IMPORTED_MODULE_0__","_mixins__WEBPACK_IMPORTED_MODULE_1__","XX","_$","yF","jd","_createBaseClass__WEBPACK_IMPORTED_MODULE_2__","buttonSelectionGroupBaseMixin","renderItem","data","renderFn","renderItems","size","inputElement","dataAttr","JSON","parse","isValidDataType","e","console","error","message","isValid","Array","isArray","getItemsTemplate","reduce","acc","item","template","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_0__","mx","bind","includeAttrs","Ge","addedNodes","requiredIndicator","internalWrapper","errorMessage","buttonSelectionGroupMappings","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","itemsSpacing","buttonSelectionGroupStyles","_helpers_themeHelpers_resetHelpers__WEBPACK_IMPORTED_MODULE_1__","X6","$J","I4","createBaseButtonSelectionGroupInternalClass","BaseButtonSelectionGroupInternalClass","_baseClasses_createBaseInputClass__WEBPACK_IMPORTED_MODULE_1__","y","dispatchChange","_helpers_mixinsHelpers__WEBPACK_IMPORTED_MODULE_3__","r","items","assignedElements","isReadonly","warn","onSizeChange","onReadOnlyChange","toggleAttribute","getValidity","onObservedAttributeChange","attrs","addEventListener","isTrusted","focus","_helpers_componentHelpers__WEBPACK_IMPORTED_MODULE_2__","ButtonSelectionGroupInternalClass","_createBaseButtonSelectionGroupInternalClass__WEBPACK_IMPORTED_MODULE_1__","getSelectedNode","find","hasAttribute","allowDeselect","removeSelected","removeAttribute","onClick","target","currentTarget","setSelected","defaultValue","setDefaultValue","setTimeout","setCustomValidity","child","isRequired","valueMissing","_ButtonSelectionGroupInternalClass__WEBPACK_IMPORTED_MODULE_0__","n","componentHelpers","RawSelectItem","createBaseClass","variant","componentsHelpers","EA","baseElement","handleFocus","shadowRoot","ButtonSelectionGroupItemClass","helpers","mixins","ButtonSelectionGroupClass","baseButtonSelectionGroup","$W","OZ","proxyProps","_Z","content","cloneNode","dispatchEvent","Event","bubbles","composed","S$"],"sourceRoot":""}