@descope/web-components-ui 1.31.0 → 1.33.0

package/dist/umd/descope-radio-group-index-js.js

@@ -1 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9399],{94702:(e,t,r)=>{r.r(t),r.d(t,{RadioGroupClass:()=>c,componentName:()=>d});var o=r(7138),i=r(14944),n=r(33177),a=r(94619),l=r(93826);const p=(0,i.xE)("radio-button"),s=(0,o.Zz)((0,a.RF)({mappings:{cursor:[{},{selector:"label"}],fontSize:[{selector:"label"},{}],labelTextColor:{selector:"label",property:"color"},fontFamily:{selector:"label"},radioSize:[{selector:"::part(radio)",property:"height"},{selector:"::part(radio)",property:"width"}],radioBackgroundColor:{selector:"::part(radio)",property:"background-color"},radioMargin:{selector:"::part(radio)",property:"margin"},radioCheckedSize:{selector:"::part(radio)::after",property:"border-width"},radioCheckedColor:{selector:"::part(radio)::after",property:"border-color"},radioBorderColor:{selector:"::part(radio)",property:"border-color",fallback:"none"},radioBorderWidth:{selector:"::part(radio)",property:"border-width",fallback:0},radioBorderStyle:{selector:"::part(radio)",property:"border-style",fallback:"solid"}}}),(0,a.OZ)({proxyProps:["setSelectionRange"]}),a.tQ,(e=>class extends e{constructor(){super(),this.baseElement.checkValidity=()=>{}}init(){this.baseElement.addEventListener("checked-changed",(e=>{this.dispatchEvent(new CustomEvent("checked-changed",{detail:e.detail},{bubbles:!0,composed:!0}))})),super.init?.(),(0,i.Ge)(this,this.renderLabel.bind(this))}renderLabel(){this.baseElement.setAttribute("label",this.textContent)}get value(){return this.getAttribute("value")}}))((0,a.tz)({slots:[""],wrappedEleName:"vaadin-radio-button",excludeAttrsSync:["tabindex","data"],includeForwardProps:["checked","name","disabled"],componentName:p})),d=(0,i.xE)("radio-group"),c=(0,o.Zz)((0,a.RF)({mappings:{...l.A,buttonsSpacing:{selector:"::part(group-field)",property:"justify-content"},buttonsRowGap:{selector:"::part(group-field)",property:"row-gap"},buttonsColumnGap:{selector:"::part(group-field)",property:"column-gap"},itemsLabelColor:{selector:()=>`::slotted(${s.componentName})`,property:s.cssVarList.labelTextColor}}}),a.VO,(0,a.OZ)({proxyProps:["setSelectionRange"]}),a.tQ,(e=>class extends e{#e=({value:e,label:t})=>`<descope-radio-button value="${e}">${t}</descope-radio-button>`;#t;constructor(){super(),Object.defineProperty(this.baseElement,"children",{get:()=>this.querySelectorAll(p)}),this.baseElement.__filterRadioButtons=e=>e.filter((e=>e.localName===p)),this.baseElement.setCustomValidity=()=>{}}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}get size(){return this.getAttribute("size")}get data(){if(this.#t)return this.#t;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" - ',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#t=e,this.renderItems())}get defaultValue(){return this.getAttribute("default-value")}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.(((e,t)=>e+(this.#e?.(t||{})||"")),"")}renderItems(){const e=this.getItemsTemplate();e&&(this.innerHTML=e)}init(){super.init?.(),this.inputElement=this.baseElement,this.renderItems(),(0,i.mx)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),Object.defineProperty(this.baseElement,"validity",{get:()=>({valueMissing:!this.baseElement.checkValidity()})}),(0,i.EA)(this,this.baseElement,{includeAttrs:["layout"],mapAttrs:{layout:"theme"}}),setTimeout((()=>{this.defaultValue&&(this.value=this.defaultValue)})),(0,i.Ge)(this,(({addedNodes:e})=>{e.forEach((e=>{e.setAttribute("size",this.size)}))})),(0,i.mx)(this,(()=>{this.items.forEach((e=>{e.setAttribute("size",this.size)}))}),{includeAttrs:["size"]})}}))((0,a.tz)({slots:["","prefix"],wrappedEleName:"vaadin-radio-group",style:()=>`\n    :host {\n      display: inline-block;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n\n    vaadin-radio-group {\n      padding: 0;\n      width: 100%;\n    }\n\n    ${(0,n.$J)("vaadin-radio-group")}\n    `,excludeAttrsSync:["tabindex","size","data","direction"],componentName:d,includeForwardProps:["value"]}));r(4554),customElements.define(d,c),customElements.define(p,s)},93826:(e,t,r)=>{r.d(t,{A:()=>x});const{host:o,label:i,placeholder:n,requiredIndicator:a,inputField:l,input:p,inputMask:s,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:b,externalInput:y,externalInputDisabled:g,externalPlaceholder:m,externalDisabledPlaceholder:f}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},x={fontSize:[{},o],fontFamily:[i,l,d,c],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...a,property:"color"},{...i,property:"-webkit-text-fill-color"},{...a,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...p,property:"direction"},inputBackgroundColor:[{...l,property:"background-color"},{...s,property:"background-color"}],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"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...l,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...a,property:"content"},inputBorderColor:{...l,property:"border-color"},inputBorderWidth:{...l,property:"border-width"},inputBorderStyle:{...l,property:"border-style"},inputBorderRadius:{...l,property:"border-radius"},inputHeight:{...l,property:"height"},inputHorizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...l,property:"outline-color"},inputOutlineStyle:{...l,property:"outline-style"},inputOutlineWidth:{...l,property:"outline-width"},inputOutlineOffset:{...l,property:"outline-offset"},textAlign:{},inputTextAlign:[{...p,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...m,property:"color"},{...n,property:"color"},{...u,property:"-webkit-text-fill-color"},{...f,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...m,property:"opacity"}],inputVerticalAlignment:[{...l,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...p,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...p,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...b,property:"margin-right"},{...b,property:"margin-left"}],inputIconSize:{...b,property:"font-size"},inputIconColor:{...b,property:"color"}}},33177:(e,t,r)=>{r.d(t,{$J:()=>u,I4:()=>a,Kl:()=>h,LJ:()=>c,Qv:()=>n,X6:()=>p,cy:()=>o,fu:()=>s,kG:()=>d,lS:()=>l,zm:()=>i});const o=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,i=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,n=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,l=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,p=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",s=e=>`\n    ${e}::part(input-field)::after {\n        opacity: 0;\n    }\n`,d=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,c=(e,t)=>`\n    ${i(e)}\n    ${a(e)}\n    ${l(e)}\n    ${n(e)}\n    ${((e,t)=>`\n    ${e} input:-webkit-autofill,\n    ${e} input:-webkit-autofill::first-line,\n    ${e} input:-webkit-autofill:hover,\n    ${e} input:-webkit-autofill:active,\n    ${e} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${t.inputValueTextColor});\n        box-shadow: 0 0 0 var(${t.inputHeight}) var(${t.inputBackgroundColor}) inset;\n    }\n`)(e,t)}\n    ${d(e)}\n    ${(e=>`\n    ${e}::before {\n\t\theight: unset;\n\t}\n`)(e)}\n    ${(e=>`\n    ${e} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(e)}\n    ${(e=>`\n    ${e}::part(input-field)::after {\n        border: none;\n    }\n`)(e)}\n`,u=e=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${e} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9399],{40649:(e,t,r)=>{r.r(t),r.d(t,{RadioGroupClass:()=>c,componentName:()=>d});var o=r(9696),i=r(97810),n=r(73551),a=r(79365),l=r(6424);const p=(0,i.xE)("radio-button"),s=(0,o.Zz)((0,a.RF)({mappings:{cursor:[{},{selector:"label"}],fontSize:[{selector:"label"},{}],labelTextColor:{selector:"label",property:"color"},fontFamily:{selector:"label"},radioSize:[{selector:"::part(radio)",property:"height"},{selector:"::part(radio)",property:"width"}],radioBackgroundColor:{selector:"::part(radio)",property:"background-color"},radioMargin:{selector:"::part(radio)",property:"margin"},radioCheckedSize:{selector:"::part(radio)::after",property:"border-width"},radioCheckedColor:{selector:"::part(radio)::after",property:"border-color"},radioBorderColor:{selector:"::part(radio)",property:"border-color",fallback:"none"},radioBorderWidth:{selector:"::part(radio)",property:"border-width",fallback:0},radioBorderStyle:{selector:"::part(radio)",property:"border-style",fallback:"solid"}}}),(0,a.OZ)({proxyProps:["setSelectionRange"]}),a.tQ,(e=>class extends e{constructor(){super(),this.baseElement.checkValidity=()=>{}}init(){this.baseElement.addEventListener("checked-changed",(e=>{this.dispatchEvent(new CustomEvent("checked-changed",{detail:e.detail},{bubbles:!0,composed:!0}))})),super.init?.(),(0,i.Ge)(this,this.renderLabel.bind(this))}renderLabel(){this.baseElement.setAttribute("label",this.textContent)}get value(){return this.getAttribute("value")}}))((0,a.tz)({slots:[""],wrappedEleName:"vaadin-radio-button",excludeAttrsSync:["tabindex","data"],includeForwardProps:["checked","name","disabled"],componentName:p})),d=(0,i.xE)("radio-group"),c=(0,o.Zz)((0,a.RF)({mappings:{...l.A,buttonsSpacing:{selector:"::part(group-field)",property:"justify-content"},buttonsRowGap:{selector:"::part(group-field)",property:"row-gap"},buttonsColumnGap:{selector:"::part(group-field)",property:"column-gap"},itemsLabelColor:{selector:()=>`::slotted(${s.componentName})`,property:s.cssVarList.labelTextColor}}}),a.VO,(0,a.OZ)({proxyProps:["setSelectionRange"]}),a.tQ,(e=>class extends e{#e=({value:e,label:t})=>`<descope-radio-button value="${e}">${t}</descope-radio-button>`;#t;constructor(){super(),Object.defineProperty(this.baseElement,"children",{get:()=>this.querySelectorAll(p)}),this.baseElement.__filterRadioButtons=e=>e.filter((e=>e.localName===p)),this.baseElement.setCustomValidity=()=>{}}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}get size(){return this.getAttribute("size")}get data(){if(this.#t)return this.#t;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" - ',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#t=e,this.renderItems())}get defaultValue(){return this.getAttribute("default-value")}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.(((e,t)=>e+(this.#e?.(t||{})||"")),"")}renderItems(){const e=this.getItemsTemplate();e&&(this.innerHTML=e)}init(){super.init?.(),this.inputElement=this.baseElement,this.renderItems(),(0,i.mx)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),Object.defineProperty(this.baseElement,"validity",{get:()=>({valueMissing:!this.baseElement.checkValidity()})}),(0,i.EA)(this,this.baseElement,{includeAttrs:["layout"],mapAttrs:{layout:"theme"}}),setTimeout((()=>{this.defaultValue&&(this.value=this.defaultValue)})),(0,i.Ge)(this,(({addedNodes:e})=>{e.forEach((e=>{e.setAttribute("size",this.size)}))})),(0,i.mx)(this,(()=>{this.items.forEach((e=>{e.setAttribute("size",this.size)}))}),{includeAttrs:["size"]})}}))((0,a.tz)({slots:["","prefix"],wrappedEleName:"vaadin-radio-group",style:()=>`\n    :host {\n      display: inline-block;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n\n    vaadin-radio-group {\n      padding: 0;\n      width: 100%;\n    }\n\n    ${(0,n.$J)("vaadin-radio-group")}\n    `,excludeAttrsSync:["tabindex","size","data","direction"],componentName:d,includeForwardProps:["value"]}));r(54623),customElements.define(d,c),customElements.define(p,s)},6424:(e,t,r)=>{r.d(t,{A:()=>x});const{host:o,label:i,placeholder:n,requiredIndicator:a,inputField:l,input:p,inputMask:s,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:b,externalInput:y,externalInputDisabled:g,externalPlaceholder:m,externalDisabledPlaceholder:f}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},x={fontSize:[{},o],fontFamily:[i,l,d,c],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...a,property:"color"},{...i,property:"-webkit-text-fill-color"},{...a,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...p,property:"direction"},inputBackgroundColor:[{...l,property:"background-color"},{...s,property:"background-color"}],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"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...l,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...a,property:"content"},inputBorderColor:{...l,property:"border-color"},inputBorderWidth:{...l,property:"border-width"},inputBorderStyle:{...l,property:"border-style"},inputBorderRadius:{...l,property:"border-radius"},inputHeight:{...l,property:"height"},inputHorizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...l,property:"outline-color"},inputOutlineStyle:{...l,property:"outline-style"},inputOutlineWidth:{...l,property:"outline-width"},inputOutlineOffset:{...l,property:"outline-offset"},textAlign:{},inputTextAlign:[{...p,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...m,property:"color"},{...n,property:"color"},{...u,property:"-webkit-text-fill-color"},{...f,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...m,property:"opacity"}],inputVerticalAlignment:[{...l,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...p,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...p,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...b,property:"margin-right"},{...b,property:"margin-left"}],inputIconSize:{...b,property:"font-size"},inputIconColor:{...b,property:"color"}}},73551:(e,t,r)=>{r.d(t,{$J:()=>u,I4:()=>a,Kl:()=>h,LJ:()=>c,Qv:()=>n,X6:()=>p,cy:()=>o,fu:()=>s,kG:()=>d,lS:()=>l,zm:()=>i});const o=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,i=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,n=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,l=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,p=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",s=e=>`\n    ${e}::part(input-field)::after {\n        opacity: 0;\n    }\n`,d=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,c=(e,t)=>`\n    ${i(e)}\n    ${a(e)}\n    ${l(e)}\n    ${n(e)}\n    ${((e,t)=>`\n    ${e} input:-webkit-autofill,\n    ${e} input:-webkit-autofill::first-line,\n    ${e} input:-webkit-autofill:hover,\n    ${e} input:-webkit-autofill:active,\n    ${e} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${t.inputValueTextColor});\n        box-shadow: 0 0 0 var(${t.inputHeight}) var(${t.inputBackgroundColor}) inset;\n    }\n`)(e,t)}\n    ${d(e)}\n    ${(e=>`\n    ${e}::before {\n\t\theight: unset;\n\t}\n`)(e)}\n    ${(e=>`\n    ${e} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(e)}\n    ${(e=>`\n    ${e}::part(input-field)::after {\n        border: none;\n    }\n`)(e)}\n`,u=e=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${e} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '}}]);
+//# sourceMappingURL=descope-radio-group-index-js.js.map

package/dist/umd/descope-radio-group-index-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descope-radio-group-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-radio-group/RadioButtonClass.js","webpack://@descope/web-components-ui/./src/components/descope-radio-group/RadioGroupClass.js","webpack://@descope/web-components-ui/./src/components/descope-radio-group/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js"],"sourcesContent":["import { compose } from '../../helpers';\nimport { getComponentName, observeChildren } from '../../helpers/componentHelpers';\nimport {\n  componentNameValidationMixin,\n  createProxy,\n  createStyleMixin,\n  proxyInputMixin,\n} from '../../mixins';\n\nexport const componentName = getComponentName('radio-button');\n\nconst customMixin = (superclass) =>\n  class CustomMixin extends superclass {\n    constructor() {\n      super();\n\n      this.baseElement.checkValidity = () => {};\n    }\n\n    init() {\n      // we are forwarding vaadin checked-changed event\n      this.baseElement.addEventListener('checked-changed', (e) => {\n        this.dispatchEvent(\n          new CustomEvent(\n            'checked-changed',\n            { detail: e.detail },\n            { bubbles: true, composed: true }\n          )\n        );\n      });\n\n      super.init?.();\n\n      observeChildren(this, this.renderLabel.bind(this));\n    }\n\n    renderLabel() {\n      this.baseElement.setAttribute('label', this.textContent);\n    }\n\n    get value() {\n      return this.getAttribute('value');\n    }\n  };\n\nexport const RadioButtonClass = compose(\n  createStyleMixin({\n    mappings: {\n      cursor: [{}, { selector: 'label' }],\n      fontSize: [{ selector: 'label' }, {}],\n      labelTextColor: { selector: 'label', property: 'color' },\n      fontFamily: { selector: 'label' },\n      radioSize: [\n        { selector: '::part(radio)', property: 'height' },\n        { selector: '::part(radio)', property: 'width' },\n      ],\n      radioBackgroundColor: { selector: '::part(radio)', property: 'background-color' },\n      radioMargin: { selector: '::part(radio)', property: 'margin' },\n      radioCheckedSize: { selector: '::part(radio)::after', property: 'border-width' },\n      radioCheckedColor: { selector: '::part(radio)::after', property: 'border-color' },\n      radioBorderColor: { selector: '::part(radio)', property: 'border-color', fallback: 'none' },\n      radioBorderWidth: { selector: '::part(radio)', property: 'border-width', fallback: 0 },\n      radioBorderStyle: { selector: '::part(radio)', property: 'border-style', fallback: 'solid' },\n    },\n  }),\n  proxyInputMixin({ proxyProps: ['setSelectionRange'] }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: [''],\n    wrappedEleName: 'vaadin-radio-button',\n    excludeAttrsSync: ['tabindex', 'data'],\n    includeForwardProps: ['checked', 'name', 'disabled'],\n    componentName,\n  })\n);\n","import { compose } from '../../helpers';\nimport {\n  forwardAttrs,\n  getComponentName,\n  observeAttributes,\n  observeChildren,\n} from '../../helpers/componentHelpers';\nimport { resetInputLabelPosition } from '../../helpers/themeHelpers/resetHelpers';\nimport {\n  componentNameValidationMixin,\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n  proxyInputMixin,\n} from '../../mixins';\nimport textFieldMappings from '../descope-text-field/textFieldMappings';\nimport { componentName as childNodeName, RadioButtonClass } from './RadioButtonClass';\n\nexport const componentName = getComponentName('radio-group');\n\nconst RadioGroupMixin = (superclass) =>\n  class RadioGroupMixinClass extends superclass {\n    // eslint-disable-next-line class-methods-use-this\n    #renderItem = ({ value, label }) =>\n      `<descope-radio-button value=\"${value}\">${label}</descope-radio-button>`;\n\n    #data;\n\n    constructor() {\n      super();\n\n      // we are overriding vaadin children getter so it will run on our custom elements\n      Object.defineProperty(this.baseElement, 'children', {\n        get: () => this.querySelectorAll(childNodeName),\n      });\n\n      // we are overriding vaadin __filterRadioButtons so it will run on our custom elements\n      this.baseElement.__filterRadioButtons = (nodes) => {\n        return nodes.filter((node) => node.localName === childNodeName);\n      };\n\n      // vaadin radio group missing some input properties\n      this.baseElement.setCustomValidity = () => {};\n    }\n\n    get items() {\n      return this.shadowRoot.querySelector('slot').assignedElements();\n    }\n\n    get size() {\n      return this.getAttribute('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    get defaultValue() {\n      return this.getAttribute('default-value');\n    }\n\n    // eslint-disable-next-line class-methods-use-this\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.inputElement = this.baseElement;\n\n      this.renderItems();\n\n      observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });\n\n      Object.defineProperty(this.baseElement, 'validity', {\n        get: () => {\n          return { valueMissing: !this.baseElement.checkValidity() };\n        },\n      });\n\n      forwardAttrs(this, this.baseElement, {\n        includeAttrs: ['layout'],\n        mapAttrs: { layout: 'theme' },\n      });\n\n      setTimeout(() => {\n        if (this.defaultValue) {\n          this.value = this.defaultValue;\n        }\n      });\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      observeAttributes(\n        this,\n        () => {\n          this.items.forEach((item) => {\n            item.setAttribute('size', this.size);\n          });\n        },\n        {\n          includeAttrs: ['size'],\n        }\n      );\n    }\n  };\n\nexport const RadioGroupClass = compose(\n  createStyleMixin({\n    mappings: {\n      ...textFieldMappings,\n      buttonsSpacing: { selector: '::part(group-field)', property: 'justify-content' },\n      buttonsRowGap: { selector: '::part(group-field)', property: 'row-gap' },\n      buttonsColumnGap: { selector: '::part(group-field)', property: 'column-gap' },\n      itemsLabelColor: {\n        selector: () => `::slotted(${RadioButtonClass.componentName})`,\n        property: RadioButtonClass.cssVarList.labelTextColor,\n      },\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['setSelectionRange'] }),\n  componentNameValidationMixin,\n  RadioGroupMixin\n)(\n  createProxy({\n    slots: ['', 'prefix'],\n    wrappedEleName: 'vaadin-radio-group',\n    style: () => `\n    :host {\n      display: inline-block;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n\n    vaadin-radio-group {\n      padding: 0;\n      width: 100%;\n    }\n\n    ${resetInputLabelPosition('vaadin-radio-group')}\n    `,\n\n    excludeAttrsSync: ['tabindex', 'size', 'data', 'direction'],\n    componentName,\n    includeForwardProps: ['value'],\n  })\n);\n","import { componentName as groupComponentName, RadioGroupClass } from './RadioGroupClass';\nimport { componentName as buttonComponentName, RadioButtonClass } from './RadioButtonClass';\nimport '@vaadin/radio-group';\n\ncustomElements.define(groupComponentName, RadioGroupClass);\ncustomElements.define(buttonComponentName, RadioButtonClass);\n\nexport { RadioGroupClass, groupComponentName as componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: { selector: () => '::slotted(input:disabled::placeholder)' },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\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\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n};\n","export const useHostExternalPadding = (cssVarList) => `\n    :host {\n        padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n    }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n    ${name}::part(input-field)::after {\n        border: none;\n    }\n`;\n\nexport const resetInitialHeight = (name) => `\n    ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n    ${name} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputContainer = (name) => `\n    ${name} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputField = (name) => `\n    ${name}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`;\n\nexport const resetInputCursor = (name) => `\n    ${name} > label,\n    ${name}::part(label),\n    ${name}::part(required-indicator) {\n        cursor: pointer;\n    }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n    ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n    ${name} input:-webkit-autofill,\n    ${name} input:-webkit-autofill::first-line,\n    ${name} input:-webkit-autofill:hover,\n    ${name} input:-webkit-autofill:active,\n    ${name} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n        box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n    }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n    ${name}::part(input-field)::after {\n        opacity: 0;\n    }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n    ${name}::part(input-field)::after {\n        background: none;\n    }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n    ${resetInputContainer(name)}\n    ${resetInputCursor(name)}\n    ${resetInputPlaceholder(name)}\n    ${resetInputField(name)}\n    ${resetInputAutoFill(name, cssVarList)}\n    ${resetInputFieldInvalidBackgroundColor(name)}\n    ${resetInitialHeight(name)}\n    ${resetInputElement(name)}\n    ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${name} [slot=\"label\"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n  return `\n  :host([label-type=\"floating\"]) {\n    position: relative;\n  }\n  :host([label-type=\"floating\"][has-label]) [slot=\"label\"] {\n    padding: 0;\n  }\n  :host([label-type=\"floating\"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  `;\n};\n"],"names":["componentName","RadioButtonClass","mappings","cursor","selector","fontSize","labelTextColor","property","fontFamily","radioSize","radioBackgroundColor","radioMargin","radioCheckedSize","radioCheckedColor","radioBorderColor","fallback","radioBorderWidth","radioBorderStyle","proxyProps","superclass","constructor","super","this","baseElement","checkValidity","init","addEventListener","e","dispatchEvent","CustomEvent","detail","bubbles","composed","renderLabel","bind","setAttribute","textContent","value","getAttribute","slots","wrappedEleName","excludeAttrsSync","includeForwardProps","RadioGroupClass","textFieldMappings","buttonsSpacing","buttonsRowGap","buttonsColumnGap","itemsLabelColor","cssVarList","label","Object","defineProperty","get","querySelectorAll","__filterRadioButtons","nodes","filter","node","localName","setCustomValidity","items","shadowRoot","querySelector","assignedElements","size","data","dataAttr","JSON","parse","isValidDataType","console","error","message","renderItems","defaultValue","isValid","Array","isArray","getItemsTemplate","reduce","acc","item","template","innerHTML","inputElement","includeAttrs","valueMissing","mapAttrs","layout","setTimeout","addedNodes","forEach","style","customElements","define","host","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","labelFontSize","labelFontWeight","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputOutlineWidth","inputOutlineOffset","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","ele","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle"],"sourceRoot":""}

package/dist/umd/descope-recaptcha-index-js.js

@@ -1 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3847],{19552:(e,t,a)=>{a.r(t),a.d(t,{RecaptchaClass:()=>p,componentName:()=>r});var n=a(94619),s=a(70263),c=a(7138),i=a(14944);const r=(0,i.xE)("recaptcha"),h=["enabled","site-key","action","enterprise"],o=(0,s.q)({componentName:r,baseSelector:":host > div"}),p=(0,c.Zz)(n.VO)(class extends o{static get observedAttributes(){return h.concat(o.observedAttributes||[])}attributeChangedCallback(e,t,a){super.attributeChangedCallback?.(e,t,a),t!==a&&"enabled"===e&&this.#e("true"===a)}renderRecaptcha(e){this.children.length?this.updatePreview():this.toggleRecaptchaEles(e)}toggleRecaptchaEles(e){e?(this.recaptchaEle.style.display="",this.mockRecaptchaEle.style.display="none"):(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="")}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<style>\n      :host {\n        display: inline-flex;\n      }\n      :host > div:not(.hidden) {\n        display: flex;\n      }\n      :host #recaptcha .grecaptcha-badge {\n        box-shadow: none !important;\n      }\n      :host #recaptcha .grecaptcha-logo {\n        height: 100%;\n      }\n      :host #recaptcha {\n\t\t\t\twidth: 100%;\n        height: 100%;\n\t\t\t}\n      :host img {\n        width: 256px;\n      }\n      :host([full-width="true"]) {\n        width: 100%;\n      }\n      .hidden {\n        display: none;\n      }\n\t\t</style>\n    <div class="badge">\n      <span id="recaptcha"></span>\n      <img src="https://imgs.descope.com/connectors/templates/recaptcha/recaptcha-big.png" alt="recaptcha"/>\n    </div>\n    <slot></slot>\n\t',this.recaptchaEle=this.baseElement.querySelector("#recaptcha"),this.mockRecaptchaEle=this.baseElement.querySelector("img"),this.badge=this.shadowRoot.querySelector(".badge")}init(){super.init?.(),(0,i.Ge)(this,this.updatePreview.bind(this))}updatePreview(){this.children.length?(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="none",this.badge.classList.add("hidden")):(this.toggleRecaptchaEles(this.enabled),this.badge.classList.remove("hidden"))}get enterprise(){return"true"===this.getAttribute("enterprise")}get siteKey(){return this.getAttribute("site-key")}get action(){return this.getAttribute("action")||"load"}get enabled(){return"true"===this.getAttribute("enabled")}get scriptURL(){const e=new URL("https://www.google.com/recaptcha/");return e.pathname+=(this.enterprise?"enterprise":"api")+".js",e.searchParams.append("onload","onRecaptchaLoadCallback"),e.searchParams.append("render","explicit"),e.toString()}#e(e){this.renderRecaptcha(e),e&&(this.#t(),document.getElementById("recaptcha-script")?window.onRecaptchaLoadCallback():this.#a())}#a(){const e=document.createElement("script");e.src=this.scriptURL,e.async=!0,e.id="recaptcha-script",e.defer=!0,document.body.appendChild(e)}get grecaptchaInstance(){return this.enterprise?window.grecaptcha?.enterprise:window.grecaptcha}#n(e,t,a){this.isConnected&&e.ready((()=>{const n=t.querySelector('textarea[name^="g-recaptcha-response"]')?.cloneNode();if(n&&(n.style.display="none",document.body.appendChild(n)),!this.siteKey)return;const s=e?.execute(a,{action:this.action});s.then(((s,c)=>{c?console.warn("could not execute recaptcha",c):(this.updateComponentsContext({risktoken:s,riskaction:this.action}),this.isConnected&&setTimeout((()=>{this.#n(e,t,a)}),11e4)),n.remove()}))}))}#t(){window.onRecaptchaLoadCallback=()=>{const e=this.recaptchaEle;if(e.hasChildNodes())return;const{grecaptchaInstance:t}=this;t&&setTimeout((()=>{const a=t.render(e,{sitekey:this.siteKey,badge:"inline",size:"invisible"});this.#n(t,e,a)}),0)}}});customElements.define(r,p)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3847],{85386:(e,t,a)=>{a.r(t),a.d(t,{RecaptchaClass:()=>d,componentName:()=>r});var n=a(79365),s=a(81365),c=a(9696),i=a(97810),h=a(25964);const r=(0,i.xE)("recaptcha"),o=["enabled","site-key","action","enterprise"],p=(0,s.q)({componentName:r,baseSelector:":host > div"}),d=(0,c.Zz)(n.VO)(class extends p{static get observedAttributes(){return o.concat(p.observedAttributes||[])}attributeChangedCallback(e,t,a){super.attributeChangedCallback?.(e,t,a),t!==a&&"enabled"===e&&this.#e("true"===a)}renderRecaptcha(e){this.children.length?this.updatePreview():this.toggleRecaptchaEles(e)}toggleRecaptchaEles(e){e?(this.recaptchaEle.style.display="",this.mockRecaptchaEle.style.display="none"):(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="")}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="badge">\n      <span id="recaptcha"></span>\n      <img src="https://imgs.descope.com/connectors/templates/recaptcha/recaptcha-big.png" alt="recaptcha"/>\n    </div>\n    <slot></slot>\n\t',(0,h.fz)('\n      :host {\n        display: inline-flex;\n      }\n      :host > div:not(.hidden) {\n        display: flex;\n      }\n      :host #recaptcha .grecaptcha-badge {\n        box-shadow: none !important;\n      }\n      :host #recaptcha .grecaptcha-logo {\n        height: 100%;\n      }\n      :host #recaptcha {\n\t\t\t\twidth: 100%;\n        height: 100%;\n\t\t\t}\n      :host img {\n        width: 256px;\n      }\n      :host([full-width="true"]) {\n        width: 100%;\n      }\n      .hidden {\n        display: none;\n      }\n        ',this),this.recaptchaEle=this.baseElement.querySelector("#recaptcha"),this.mockRecaptchaEle=this.baseElement.querySelector("img"),this.badge=this.shadowRoot.querySelector(".badge")}init(){super.init?.(),(0,i.Ge)(this,this.updatePreview.bind(this))}updatePreview(){this.children.length?(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="none",this.badge.classList.add("hidden")):(this.toggleRecaptchaEles(this.enabled),this.badge.classList.remove("hidden"))}get enterprise(){return"true"===this.getAttribute("enterprise")}get siteKey(){return this.getAttribute("site-key")}get action(){return this.getAttribute("action")||"load"}get enabled(){return"true"===this.getAttribute("enabled")}get scriptURL(){const e=new URL("https://www.google.com/recaptcha/");return e.pathname+=(this.enterprise?"enterprise":"api")+".js",e.searchParams.append("onload","onRecaptchaLoadCallback"),e.searchParams.append("render","explicit"),e.toString()}#e(e){this.renderRecaptcha(e),e&&(this.#t(),document.getElementById("recaptcha-script")?window.onRecaptchaLoadCallback():this.#a())}#a(){const e=document.createElement("script");e.src=this.scriptURL,e.async=!0,e.id="recaptcha-script",e.defer=!0,document.body.appendChild(e)}get grecaptchaInstance(){return this.enterprise?window.grecaptcha?.enterprise:window.grecaptcha}#n(e,t,a){this.isConnected&&e.ready((()=>{const n=t.querySelector('textarea[name^="g-recaptcha-response"]')?.cloneNode();if(n&&(n.style.display="none",document.body.appendChild(n)),!this.siteKey)return;const s=e?.execute(a,{action:this.action});s.then(((s,c)=>{c?console.warn("could not execute recaptcha",c):(this.updateComponentsContext({risktoken:s,riskaction:this.action}),this.isConnected&&setTimeout((()=>{this.#n(e,t,a)}),11e4)),n.remove()}))}))}#t(){window.onRecaptchaLoadCallback=()=>{const e=this.recaptchaEle;if(e.hasChildNodes())return;const{grecaptchaInstance:t}=this;t&&setTimeout((()=>{const a=t.render(e,{sitekey:this.siteKey,badge:"inline",size:"invisible"});this.#n(t,e,a)}),0)}}});customElements.define(r,d)}}]);
+//# sourceMappingURL=descope-recaptcha-index-js.js.map

package/dist/umd/descope-recaptcha-index-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descope-recaptcha-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-recaptcha/RecaptchaClass.js","webpack://@descope/web-components-ui/./src/components/descope-recaptcha/index.js"],"sourcesContent":["import { draggableMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName, observeChildren } from '../../helpers/componentHelpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('recaptcha');\n\nconst observedAttributes = ['enabled', 'site-key', 'action', 'enterprise'];\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: ':host > div',\n});\nclass RawRecaptcha extends BaseClass {\n  static get observedAttributes() {\n    return observedAttributes.concat(BaseClass.observedAttributes || []);\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n    if (oldValue !== newValue) {\n      if (attrName === 'enabled') {\n        this.#toggleRecaptcha(newValue === 'true');\n      }\n    }\n  }\n\n  renderRecaptcha(enabled) {\n    if (this.children.length) {\n      this.updatePreview();\n      return;\n    }\n\n    this.toggleRecaptchaEles(enabled);\n  }\n\n  toggleRecaptchaEles(enabled) {\n    if (enabled) {\n      this.recaptchaEle.style.display = '';\n      this.mockRecaptchaEle.style.display = 'none';\n    } else {\n      this.recaptchaEle.style.display = 'none';\n      this.mockRecaptchaEle.style.display = '';\n    }\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"badge\">\n      <span id=\"recaptcha\"></span>\n      <img src=\"https://imgs.descope.com/connectors/templates/recaptcha/recaptcha-big.png\" alt=\"recaptcha\"/>\n    </div>\n    <slot></slot>\n\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      :host > div:not(.hidden) {\n        display: flex;\n      }\n      :host #recaptcha .grecaptcha-badge {\n        box-shadow: none !important;\n      }\n      :host #recaptcha .grecaptcha-logo {\n        height: 100%;\n      }\n      :host #recaptcha {\n\t\t\t\twidth: 100%;\n        height: 100%;\n\t\t\t}\n      :host img {\n        width: 256px;\n      }\n      :host([full-width=\"true\"]) {\n        width: 100%;\n      }\n      .hidden {\n        display: none;\n      }\n        `,\n      this\n    );\n\n    this.recaptchaEle = this.baseElement.querySelector('#recaptcha');\n    this.mockRecaptchaEle = this.baseElement.querySelector('img');\n    this.badge = this.shadowRoot.querySelector('.badge');\n  }\n\n  init() {\n    super.init?.();\n\n    observeChildren(this, this.updatePreview.bind(this));\n  }\n\n  updatePreview() {\n    if (this.children.length) {\n      this.recaptchaEle.style.display = 'none';\n      this.mockRecaptchaEle.style.display = 'none';\n      this.badge.classList.add('hidden');\n    } else {\n      this.toggleRecaptchaEles(this.enabled);\n      this.badge.classList.remove('hidden');\n    }\n  }\n\n  get enterprise() {\n    return this.getAttribute('enterprise') === 'true';\n  }\n\n  get siteKey() {\n    return this.getAttribute('site-key');\n  }\n\n  get action() {\n    return this.getAttribute('action') || 'load';\n  }\n\n  get enabled() {\n    return this.getAttribute('enabled') === 'true';\n  }\n\n  get scriptURL() {\n    const url = new URL('https://www.google.com/recaptcha/');\n    url.pathname += `${this.enterprise ? 'enterprise' : 'api'}.js`;\n    url.searchParams.append('onload', 'onRecaptchaLoadCallback');\n    url.searchParams.append('render', 'explicit');\n    return url.toString();\n  }\n\n  #toggleRecaptcha(enabled) {\n    this.renderRecaptcha(enabled);\n    if (enabled) {\n      this.#createOnLoadScript();\n      if (!document.getElementById('recaptcha-script')) {\n        this.#loadRecaptchaScript();\n      } else {\n        window.onRecaptchaLoadCallback();\n      }\n    }\n  }\n\n  #loadRecaptchaScript() {\n    const script = document.createElement('script');\n    script.src = this.scriptURL;\n    script.async = true;\n    script.id = 'recaptcha-script';\n    script.defer = true;\n    document.body.appendChild(script);\n  }\n\n  get grecaptchaInstance() {\n    return this.enterprise ? window.grecaptcha?.enterprise : window.grecaptcha;\n  }\n\n  #getNewToken(grecaptchaInstance, currentNode, recaptchaWidgetId) {\n    if (!this.isConnected) {\n      return;\n    }\n\n    grecaptchaInstance.ready(() => {\n      // clone the node and append it to the body so that it can be used by the grepcaptcha script\n      const cloneNode = currentNode\n        .querySelector('textarea[name^=\"g-recaptcha-response\"]')\n        ?.cloneNode();\n      if (cloneNode) {\n        cloneNode.style.display = 'none';\n        document.body.appendChild(cloneNode);\n      }\n\n      // cleaning up the recaptcha element we added to the body\n      const removeCloneNode = () => {\n        cloneNode.remove();\n      };\n\n      if (!this.siteKey) {\n        return;\n      }\n      // we should pass recaptchaWidgetId, but this does not allow us to run execute multiple times\n      // also calling grecaptchaInstance.reset() does not work\n      const exec = grecaptchaInstance?.execute(recaptchaWidgetId, { action: this.action });\n      exec.then((token, e) => {\n        if (e) {\n          // eslint-disable-next-line no-console\n          console.warn('could not execute recaptcha', e);\n        } else {\n          this.updateComponentsContext({\n            risktoken: token,\n            riskaction: this.action,\n          });\n          // if the component is still connected, we should try to get a new token before the token expires (2 minutes)\n          if (this.isConnected) {\n            setTimeout(() => {\n              this.#getNewToken(grecaptchaInstance, currentNode, recaptchaWidgetId);\n            }, 110000);\n          }\n        }\n        removeCloneNode();\n      });\n    });\n  }\n\n  #createOnLoadScript() {\n    window.onRecaptchaLoadCallback = () => {\n      const currentNode = this.recaptchaEle;\n\n      // if there are child nodes, it means that the recaptcha was already rendered\n      if (currentNode.hasChildNodes()) {\n        return;\n      }\n\n      const { grecaptchaInstance } = this;\n\n      if (!grecaptchaInstance) {\n        return;\n      }\n\n      setTimeout(() => {\n        const recaptchaWidgetId = grecaptchaInstance.render(currentNode, {\n          sitekey: this.siteKey,\n          badge: 'inline',\n          size: 'invisible',\n        });\n        this.#getNewToken(grecaptchaInstance, currentNode, recaptchaWidgetId);\n      }, 0);\n    };\n  }\n}\n\nexport const RecaptchaClass = compose(draggableMixin)(RawRecaptcha);\n","import { componentName, RecaptchaClass } from './RecaptchaClass';\n\ncustomElements.define(componentName, RecaptchaClass);\n\nexport { RecaptchaClass, componentName };\n"],"names":["componentName","observedAttributes","BaseClass","createBaseClass","baseSelector","RecaptchaClass","concat","attributeChangedCallback","attrName","oldValue","newValue","super","this","renderRecaptcha","enabled","children","length","updatePreview","toggleRecaptchaEles","recaptchaEle","style","display","mockRecaptchaEle","constructor","attachShadow","mode","innerHTML","baseElement","querySelector","badge","shadowRoot","init","bind","classList","add","remove","enterprise","getAttribute","siteKey","action","scriptURL","url","URL","pathname","searchParams","append","toString","document","getElementById","window","onRecaptchaLoadCallback","script","createElement","src","async","id","defer","body","appendChild","grecaptchaInstance","grecaptcha","currentNode","recaptchaWidgetId","isConnected","ready","cloneNode","exec","execute","then","token","e","console","warn","updateComponentsContext","risktoken","riskaction","setTimeout","hasChildNodes","render","sitekey","size","customElements","define"],"sourceRoot":""}

package/dist/umd/descope-scopes-list-index-js.js

@@ -1,2 +1,3 @@
 /*! For license information please see descope-scopes-list-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1674,4838,7362,7640],{25827:(t,e,n)=>{n.d(e,{y:()=>a});var r=n(7138),o=n(94619),i=n(70263);const a=(...t)=>(0,r.Zz)(o.XX,o._$,o.yF,o.jd)((0,i.q)(...t))},38777:(t,e,n)=>{n.d(e,{A:()=>i});var r=n(14944),o=n(62751);const i=t=>class extends t{init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t\t<${o.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${o.T}>\n\t\t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(o.T),this.checkbox=this.inputElement.querySelector("vaadin-checkbox"),(0,r.EA)(this,this.inputElement,{includeAttrs:["required","full-width","size","label","invalid","disabled","readonly"]}),(0,r.q)(this.inputElement,this,["checked"]),(0,r.Gh)(this,this.inputElement,{includeAttrs:["checked"]})}}},89345:(t,e,n)=>{n.d(e,{A:()=>r});const r=`\n:host {\n\tdisplay: inline-flex;\n}\n\n${(0,n(33177).X6)()}\n\n.wrapper {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\nvaadin-text-field {\n\tposition: relative;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: flex-start;\n}\nvaadin-text-field::before {\n  content: unset;\n}\nvaadin-text-field::part(label) {\n  position: absolute;\n  top: 0;\n}\nvaadin-text-field::part(input-field) {\n\tpadding: 0;\n\tbackground: none;\n\tmin-height: 0;\n}\nvaadin-text-field::part(input-field)::after {\n  background: none;\n}\nvaadin-text-field[focus-ring]::part(input-field) {\n\tbox-shadow: none;\n}\n\nvaadin-checkbox [slot="label"] {\n  align-self: flex-start;\n  padding: 0;\n}\n[required] vaadin-checkbox [slot="label"]:not(:empty) {\n\tpadding-inline-end: 1em;\n}\ndescope-boolean-field-internal {\n  -webkit-mask-image: none;\n  min-height: initial;\n}\n`},62751:(t,e,n)=>{n.d(e,{A:()=>l,T:()=>i});var r=n(25827),o=n(14944);const i=(0,o.xE)("boolean-field-internal"),a=["disabled","label","invalid","readonly"],s=(0,r.y)({componentName:i,baseSelector:"div"}),l=class extends s{static get observedAttributes(){return["readonly"]}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper">\n\t\t\t\t<vaadin-checkbox></vaadin-checkbox>\n\t\t\t</div>\n\t\t',this.wrapperEle=this.querySelector("div"),this.checkbox=this.querySelector("vaadin-checkbox")}get value(){return this.checkbox?.checked}set value(t){this.checkbox.checked=t}get checked(){return this.value}set checked(t){this.value=t}init(){this.addEventListener("focus",(t=>{t.isTrusted&&this.checkbox.focus()})),super.init?.(),(0,o.EA)(this,this.checkbox,{includeAttrs:a}),(0,o.Gh)(this,this.checkbox,{includeAttrs:["checked"]}),this.handleFocusEventsDispatching([this.checkbox])}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),"readonly"===t&&this.onReadOnlyChange(null!==n)}onReadOnlyChange(t){this.baseElement.setAttribute("inert",t)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}}},53716:(t,e,n)=>{n.r(e);var r=n(62751);customElements.define(r.T,r.A)},16611:(t,e,n)=>{n.d(e,{T:()=>d,q:()=>x});var r=n(14944),o=n(7138),i=n(94619),a=n(38777),s=n(89345),l=n(33177);const d=(0,r.xE)("checkbox"),{host:c,component:p,checkboxElement:h,checkboxSurface:u,checkboxLabel:b,requiredIndicator:m,helperText:y,errorMessage:g}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},x=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...c,property:"width"},hostDirection:{...c,property:"direction"},fontSize:[c,h,b],fontFamily:[b,y,g],labelTextColor:{...b,property:"color"},labelSpacing:{...b,property:"padding-inline-start"},labelLineHeight:{...b,property:"line-height"},labelFontWeight:{...b,property:"font-weight"},labelRequiredIndicator:{...m,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},inputValueTextColor:{...u,property:"color"},inputBackgroundColor:{...h,property:"background-color"},inputBorderRadius:{...h,property:"border-radius"},inputBorderWidth:{...h,property:"border-width"},inputBorderOffset:{...h,property:"border-offset"},inputBorderColor:{...h,property:"border-color"},inputBorderStyle:{...h,property:"border-style"},inputOutlineWidth:{...h,property:"outline-width"},inputOutlineOffset:{...h,property:"outline-offset"},inputOutlineColor:{...h,property:"outline-color"},inputOutlineStyle:{...h,property:"outline-style"},inputSize:[{...h,property:"width"},{...h,property:"height"},{...u,property:"font-size"},{...p,property:"font-size"}]}}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"]}),i.tQ,a.A)((0,i.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${s.A}\n      ${(0,l.cy)(x.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n        margin: 1px;\n      }\n\n      :host ::part(error-message) {\n        direction: ltr;\n      }\n\n      vaadin-text-field {\n        width: 100%;\n      }\n\n      descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n        height: 100%;\n      }\n\n      vaadin-checkbox::part(checkbox) {\n        margin: 0;\n      }\n\n      vaadin-checkbox::part(checkbox)::after {\n        top: 0;\n        left: 0;\n        -webkit-text-fill-color: initial;\n      }\n\n       vaadin-checkbox label {\n        -webkit-text-fill-color: initial;\n      }\n\n      vaadin-text-field::part(input-field)::after {\n        content: none;\n      }\n    `,excludeAttrsSync:["label","tabindex"],componentName:d}))},12388:(t,e,n)=>{n.r(e),n.d(e,{CheckboxClass:()=>r.q,componentName:()=>r.T});var r=n(16611);n(5994),n(63970),n(53716),customElements.define(r.T,r.q)},93020:(t,e,n)=>{n.d(e,{H:()=>x,T:()=>d});var r=n(14944),o=n(7138),i=n(94619),a=n(38777),s=n(89345),l=n(33177);const d=(0,r.xE)("switch-toggle"),{host:c,component:p,checkboxElement:h,checkboxSurface:u,checkboxLabel:b,requiredIndicator:m,helperText:y,errorMessage:g}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},x=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...c,property:"width"},hostDirection:{...c,property:"direction"},fontSize:[p,b,b],fontFamily:[b,y,g],labelTextColor:{...b,property:"color"},labelSpacing:{...b,property:"padding-inline-start"},labelLineHeight:{...b,property:"line-height"},labelFontWeight:{...b,property:"font-weight"},labelRequiredIndicator:{...m,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},trackBorderWidth:{...h,property:"border-width"},trackBorderStyle:{...h,property:"border-style"},trackBorderColor:{...h,property:"border-color"},trackBackgroundColor:{...h,property:"background-color"},trackBorderRadius:{...h,property:"border-radius"},trackWidth:[{...h,property:"width"}],trackHeight:[{...u,property:"font-size"},{...h,property:"height"}],knobSize:[{...u,property:"width"},{...u,property:"height"}],knobTextColor:{...u,property:"color"},knobRadius:{...u,property:"border-radius"},knobTransitionDuration:{...u,property:"transition"},knobColor:{...u,property:"background-color"},knobTopOffset:{...u,property:"top"},knobLeftOffset:{...u,property:"left"},inputOutlineWidth:{...h,property:"outline-width"},inputOutlineOffset:{...h,property:"outline-offset"},inputOutlineColor:{...h,property:"outline-color"},inputOutlineStyle:{...h,property:"outline-style"}}}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"]}),i.tQ,a.A)((0,i.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${s.A}\n\t\t\t${(0,l.cy)(x.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n      }\n\n      :host ::part(error-message) {\n        direction: ltr;\n      }\n\n      vaadin-text-field {\n        width: 100%;\n      }\n\n      vaadin-text-field::part(input-field)::after {\n        content: none;\n      }\n\n      descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n        width: 100%;\n      }\n\n      vaadin-text-field::part(input-field) {\n        cursor: pointer;\n      }\n\n      vaadin-checkbox {\n        cursor: pointer;\n      }\n\n      vaadin-checkbox [slot="label"]:not(:empty) {\n        cursor: pointer;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox) {\n        margin: 0;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox)::before {\n        content: '';\n\t\t\t}\n\n      vaadin-checkbox[active]::part(checkbox) {\n\t\t\t\ttransform: none;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox)::after {\n\t\t\t\tposition: absolute;\n\t\t\t\topacity: 1;\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t`,excludeAttrsSync:["label","tabindex"],componentName:d}))},36911:(t,e,n)=>{n.r(e),n.d(e,{ListClass:()=>p,componentName:()=>d});var r=n(94619),o=n(70263),i=n(7138),a=n(14944);const s=(0,a.xE)("list-item"),l=(0,i.Zz)((0,r.RF)({mappings:{padding:{},backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),r.VO,r.tQ,(t=>class extends t{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n      <style>\n        /*css*/\n        slot {\n            width: 100%;\n            display: flex;\n            overflow: hidden;\n            box-sizing: border-box;\n        }\n        :host {\n          display: block;\n        }\n\n        /*!css*/\n      </style>\n      <slot></slot>\n    "}}),(t=>class extends t{init(){super.init?.(),this.baseElement.addEventListener("mousedown",(t=>{t.preventDefault(),this.setAttribute("active","true"),window.addEventListener("mouseup",(()=>this.removeAttribute("active")),{once:!0})}))}}))((0,o.q)({componentName:s,baseSelector:"slot"})),d=(0,a.xE)("list");class c extends((0,o.q)({componentName:d,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<style>\n\t    /*css*/\n      .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name="empty-state"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name="empty-state"] {\n        display: none;\n      }\n      :host([empty]) slot[name="empty-state"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n      /*!css*/\n\t\t</style>\n\n    <div class="wrapper">\n    <slot></slot>\n    <slot name="empty-state">\n      No item...\n    </slot>\n    </div>\n\t'}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#t(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#e(){this.items.forEach((t=>{let e=t;e.localName!==l.componentName&&(e=t.querySelector(l.componentName));const n="tiles"===this.variant?"tile":"row";e.setAttribute("variant",n)}))}init(){super.init?.(),(0,a.Ge)(this,(()=>{this.#t(),this.#e(),this.#n()}))}get isReadOnly(){return"true"===this.getAttribute("readonly")}#n(){this.items.forEach((t=>{this.isReadOnly?t.setAttribute("inert",""):t.removeAttribute("inert")}))}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),n!==e&&("variant"===t?this.#e():"readonly"===t&&this.#n())}}const p=(0,i.Zz)((0,r.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),r.VO,r.tQ)(c);customElements.define(d,p),customElements.define(s,l)},78538:(t,e,n)=>{n.r(e),n.d(e,{ScopesListClass:()=>u,componentName:()=>c});var r=n(70263),o=n(7138),i=n(14944),a=n(94619),s=n(84461),l=n(16611),d=n(93020);const c=(0,i.xE)("scopes-list"),p=["checkbox","switch"];class h extends((0,r.q)({componentName:c,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n\n\t\t</style>\n    <div></div>\n\t\t"}get isReadOnly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"sm"}#r(){return Array.from(this.shadowRoot.querySelector("div").children)}reportValidity(){this.checkValidity()}checkValidity(){return this.data.every((t=>!t.required||this.value.includes(t.id)))}get value(){return this.#r().filter((t=>t.checked)).map((t=>t.getAttribute("data-id")))}set value(t=[]){this.#r().forEach((e=>{e.checked=t.includes(e.getAttribute("data-id"))}))}get variant(){const t=this.getAttribute("variant");return p.includes(t)?t:p[0]}}const u=(0,o.Zz)((0,a.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>l.q.componentName,property:l.q.cssVarList.hostDirection},{selector:()=>d.H.componentName,property:d.H.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},requiredInputBorderColor:[{selector:`${l.q.componentName}[required="true"]`,property:l.q.cssVarList.inputBorderColor},{selector:`${d.H.componentName}[required="true"]`,property:d.H.cssVarList.inputBorderColor}],requiredInputValueTextColor:[{selector:`${l.q.componentName}[required="true"]`,property:l.q.cssVarList.inputValueTextColor},{selector:`${d.H.componentName}[required="true"]`,property:d.H.cssVarList.knobColor}]}}),(0,s.t)({itemRenderer:({id:t,desc:e,required:n=!1},r,o)=>{const i="checkbox"===o.variant?l.q:d.H;return`\n    <${i.componentName}\n      bordered="true"\n      size=${o.size}\n      label="${e}"\n      data-id="${t}"\n      readonly="${n||o.isReadOnly}"\n      required="${n}"\n      checked="true"\n    ></${i.componentName}>\n`},rerenderAttrsList:["size","variant"]}),a.VO,a.tQ)(h);n(36911),n(12388),customElements.define(c,u)},33177:(t,e,n)=>{n.d(e,{$J:()=>h,I4:()=>a,Kl:()=>u,LJ:()=>p,Qv:()=>i,X6:()=>l,cy:()=>r,fu:()=>d,kG:()=>c,lS:()=>s,zm:()=>o});const r=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,o=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=t=>`\n    ${t}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=t=>`\n    ${t} > label,\n    ${t}::part(label),\n    ${t}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,s=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,l=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,c=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,p=(t,e)=>`\n    ${o(t)}\n    ${a(t)}\n    ${s(t)}\n    ${i(t)}\n    ${((t,e)=>`\n    ${t} input:-webkit-autofill,\n    ${t} input:-webkit-autofill::first-line,\n    ${t} input:-webkit-autofill:hover,\n    ${t} input:-webkit-autofill:active,\n    ${t} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${e.inputValueTextColor});\n        box-shadow: 0 0 0 var(${e.inputHeight}) var(${e.inputBackgroundColor}) inset;\n    }\n`)(t,e)}\n    ${c(t)}\n    ${(t=>`\n    ${t}::before {\n\t\theight: unset;\n\t}\n`)(t)}\n    ${(t=>`\n    ${t} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(t)}\n    ${(t=>`\n    ${t}::part(input-field)::after {\n        border: none;\n    }\n`)(t)}\n`,h=t=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${t} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,u=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '},84461:(t,e,n)=>{n.d(e,{t:()=>a});var r=n(14944);const o=()=>!0,i=t=>`<pre>${JSON.stringify(t,null,4)}</pre>`,a=({itemRenderer:t=i,validateSchema:e=o,slotName:n,rerenderAttrsList:a=[]})=>o=>class extends o{#o=[];#i(t){if(!e)return!0;const n=e(t);return!0===n||(console.error("Data schema validation failed",n||""),!1)}#a(){const t=n?`*[slot="${n}"]`:":not([slot])";this.baseElement.querySelectorAll(t).forEach((t=>t.remove()))}#s(){this.#a(),this.data.forEach(((e,n)=>{const r="string"==typeof(o=t(e,n,this))?(t=>{const e=document.createElement("template");return e.innerHTML=t,e})(o).content:o instanceof HTMLTemplateElement?o.content:(console.error("Invalid template",o),null);var o;this.baseElement.appendChild(r?.cloneNode(!0))}))}set data(t){this.#i(t)&&(this.#o=t,this.#s())}get data(){return this.#o}init(){super.init?.(),(0,r.mx)(this,(t=>{t.includes("data")?this.#l():this.#s()}),{includeAttrs:[...a,"data"]})}#l(){const t=this.getAttribute("data");if(t)try{this.data=JSON.parse(t)}catch(e){console.warn("Invalid JSON data",t)}}}},21860:(t,e,n)=>{n.d(e,{f:()=>o});var r=n(95925);class o extends r.r{constructor(t,e){super(t,"input","input",{initializer:(t,n)=>{n.value&&(t.value=n.value),n.type&&t.setAttribute("type",n.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1674,4838,7362,7640],{3393:(t,e,n)=>{n.d(e,{y:()=>a});var r=n(9696),o=n(79365),i=n(81365);const a=(...t)=>(0,r.Zz)(o.XX,o._$,o.yF,o.jd)((0,i.q)(...t))},19847:(t,e,n)=>{n.d(e,{A:()=>i});var r=n(97810),o=n(41813);const i=t=>class extends t{init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t\t<${o.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${o.T}>\n\t\t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(o.T),this.checkbox=this.inputElement.querySelector("vaadin-checkbox"),(0,r.EA)(this,this.inputElement,{includeAttrs:["required","full-width","size","label","invalid","disabled","readonly"]}),(0,r.q)(this.inputElement,this,["checked"]),(0,r.Gh)(this,this.inputElement,{includeAttrs:["checked"]})}}},47507:(t,e,n)=>{n.d(e,{A:()=>r});const r=`\n:host {\n\tdisplay: inline-flex;\n}\n\n${(0,n(73551).X6)()}\n\n.wrapper {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\nvaadin-text-field {\n\tposition: relative;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: flex-start;\n}\nvaadin-text-field::before {\n  content: unset;\n}\nvaadin-text-field::part(label) {\n  position: absolute;\n  top: 0;\n}\nvaadin-text-field::part(input-field) {\n\tpadding: 0;\n\tbackground: none;\n\tmin-height: 0;\n}\nvaadin-text-field::part(input-field)::after {\n  background: none;\n}\nvaadin-text-field[focus-ring]::part(input-field) {\n\tbox-shadow: none;\n}\n\nvaadin-checkbox [slot="label"] {\n  align-self: flex-start;\n  padding: 0;\n}\n[required] vaadin-checkbox [slot="label"]:not(:empty) {\n\tpadding-inline-end: 1em;\n}\ndescope-boolean-field-internal {\n  -webkit-mask-image: none;\n  min-height: initial;\n}\n`},41813:(t,e,n)=>{n.d(e,{A:()=>l,T:()=>i});var r=n(3393),o=n(97810);const i=(0,o.xE)("boolean-field-internal"),a=["disabled","label","invalid","readonly"],s=(0,r.y)({componentName:i,baseSelector:"div"}),l=class extends s{static get observedAttributes(){return["readonly"]}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper">\n\t\t\t\t<vaadin-checkbox></vaadin-checkbox>\n\t\t\t</div>\n\t\t',this.wrapperEle=this.querySelector("div"),this.checkbox=this.querySelector("vaadin-checkbox")}get value(){return this.checkbox?.checked}set value(t){this.checkbox.checked=t}get checked(){return this.value}set checked(t){this.value=t}init(){this.addEventListener("focus",(t=>{t.isTrusted&&this.checkbox.focus()})),super.init?.(),(0,o.EA)(this,this.checkbox,{includeAttrs:a}),(0,o.Gh)(this,this.checkbox,{includeAttrs:["checked"]}),this.handleFocusEventsDispatching([this.checkbox])}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),"readonly"===t&&this.onReadOnlyChange(null!==n)}onReadOnlyChange(t){this.baseElement.setAttribute("inert",t)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}}},3274:(t,e,n)=>{n.r(e);var r=n(41813);customElements.define(r.T,r.A)},64321:(t,e,n)=>{n.d(e,{T:()=>d,q:()=>f});var r=n(97810),o=n(9696),i=n(79365),a=n(19847),s=n(47507),l=n(73551);const d=(0,r.xE)("checkbox"),{host:c,component:p,checkboxElement:h,checkboxSurface:u,checkboxLabel:b,requiredIndicator:m,helperText:y,errorMessage:g}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},f=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...c,property:"width"},hostDirection:{...c,property:"direction"},fontSize:[c,h,b],fontFamily:[b,y,g],labelTextColor:{...b,property:"color"},labelSpacing:{...b,property:"padding-inline-start"},labelLineHeight:{...b,property:"line-height"},labelFontWeight:{...b,property:"font-weight"},labelRequiredIndicator:{...m,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},inputValueTextColor:{...u,property:"color"},inputBackgroundColor:{...h,property:"background-color"},inputBorderRadius:{...h,property:"border-radius"},inputBorderWidth:{...h,property:"border-width"},inputBorderOffset:{...h,property:"border-offset"},inputBorderColor:{...h,property:"border-color"},inputBorderStyle:{...h,property:"border-style"},inputOutlineWidth:{...h,property:"outline-width"},inputOutlineOffset:{...h,property:"outline-offset"},inputOutlineColor:{...h,property:"outline-color"},inputOutlineStyle:{...h,property:"outline-style"},inputSize:[{...h,property:"width"},{...h,property:"height"},{...u,property:"font-size"},{...p,property:"font-size"}]}}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"]}),i.tQ,a.A)((0,i.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${s.A}\n      ${(0,l.cy)(f.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n        margin: 1px;\n      }\n\n      :host ::part(error-message) {\n        direction: ltr;\n      }\n\n      vaadin-text-field {\n        width: 100%;\n      }\n\n      descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n        height: 100%;\n      }\n\n      vaadin-checkbox::part(checkbox) {\n        margin: 0;\n      }\n\n      vaadin-checkbox::part(checkbox)::after {\n        top: 0;\n        left: 0;\n        -webkit-text-fill-color: initial;\n      }\n\n       vaadin-checkbox label {\n        -webkit-text-fill-color: initial;\n      }\n\n      vaadin-text-field::part(input-field)::after {\n        content: none;\n      }\n    `,excludeAttrsSync:["label","tabindex"],componentName:d}))},49582:(t,e,n)=>{n.r(e),n.d(e,{CheckboxClass:()=>r.q,componentName:()=>r.T});var r=n(64321);n(67468),n(11284),n(3274),customElements.define(r.T,r.q)},83150:(t,e,n)=>{n.d(e,{H:()=>f,T:()=>d});var r=n(97810),o=n(9696),i=n(79365),a=n(19847),s=n(47507),l=n(73551);const d=(0,r.xE)("switch-toggle"),{host:c,component:p,checkboxElement:h,checkboxSurface:u,checkboxLabel:b,requiredIndicator:m,helperText:y,errorMessage:g}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},f=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...c,property:"width"},hostDirection:{...c,property:"direction"},fontSize:[p,b,b],fontFamily:[b,y,g],labelTextColor:{...b,property:"color"},labelSpacing:{...b,property:"padding-inline-start"},labelLineHeight:{...b,property:"line-height"},labelFontWeight:{...b,property:"font-weight"},labelRequiredIndicator:{...m,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},trackBorderWidth:{...h,property:"border-width"},trackBorderStyle:{...h,property:"border-style"},trackBorderColor:{...h,property:"border-color"},trackBackgroundColor:{...h,property:"background-color"},trackBorderRadius:{...h,property:"border-radius"},trackWidth:[{...h,property:"width"}],trackHeight:[{...u,property:"font-size"},{...h,property:"height"}],knobSize:[{...u,property:"width"},{...u,property:"height"}],knobTextColor:{...u,property:"color"},knobRadius:{...u,property:"border-radius"},knobTransitionDuration:{...u,property:"transition"},knobColor:{...u,property:"background-color"},knobTopOffset:{...u,property:"top"},knobLeftOffset:{...u,property:"left"},inputOutlineWidth:{...h,property:"outline-width"},inputOutlineOffset:{...h,property:"outline-offset"},inputOutlineColor:{...h,property:"outline-color"},inputOutlineStyle:{...h,property:"outline-style"}}}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"]}),i.tQ,a.A)((0,i.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${s.A}\n\t\t\t${(0,l.cy)(f.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n      }\n\n      :host ::part(error-message) {\n        direction: ltr;\n      }\n\n      vaadin-text-field {\n        width: 100%;\n      }\n\n      vaadin-text-field::part(input-field)::after {\n        content: none;\n      }\n\n      descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n        width: 100%;\n      }\n\n      vaadin-text-field::part(input-field) {\n        cursor: pointer;\n      }\n\n      vaadin-checkbox {\n        cursor: pointer;\n      }\n\n      vaadin-checkbox [slot="label"]:not(:empty) {\n        cursor: pointer;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox) {\n        margin: 0;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox)::before {\n        content: '';\n\t\t\t}\n\n      vaadin-checkbox[active]::part(checkbox) {\n\t\t\t\ttransform: none;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox)::after {\n\t\t\t\tposition: absolute;\n\t\t\t\topacity: 1;\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t`,excludeAttrsSync:["label","tabindex"],componentName:d}))},18708:(t,e,n)=>{n.r(e),n.d(e,{ListClass:()=>h,componentName:()=>c});var r=n(79365),o=n(81365),i=n(9696),a=n(97810),s=n(25964);const l=(0,a.xE)("list-item"),d=(0,i.Zz)((0,r.RF)({mappings:{padding:{},backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),r.VO,r.tQ,(t=>class extends t{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n      <slot></slot>\n    ",(0,s.fz)("\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        ",this)}}),(t=>class extends t{init(){super.init?.(),this.baseElement.addEventListener("mousedown",(t=>{t.preventDefault(),this.setAttribute("active","true"),window.addEventListener("mouseup",(()=>this.removeAttribute("active")),{once:!0})}))}}))((0,o.q)({componentName:l,baseSelector:"slot"})),c=(0,a.xE)("list");class p extends((0,o.q)({componentName:c,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="wrapper">\n    <slot></slot>\n    <slot name="empty-state">\n      No item...\n    </slot>\n    </div>\n\t',(0,s.fz)('\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name="empty-state"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name="empty-state"] {\n        display: none;\n      }\n      :host([empty]) slot[name="empty-state"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        ',this)}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#t(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#e(){this.items.forEach((t=>{let e=t;e.localName!==d.componentName&&(e=t.querySelector(d.componentName));const n="tiles"===this.variant?"tile":"row";e.setAttribute("variant",n)}))}init(){super.init?.(),(0,a.Ge)(this,(()=>{this.#t(),this.#e(),this.#n()}))}get isReadOnly(){return"true"===this.getAttribute("readonly")}#n(){this.items.forEach((t=>{this.isReadOnly?t.setAttribute("inert",""):t.removeAttribute("inert")}))}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),n!==e&&("variant"===t?this.#e():"readonly"===t&&this.#n())}}const h=(0,i.Zz)((0,r.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),r.VO,r.tQ)(p);customElements.define(c,h),customElements.define(l,d)},33713:(t,e,n)=>{n.r(e),n.d(e,{ScopesListClass:()=>b,componentName:()=>p});var r=n(25964),o=n(81365),i=n(9696),a=n(97810),s=n(79365),l=n(72203),d=n(64321),c=n(83150);const p=(0,a.xE)("scopes-list"),h=["checkbox","switch"];class u extends((0,o.q)({componentName:p,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",(0,r.fz)("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        ",this)}get isReadOnly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"sm"}#r(){return Array.from(this.shadowRoot.querySelector("div").children)}reportValidity(){this.checkValidity()}checkValidity(){return this.data.every((t=>!t.required||this.value.includes(t.id)))}get value(){return this.#r().filter((t=>t.checked)).map((t=>t.getAttribute("data-id")))}set value(t=[]){this.#r().forEach((e=>{e.checked=t.includes(e.getAttribute("data-id"))}))}get variant(){const t=this.getAttribute("variant");return h.includes(t)?t:h[0]}}const b=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>d.q.componentName,property:d.q.cssVarList.hostDirection},{selector:()=>c.H.componentName,property:c.H.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},requiredInputBorderColor:[{selector:`${d.q.componentName}[required="true"]`,property:d.q.cssVarList.inputBorderColor},{selector:`${c.H.componentName}[required="true"]`,property:c.H.cssVarList.inputBorderColor}],requiredInputValueTextColor:[{selector:`${d.q.componentName}[required="true"]`,property:d.q.cssVarList.inputValueTextColor},{selector:`${c.H.componentName}[required="true"]`,property:c.H.cssVarList.knobColor}]}}),(0,l.t)({itemRenderer:({id:t,desc:e,required:n=!1},r,o)=>{const i="checkbox"===o.variant?d.q:c.H;return`\n    <${i.componentName}\n      bordered="true"\n      size=${o.size}\n      label="${e}"\n      data-id="${t}"\n      readonly="${n||o.isReadOnly}"\n      required="${n}"\n      checked="true"\n    ></${i.componentName}>\n`},rerenderAttrsList:["size","variant"]}),s.VO,s.tQ)(u);n(18708),n(49582),customElements.define(p,b)},73551:(t,e,n)=>{n.d(e,{$J:()=>h,I4:()=>a,Kl:()=>u,LJ:()=>p,Qv:()=>i,X6:()=>l,cy:()=>r,fu:()=>d,kG:()=>c,lS:()=>s,zm:()=>o});const r=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,o=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=t=>`\n    ${t}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=t=>`\n    ${t} > label,\n    ${t}::part(label),\n    ${t}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,s=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,l=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,c=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,p=(t,e)=>`\n    ${o(t)}\n    ${a(t)}\n    ${s(t)}\n    ${i(t)}\n    ${((t,e)=>`\n    ${t} input:-webkit-autofill,\n    ${t} input:-webkit-autofill::first-line,\n    ${t} input:-webkit-autofill:hover,\n    ${t} input:-webkit-autofill:active,\n    ${t} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${e.inputValueTextColor});\n        box-shadow: 0 0 0 var(${e.inputHeight}) var(${e.inputBackgroundColor}) inset;\n    }\n`)(t,e)}\n    ${c(t)}\n    ${(t=>`\n    ${t}::before {\n\t\theight: unset;\n\t}\n`)(t)}\n    ${(t=>`\n    ${t} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(t)}\n    ${(t=>`\n    ${t}::part(input-field)::after {\n        border: none;\n    }\n`)(t)}\n`,h=t=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${t} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,u=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '},72203:(t,e,n)=>{n.d(e,{t:()=>a});var r=n(97810);const o=()=>!0,i=t=>`<pre>${JSON.stringify(t,null,4)}</pre>`,a=({itemRenderer:t=i,validateSchema:e=o,slotName:n,rerenderAttrsList:a=[]})=>o=>class extends o{#o=[];#i(t){if(!e)return!0;const n=e(t);return!0===n||(console.error("Data schema validation failed",n||""),!1)}#a(){const t=n?`*[slot="${n}"]`:":not([slot])";this.baseElement.querySelectorAll(t).forEach((t=>t.remove()))}#s(){this.#a(),this.data.forEach(((e,n)=>{const r="string"==typeof(o=t(e,n,this))?(t=>{const e=document.createElement("template");return e.innerHTML=t,e})(o).content:o instanceof HTMLTemplateElement?o.content:(console.error("Invalid template",o),null);var o;this.baseElement.appendChild(r?.cloneNode(!0))}))}set data(t){this.#i(t)&&(this.#o=t,this.#s())}get data(){return this.#o}init(){super.init?.(),(0,r.mx)(this,(t=>{t.includes("data")?this.#l():this.#s()}),{includeAttrs:[...a,"data"]})}#l(){const t=this.getAttribute("data");if(t)try{this.data=JSON.parse(t)}catch(e){console.warn("Invalid JSON data",t)}}}},18330:(t,e,n)=>{n.d(e,{f:()=>o});var r=n(44099);class o extends r.r{constructor(t,e){super(t,"input","input",{initializer:(t,n)=>{n.value&&(t.value=n.value),n.type&&t.setAttribute("type",n.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}}}]);
+//# sourceMappingURL=descope-scopes-list-index-js.js.map

package/dist/umd/descope-scopes-list-index-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descope-scopes-list-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/boolean-fields/booleanFieldMixin.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/commonStyles.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-boolean-field-internal/BooleanFieldInternal.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-boolean-field-internal/index.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-checkbox/CheckboxClass.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-checkbox/index.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-switch-toggle/SwitchToggleClass.js","webpack://@descope/web-components-ui/./src/components/descope-list/ListItemClass.js","webpack://@descope/web-components-ui/./src/mixins/activableMixin.js","webpack://@descope/web-components-ui/./src/components/descope-list/ListClass.js","webpack://@descope/web-components-ui/./src/components/descope-list/index.js","webpack://@descope/web-components-ui/./src/components/descope-scopes-list/ScopesListClass.js","webpack://@descope/web-components-ui/./src/components/descope-scopes-list/index.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js","webpack://@descope/web-components-ui/./src/mixins/createDynamicDataMixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.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 { forwardAttrs, forwardProps, syncAttrs } from '../../helpers/componentHelpers';\nimport { componentName as descopeInternalComponentName } from './descope-boolean-field-internal/BooleanFieldInternal';\n\nexport const booleanFieldMixin = (superclass) =>\n  class BooleanFieldMixinClass extends superclass {\n    init() {\n      super.init?.();\n\n      const template = document.createElement('template');\n      template.innerHTML = `\n\t\t\t\t<${descopeInternalComponentName}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tslot=\"input\"\n\t\t\t\t></${descopeInternalComponentName}>\n\t\t\t`;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n      this.checkbox = this.inputElement.querySelector('vaadin-checkbox');\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: [\n          'required',\n          'full-width',\n          'size',\n          'label',\n          'invalid',\n          'disabled',\n          'readonly',\n        ],\n      });\n\n      forwardProps(this.inputElement, this, ['checked']);\n      syncAttrs(this, this.inputElement, { includeAttrs: ['checked'] });\n    }\n  };\n","import { resetInputFieldDefaultWidth } from '../../helpers/themeHelpers/resetHelpers';\n\nexport default `\n:host {\n\tdisplay: inline-flex;\n}\n\n${resetInputFieldDefaultWidth()}\n\n.wrapper {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\nvaadin-text-field {\n\tposition: relative;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: flex-start;\n}\nvaadin-text-field::before {\n  content: unset;\n}\nvaadin-text-field::part(label) {\n  position: absolute;\n  top: 0;\n}\nvaadin-text-field::part(input-field) {\n\tpadding: 0;\n\tbackground: none;\n\tmin-height: 0;\n}\nvaadin-text-field::part(input-field)::after {\n  background: none;\n}\nvaadin-text-field[focus-ring]::part(input-field) {\n\tbox-shadow: none;\n}\n\nvaadin-checkbox [slot=\"label\"] {\n  align-self: flex-start;\n  padding: 0;\n}\n[required] vaadin-checkbox [slot=\"label\"]:not(:empty) {\n\tpadding-inline-end: 1em;\n}\ndescope-boolean-field-internal {\n  -webkit-mask-image: none;\n  min-height: initial;\n}\n`;\n","import { createBaseInputClass } from '../../../baseClasses/createBaseInputClass';\nimport { forwardAttrs, getComponentName, syncAttrs } from '../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('boolean-field-internal');\n\nconst forwardAttributes = ['disabled', 'label', 'invalid', 'readonly'];\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass BooleanInputInternal extends BaseInputClass {\n  static get observedAttributes() {\n    return ['readonly'];\n  }\n\n  constructor() {\n    super();\n    this.innerHTML = `\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<vaadin-checkbox></vaadin-checkbox>\n\t\t\t</div>\n\t\t`;\n    this.wrapperEle = this.querySelector('div');\n    this.checkbox = this.querySelector('vaadin-checkbox');\n  }\n\n  get value() {\n    return this.checkbox?.checked;\n  }\n\n  set value(val) {\n    this.checkbox.checked = val;\n  }\n\n  get checked() {\n    return this.value;\n  }\n\n  set checked(val) {\n    this.value = val;\n  }\n\n  init() {\n    this.addEventListener('focus', (e) => {\n      if (e.isTrusted) {\n        this.checkbox.focus();\n      }\n    });\n    super.init?.();\n\n    forwardAttrs(this, this.checkbox, { includeAttrs: forwardAttributes });\n    syncAttrs(this, this.checkbox, { includeAttrs: ['checked'] });\n\n    // we need it in order to set the focus ring and trigger validation on descope-checkbox\n    this.handleFocusEventsDispatching([this.checkbox]);\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (attrName === 'readonly') {\n      this.onReadOnlyChange(newValue !== null);\n    }\n  }\n\n  onReadOnlyChange(val) {\n    this.baseElement.setAttribute('inert', val);\n  }\n\n  getValidity() {\n    if (this.isRequired && !this.value) {\n      return { valueMissing: true };\n    }\n    return {};\n  }\n}\n\nexport default BooleanInputInternal;\n","import BooleanFieldInternal, { componentName } from './BooleanFieldInternal';\n\ncustomElements.define(componentName, BooleanFieldInternal);\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n  createStyleMixin,\n  proxyInputMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  createProxy,\n} from '../../../mixins';\nimport { booleanFieldMixin } from '../booleanFieldMixin';\nimport commonStyles from '../commonStyles';\nimport { useHostExternalPadding } from '../../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('checkbox');\n\nconst {\n  host,\n  component,\n  checkboxElement,\n  checkboxSurface,\n  checkboxLabel,\n  requiredIndicator,\n  helperText,\n  errorMessage,\n} = {\n  host: { selector: () => ':host' },\n  requiredIndicator: { selector: '[required] vaadin-checkbox [slot=\"label\"]:not(:empty)::after' },\n  component: { selector: 'vaadin-checkbox' },\n  checkboxElement: { selector: 'vaadin-checkbox::part(checkbox)' },\n  checkboxSurface: { selector: 'vaadin-checkbox::part(checkbox)::after' },\n  checkboxLabel: { selector: 'vaadin-checkbox [slot=\"label\"]:not(:empty)' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const CheckboxClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n\n      fontSize: [host, checkboxElement, checkboxLabel],\n      fontFamily: [checkboxLabel, helperText, errorMessage],\n\n      labelTextColor: { ...checkboxLabel, property: 'color' },\n      labelSpacing: { ...checkboxLabel, property: 'padding-inline-start' },\n      labelLineHeight: { ...checkboxLabel, property: 'line-height' },\n      labelFontWeight: { ...checkboxLabel, property: 'font-weight' },\n      labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\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\n      inputValueTextColor: { ...checkboxSurface, property: 'color' },\n      inputBackgroundColor: { ...checkboxElement, property: 'background-color' },\n\n      inputBorderRadius: { ...checkboxElement, property: 'border-radius' },\n      inputBorderWidth: { ...checkboxElement, property: 'border-width' },\n      inputBorderOffset: { ...checkboxElement, property: 'border-offset' },\n      inputBorderColor: { ...checkboxElement, property: 'border-color' },\n      inputBorderStyle: { ...checkboxElement, property: 'border-style' },\n\n      inputOutlineWidth: { ...checkboxElement, property: 'outline-width' },\n      inputOutlineOffset: { ...checkboxElement, property: 'outline-offset' },\n      inputOutlineColor: { ...checkboxElement, property: 'outline-color' },\n      inputOutlineStyle: { ...checkboxElement, property: 'outline-style' },\n\n      inputSize: [\n        { ...checkboxElement, property: 'width' },\n        { ...checkboxElement, property: 'height' },\n        { ...checkboxSurface, property: 'font-size' },\n        { ...component, property: 'font-size' },\n      ],\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin,\n  booleanFieldMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t${commonStyles}\n      ${useHostExternalPadding(CheckboxClass.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n        margin: 1px;\n      }\n\n      :host ::part(error-message) {\n        direction: ltr;\n      }\n\n      vaadin-text-field {\n        width: 100%;\n      }\n\n      descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n        height: 100%;\n      }\n\n      vaadin-checkbox::part(checkbox) {\n        margin: 0;\n      }\n\n      vaadin-checkbox::part(checkbox)::after {\n        top: 0;\n        left: 0;\n        -webkit-text-fill-color: initial;\n      }\n\n       vaadin-checkbox label {\n        -webkit-text-fill-color: initial;\n      }\n\n      vaadin-text-field::part(input-field)::after {\n        content: none;\n      }\n    `,\n    excludeAttrsSync: ['label', 'tabindex'],\n    componentName,\n  })\n);\n","import { componentName, CheckboxClass } from './CheckboxClass';\nimport '@vaadin/checkbox';\nimport '@vaadin/text-field';\nimport '../descope-boolean-field-internal';\n\ncustomElements.define(componentName, CheckboxClass);\n\nexport { CheckboxClass, componentName };\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n  createStyleMixin,\n  proxyInputMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  createProxy,\n} from '../../../mixins';\nimport { booleanFieldMixin } from '../booleanFieldMixin';\nimport commonStyles from '../commonStyles';\nimport { useHostExternalPadding } from '../../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('switch-toggle');\n\nconst {\n  host,\n  component,\n  checkboxElement: track,\n  checkboxSurface: knob,\n  checkboxLabel,\n  requiredIndicator,\n  helperText,\n  errorMessage,\n} = {\n  host: { selector: () => ':host' },\n  requiredIndicator: { selector: '[required] vaadin-checkbox [slot=\"label\"]:not(:empty)::after' },\n  component: { selector: 'vaadin-checkbox' },\n  checkboxElement: { selector: 'vaadin-checkbox::part(checkbox)' },\n  checkboxSurface: { selector: 'vaadin-checkbox::part(checkbox)::after' },\n  checkboxLabel: { selector: 'vaadin-checkbox [slot=\"label\"]:not(:empty)' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const SwitchToggleClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n\n      fontSize: [component, checkboxLabel, checkboxLabel],\n      fontFamily: [checkboxLabel, helperText, errorMessage],\n\n      labelTextColor: { ...checkboxLabel, property: 'color' },\n      labelSpacing: { ...checkboxLabel, property: 'padding-inline-start' },\n      labelLineHeight: { ...checkboxLabel, property: 'line-height' },\n      labelFontWeight: { ...checkboxLabel, property: 'font-weight' },\n      labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n      errorMessageTextColor: { ...errorMessage, property: 'color' },\n\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\n      trackBorderWidth: { ...track, property: 'border-width' },\n      trackBorderStyle: { ...track, property: 'border-style' },\n      trackBorderColor: { ...track, property: 'border-color' },\n      trackBackgroundColor: { ...track, property: 'background-color' },\n      trackBorderRadius: { ...track, property: 'border-radius' },\n      trackWidth: [{ ...track, property: 'width' }],\n      trackHeight: [\n        { ...knob, property: 'font-size' },\n        { ...track, property: 'height' },\n      ],\n\n      knobSize: [\n        { ...knob, property: 'width' },\n        { ...knob, property: 'height' },\n      ],\n      knobTextColor: { ...knob, property: 'color' },\n      knobRadius: { ...knob, property: 'border-radius' },\n      knobTransitionDuration: { ...knob, property: 'transition' },\n      knobColor: { ...knob, property: 'background-color' },\n      knobTopOffset: { ...knob, property: 'top' },\n      knobLeftOffset: { ...knob, property: 'left' },\n\n      inputOutlineWidth: { ...track, property: 'outline-width' },\n      inputOutlineOffset: { ...track, property: 'outline-offset' },\n      inputOutlineColor: { ...track, property: 'outline-color' },\n      inputOutlineStyle: { ...track, property: 'outline-style' },\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin,\n  booleanFieldMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t${commonStyles}\n\t\t\t${useHostExternalPadding(SwitchToggleClass.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n      }\n\n      :host ::part(error-message) {\n        direction: ltr;\n      }\n\n      vaadin-text-field {\n        width: 100%;\n      }\n\n      vaadin-text-field::part(input-field)::after {\n        content: none;\n      }\n\n      descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n        width: 100%;\n      }\n\n      vaadin-text-field::part(input-field) {\n        cursor: pointer;\n      }\n\n      vaadin-checkbox {\n        cursor: pointer;\n      }\n\n      vaadin-checkbox [slot=\"label\"]:not(:empty) {\n        cursor: pointer;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox) {\n        margin: 0;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox)::before {\n        content: '';\n\t\t\t}\n\n      vaadin-checkbox[active]::part(checkbox) {\n\t\t\t\ttransform: none;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox)::after {\n\t\t\t\tposition: absolute;\n\t\t\t\topacity: 1;\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['label', 'tabindex'],\n    componentName,\n  })\n);\n","import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { activeableMixin } from '../../mixins/activableMixin';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n  class ListItemMixinClass extends superclass {\n    constructor() {\n      super();\n\n      this.attachShadow({ mode: 'open' }).innerHTML = `\n      <slot></slot>\n    `;\n\n      injectStyle(\n        `\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        `,\n        this\n      );\n    }\n  };\n\nexport const ListItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      padding: {},\n      backgroundColor: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n      borderRadius: {},\n      outline: {},\n      cursor: {},\n      gap: {},\n      maxWidth: { selector: () => ':host' },\n      alignItems: {},\n      flexDirection: {},\n      transition: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n  customMixin,\n  activeableMixin\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\n","export const activeableMixin = (superclass) =>\n  class ActiveableMixinClass extends superclass {\n    init() {\n      super.init?.();\n\n      this.baseElement.addEventListener('mousedown', (e) => {\n        e.preventDefault();\n        this.setAttribute('active', 'true');\n        window.addEventListener('mouseup', () => this.removeAttribute('active'), {\n          once: true,\n        });\n      });\n    }\n  };\n","import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName, observeChildren } from '../../helpers/componentHelpers';\nimport { ListItemClass } from './ListItemClass';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({ componentName, baseSelector: '.wrapper' }) {\n  static get observedAttributes() {\n    return ['variant', 'readonly'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n    <slot></slot>\n    <slot name=\"empty-state\">\n      No item...\n    </slot>\n    </div>\n\t`;\n\n    injectStyle(\n      `\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name=\"empty-state\"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name=\"empty-state\"] {\n        display: none;\n      }\n      :host([empty]) slot[name=\"empty-state\"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        `,\n      this\n    );\n  }\n\n  get items() {\n    return this.shadowRoot.querySelector('slot').assignedElements();\n  }\n\n  #handleEmptyState() {\n    if (this.items.length === 0) {\n      this.setAttribute('empty', 'true');\n    } else {\n      this.removeAttribute('empty');\n    }\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'list';\n  }\n\n  #handleItemsVariant() {\n    this.items.forEach((item) => {\n      let listItem = item;\n      if (listItem.localName !== ListItemClass.componentName) {\n        listItem = item.querySelector(ListItemClass.componentName);\n      }\n\n      const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n      listItem.setAttribute('variant', listItemVariant);\n    });\n  }\n\n  init() {\n    super.init?.();\n\n    // we want new items to get the size\n    observeChildren(this, () => {\n      this.#handleEmptyState();\n      this.#handleItemsVariant();\n      this.#handleReadOnly();\n    });\n  }\n\n  get isReadOnly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  #handleReadOnly() {\n    this.items.forEach((item) => {\n      if (this.isReadOnly) item.setAttribute('inert', '');\n      else item.removeAttribute('inert');\n    });\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (newValue === oldValue) return;\n\n    if (name === 'variant') {\n      this.#handleItemsVariant();\n    } else if (name === 'readonly') {\n      this.#handleReadOnly();\n    }\n  }\n}\n\nexport const ListClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      maxHeight: { selector: () => ':host' },\n      minHeight: {},\n      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n      horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontFamily: {},\n      gap: {},\n\n      backgroundColor: {},\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      boxShadow: {},\n      gridTemplateColumns: {},\n      maxItemsWidth: { selector: () => '::slotted(:not([slot]))', property: 'max-width' },\n      minItemsWidth: { selector: () => '::slotted(:not([slot]))', property: 'min-width' },\n      itemsHorizontalAlign: { selector: () => '::slotted(*)', property: 'justify-self' },\n      emptyStateTextColor: { selector: () => 'slot[name=\"empty-state\"]', property: 'color' },\n      emptyStateTextFontFamily: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'font-family',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawList);\n","import { componentName as listComponentName, ListClass } from './ListClass';\nimport { componentName as listItemComponentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(listComponentName, ListClass);\ncustomElements.define(listItemComponentName, ListItemClass);\n\nexport { ListClass, listComponentName as componentName };\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';\nimport { createDynamicDataMixin } from '../../mixins/createDynamicDataMixin';\nimport { CheckboxClass } from '../boolean-fields/descope-checkbox/CheckboxClass';\nimport { SwitchToggleClass } from '../boolean-fields/descope-switch-toggle/SwitchToggleClass';\n\nexport const componentName = getComponentName('scopes-list');\nconst variants = ['checkbox', 'switch'];\n\nconst itemRenderer = ({ id, desc, required = false }, _, ref) => {\n  const ComponentClass = ref.variant === 'checkbox' ? CheckboxClass : SwitchToggleClass;\n\n  return `\n    <${ComponentClass.componentName}\n      bordered=\"true\"\n      size=${ref.size}\n      label=\"${desc}\"\n      data-id=\"${id}\"\n      readonly=\"${required || ref.isReadOnly}\"\n      required=\"${required}\"\n      checked=\"true\"\n    ></${ComponentClass.componentName}>\n`;\n};\n\nclass RawScopesList extends createBaseClass({ componentName, baseSelector: 'div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div></div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        `,\n      this\n    );\n  }\n\n  get isReadOnly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  get size() {\n    return this.getAttribute('size') || 'sm';\n  }\n\n  #getChildNodes() {\n    return Array.from(this.shadowRoot.querySelector('div').children);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  reportValidity() {\n    this.checkValidity();\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  checkValidity() {\n    return this.data.every((item) => !item.required || this.value.includes(item.id));\n  }\n\n  get value() {\n    return this.#getChildNodes()\n      .filter((node) => node.checked)\n      .map((node) => node.getAttribute('data-id'));\n  }\n\n  set value(val = []) {\n    this.#getChildNodes().forEach((node) => {\n      // eslint-disable-next-line no-param-reassign\n      node.checked = val.includes(node.getAttribute('data-id'));\n    });\n  }\n\n  get variant() {\n    const variant = this.getAttribute('variant');\n\n    return variants.includes(variant) ? variant : variants[0];\n  }\n}\n\nexport const ScopesListClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostDirection: [\n        { selector: () => ':host', property: 'direction' },\n        {\n          selector: () => CheckboxClass.componentName,\n          property: CheckboxClass.cssVarList.hostDirection,\n        },\n        {\n          selector: () => SwitchToggleClass.componentName,\n          property: SwitchToggleClass.cssVarList.hostDirection,\n        },\n      ],\n      gap: { selector: () => 'div', property: 'gap' },\n      requiredInputBorderColor: [\n        {\n          selector: `${CheckboxClass.componentName}[required=\"true\"]`,\n          property: CheckboxClass.cssVarList.inputBorderColor,\n        },\n        {\n          selector: `${SwitchToggleClass.componentName}[required=\"true\"]`,\n          property: SwitchToggleClass.cssVarList.inputBorderColor,\n        },\n      ],\n      requiredInputValueTextColor: [\n        {\n          selector: `${CheckboxClass.componentName}[required=\"true\"]`,\n          property: CheckboxClass.cssVarList.inputValueTextColor,\n        },\n        {\n          selector: `${SwitchToggleClass.componentName}[required=\"true\"]`,\n          property: SwitchToggleClass.cssVarList.knobColor,\n        },\n      ],\n    },\n  }),\n  createDynamicDataMixin({ itemRenderer, rerenderAttrsList: ['size', 'variant'] }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawScopesList);\n","import { componentName, ScopesListClass } from './ScopesListClass';\nimport '../descope-list';\nimport '../boolean-fields/descope-checkbox';\n\ncustomElements.define(componentName, ScopesListClass);\n\nexport { ScopesListClass, componentName };\n","export const useHostExternalPadding = (cssVarList) => `\n    :host {\n        padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n    }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n    ${name}::part(input-field)::after {\n        border: none;\n    }\n`;\n\nexport const resetInitialHeight = (name) => `\n    ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n    ${name} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputContainer = (name) => `\n    ${name} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputField = (name) => `\n    ${name}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`;\n\nexport const resetInputCursor = (name) => `\n    ${name} > label,\n    ${name}::part(label),\n    ${name}::part(required-indicator) {\n        cursor: pointer;\n    }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n    ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n    ${name} input:-webkit-autofill,\n    ${name} input:-webkit-autofill::first-line,\n    ${name} input:-webkit-autofill:hover,\n    ${name} input:-webkit-autofill:active,\n    ${name} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n        box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n    }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n    ${name}::part(input-field)::after {\n        opacity: 0;\n    }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n    ${name}::part(input-field)::after {\n        background: none;\n    }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n    ${resetInputContainer(name)}\n    ${resetInputCursor(name)}\n    ${resetInputPlaceholder(name)}\n    ${resetInputField(name)}\n    ${resetInputAutoFill(name, cssVarList)}\n    ${resetInputFieldInvalidBackgroundColor(name)}\n    ${resetInitialHeight(name)}\n    ${resetInputElement(name)}\n    ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${name} [slot=\"label\"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n  return `\n  :host([label-type=\"floating\"]) {\n    position: relative;\n  }\n  :host([label-type=\"floating\"][has-label]) [slot=\"label\"] {\n    padding: 0;\n  }\n  :host([label-type=\"floating\"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  `;\n};\n","import { observeAttributes } from '../helpers/componentHelpers';\n\nconst defaultValidateSchema = () => true;\nconst defaultItemRenderer = (item) => `<pre>${JSON.stringify(item, null, 4)}</pre>`;\n\nconst createTemplate = (templateString) => {\n  const template = document.createElement('template');\n  template.innerHTML = templateString;\n\n  return template;\n};\n\nconst getTemplateContent = (templateOrString) => {\n  if (typeof templateOrString === 'string') {\n    return createTemplate(templateOrString).content;\n  }\n\n  if (templateOrString instanceof HTMLTemplateElement) {\n    return templateOrString.content;\n  }\n\n  // eslint-disable-next-line no-console\n  console.error('Invalid template', templateOrString);\n  return null;\n};\n\nexport const createDynamicDataMixin =\n  ({\n    itemRenderer = defaultItemRenderer,\n    validateSchema = defaultValidateSchema,\n    slotName,\n    rerenderAttrsList = [],\n  }) =>\n  (superclass) =>\n    class DynamicDataMixinClass extends superclass {\n      #data = [];\n\n      // eslint-disable-next-line class-methods-use-this\n      #validateSchema(data) {\n        if (!validateSchema) return true;\n\n        const validation = validateSchema(data);\n        if (validation === true) return true;\n\n        // eslint-disable-next-line no-console\n        console.error('Data schema validation failed', validation || '');\n\n        return false;\n      }\n\n      #removeOldItems() {\n        const selector = slotName ? `*[slot=\"${slotName}\"]` : ':not([slot])';\n        this.baseElement.querySelectorAll(selector).forEach((item) => item.remove());\n      }\n\n      #renderItems() {\n        this.#removeOldItems();\n        this.data.forEach((item, index) => {\n          const content = getTemplateContent(itemRenderer(item, index, this));\n          this.baseElement.appendChild(content?.cloneNode(true));\n        });\n      }\n\n      set data(value) {\n        if (this.#validateSchema(value)) {\n          this.#data = value;\n          this.#renderItems();\n        }\n      }\n\n      get data() {\n        return this.#data;\n      }\n\n      init() {\n        super.init?.();\n\n        observeAttributes(\n          this,\n          (attrs) => {\n            if (attrs.includes('data')) this.#handleDataAttr();\n            else this.#renderItems();\n          },\n          { includeAttrs: [...rerenderAttrsList, 'data'] }\n        );\n      }\n\n      #handleDataAttr() {\n        const dataAttr = this.getAttribute('data');\n\n        if (!dataAttr) return;\n\n        try {\n          this.data = JSON.parse(dataAttr);\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.warn('Invalid JSON data', dataAttr);\n        }\n      }\n    };\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/**\n * A controller to create and initialize slotted `<input>` element.\n */\nexport class InputController extends SlotController {\n  constructor(host, callback) {\n    super(host, 'input', 'input', {\n      initializer: (node, host) => {\n        if (host.value) {\n          node.value = host.value;\n        }\n        if (host.type) {\n          node.setAttribute('type', host.type);\n        }\n\n        // Ensure every instance has unique ID\n        node.id = this.defaultId;\n\n        if (typeof callback === 'function') {\n          callback(node);\n        }\n      },\n      useUniqueId: true,\n    });\n  }\n}\n"],"names":["createBaseInputClass","args","booleanFieldMixin","superclass","init","super","template","document","createElement","innerHTML","this","baseElement","appendChild","content","cloneNode","inputElement","shadowRoot","querySelector","checkbox","includeAttrs","componentName","forwardAttributes","BaseInputClass","baseSelector","observedAttributes","constructor","wrapperEle","value","checked","val","addEventListener","e","isTrusted","focus","handleFocusEventsDispatching","attributeChangedCallback","attrName","oldValue","newValue","onReadOnlyChange","setAttribute","getValidity","isRequired","valueMissing","customElements","define","host","component","checkboxElement","checkboxSurface","checkboxLabel","requiredIndicator","helperText","errorMessage","selector","CheckboxClass","mappings","hostWidth","property","hostDirection","fontSize","fontFamily","labelTextColor","labelSpacing","labelLineHeight","labelFontWeight","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","inputValueTextColor","inputBackgroundColor","inputBorderRadius","inputBorderWidth","inputBorderOffset","inputBorderColor","inputBorderStyle","inputOutlineWidth","inputOutlineOffset","inputOutlineColor","inputOutlineStyle","inputSize","proxyProps","slots","wrappedEleName","style","cssVarList","excludeAttrsSync","track","knob","SwitchToggleClass","trackBorderWidth","trackBorderStyle","trackBorderColor","trackBackgroundColor","trackBorderRadius","trackWidth","trackHeight","knobSize","knobTextColor","knobRadius","knobTransitionDuration","knobColor","knobTopOffset","knobLeftOffset","ListItemClass","padding","backgroundColor","borderColor","borderStyle","borderWidth","borderRadius","outline","cursor","gap","maxWidth","alignItems","flexDirection","transition","attachShadow","mode","preventDefault","window","removeAttribute","once","createBaseClass","RawList","items","assignedElements","length","variant","getAttribute","forEach","item","listItem","localName","listItemVariant","isReadOnly","name","ListClass","maxHeight","minHeight","verticalPadding","horizontalPadding","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","variants","RawScopesList","size","Array","from","children","reportValidity","checkValidity","data","every","required","includes","id","filter","node","map","ScopesListClass","requiredInputBorderColor","requiredInputValueTextColor","createDynamicDataMixin","itemRenderer","desc","_","ref","ComponentClass","rerenderAttrsList","useHostExternalPadding","resetInputContainer","resetInputField","resetInputCursor","resetInputPlaceholder","ele","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","inputHeight","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle","defaultValidateSchema","defaultItemRenderer","JSON","stringify","validateSchema","slotName","validation","console","error","querySelectorAll","remove","index","templateOrString","templateString","createTemplate","HTMLTemplateElement","attrs","dataAttr","parse","warn","InputController","callback","initializer","type","defaultId","useUniqueId"],"sourceRoot":""}

package/dist/umd/descope-security-questions-setup-index-js.js

@@ -1 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3594],{69555:(e,t,r)=>{r.r(t),r.d(t,{SecurityQuestionsSetupClass:()=>h,componentName:()=>p});var n=r(70263),o=r(7138),i=r(14944),l=r(94619),a=r(44976),s=r(69473);const p=(0,i.xE)("security-questions-setup"),d=["full-width","readonly","size","label-type","question-label","question-placeholder","question-data-errormessage-value-missing","answer-label","answer-placeholder","answer-data-errormessage-value-missing","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],c=["count","questions"];class u extends((0,n.q)({componentName:p,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n\n\t\t</style>\n    <div></div>\n\t\t"}get count(){return Number(this.getAttribute("count"))||0}#e(){const e=Array.from({length:this.count}).map(((e,t)=>`\n      <div class="question-wrapper">\n      <descope-combo-box\n        data-id="${t}"\n        item-label-path="data-name"\n        item-value-path="data-id"\n        bordered="true"\n        required="true"\n        clear-button-visible="true"\n      ></descope-combo-box>\n\n      <descope-text-field\n        data-id="${t}"\n        required="true"\n        bordered="true"\n        minlength="2"\n      ></descope-text-field>\n    </div>\n      `));this.baseElement.innerHTML=e.join("<spacer></spacer><descope-divider></descope-divider><spacer></spacer>"),this.comboBoxes.forEach((e=>{e.addEventListener("change",(e=>{this.updateRemainingCombosData(e.target),this.getAttachedTextField(e.target).value=""})),e.data=this.data})),this.#t(d)}getAttachedTextField(e){const t=`descope-text-field[data-id="${e.getAttribute("data-id")}"]`;return this.baseElement.querySelector(t)}filterData(e){return this.data.filter((t=>t.value===e||!this.selectedQuestionIds.includes(t.value)))}reportValidity(){return this.inputs.reverse().forEach((e=>e.reportValidity())),this.checkValidity()}checkValidity(){return[...this.comboBoxes,...this.textFields].every((e=>e.checkValidity()))}updateRemainingCombosData(e){this.comboBoxes.filter((t=>t!==e)).forEach((e=>{e.data=this.filterData(e.value)}))}get questions(){try{return JSON.parse(this.getAttribute("questions"))||[]}catch(e){return console.error(p,"Error parsing questions attribute",e),[]}}get data(){return this.questions.map((({id:e,text:t})=>({value:e,label:t})))}get comboBoxes(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get inputs(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box, descope-text-field"))}get selectedQuestionIds(){return this.comboBoxes.map((e=>e.value))}get value(){return this.comboBoxes.map((e=>({id:e.value,answer:this.getAttachedTextField(e).value})))}set value(e=[]){e.forEach(((e,t)=>{const r=this.comboBoxes[t],n=this.getAttachedTextField(r);r.value=e.id,n.value=e.answer}))}#r(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#t(e){const t={question:this.comboBoxes,answer:this.textFields};e.forEach((e=>{const[r,...n]=e.split("-"),o=t[r]||this.inputs,i=t[r]?n.join("-"):e;o.forEach((t=>{this.#r(t,i,this.getAttribute(e))}))}))}init(){super.init?.(),(0,i.mx)(this,(()=>{this.#e()}),{includeAttrs:c}),(0,i.mx)(this,this.#t.bind(this),{includeAttrs:d})}}const h=(0,o.Zz)((0,l.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>a.C.componentName,property:a.C.cssVarList.hostDirection},{selector:()=>s.w.componentName,property:s.w.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"}}}),l.VO,l.tQ)(u);r(89348),r(11738),customElements.define(p,h)},69473:(e,t,r)=>{r.d(t,{T:()=>s,w:()=>d});var n=r(94619),o=r(93826),i=r(7138),l=r(14944),a=r(33177);const s=(0,l.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,i.Zz)((0,n.RF)({mappings:o.A}),n.VO,(0,n.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),n.tQ,(e=>class extends e{static get observedAttributes(){return p.concat(e.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(e){if(!e)return void this.icon?.remove();const t={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},r={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...t}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",(()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,r),setTimeout((()=>{Object.assign(this.icon,t)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(e,t,r){super.attributeChangeCallback?.(e,t,r),"type"===e&&this.baseElement._setType(r),t!==r&&("label-type"===e?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===r))}}))((0,n.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,a.$J)("vaadin-text-field")}\n\t\t\t${(0,a.cy)(d.cssVarList)}\n\t\t\t${(0,a.LJ)("vaadin-text-field",d.cssVarList)}\n      ${(0,a.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex"],componentName:s}))},89348:(e,t,r)=>{r.r(t),r.d(t,{TextFieldClass:()=>n.w,componentName:()=>n.T}),r(63970),r(23638),r(80201);var n=r(69473);customElements.define(n.T,n.w)},93826:(e,t,r)=>{r.d(t,{A:()=>x});const{host:n,label:o,placeholder:i,requiredIndicator:l,inputField:a,input:s,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:b,externalInput:y,externalInputDisabled:g,externalPlaceholder:f,externalDisabledPlaceholder:m}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},x={fontSize:[{},n],fontFamily:[o,a,d,c],labelFontSize:{...o,property:"font-size"},labelFontWeight:{...o,property:"font-weight"},labelTextColor:[{...o,property:"color"},{...l,property:"color"},{...o,property:"-webkit-text-fill-color"},{...l,property:"-webkit-text-fill-color"}],hostWidth:{...n,property:"width"},hostMinWidth:{...n,property:"min-width"},hostDirection:{...n,property:"direction"},inputDirection:{...s,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...p,property:"background-color"}],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"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...s,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...l,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...s,property:"padding-left"},{...s,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...s,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...i,property:"color"},{...u,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],labelPosition:{...o,property:"position"},labelTopPosition:{...o,property:"top"},labelHorizontalPosition:[{...o,property:"left"},{...o,property:"right"}],inputTransformY:{...o,property:"transform"},inputTransition:{...o,property:"transition"},marginInlineStart:{...o,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...s,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...s,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...b,property:"margin-right"},{...b,property:"margin-left"}],inputIconSize:{...b,property:"font-size"},inputIconColor:{...b,property:"color"}}},33177:(e,t,r)=>{r.d(t,{$J:()=>u,I4:()=>l,Kl:()=>h,LJ:()=>c,Qv:()=>i,X6:()=>s,cy:()=>n,fu:()=>p,kG:()=>d,lS:()=>a,zm:()=>o});const n=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,o=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,l=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,a=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,s=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",p=e=>`\n    ${e}::part(input-field)::after {\n        opacity: 0;\n    }\n`,d=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,c=(e,t)=>`\n    ${o(e)}\n    ${l(e)}\n    ${a(e)}\n    ${i(e)}\n    ${((e,t)=>`\n    ${e} input:-webkit-autofill,\n    ${e} input:-webkit-autofill::first-line,\n    ${e} input:-webkit-autofill:hover,\n    ${e} input:-webkit-autofill:active,\n    ${e} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${t.inputValueTextColor});\n        box-shadow: 0 0 0 var(${t.inputHeight}) var(${t.inputBackgroundColor}) inset;\n    }\n`)(e,t)}\n    ${d(e)}\n    ${(e=>`\n    ${e}::before {\n\t\theight: unset;\n\t}\n`)(e)}\n    ${(e=>`\n    ${e} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(e)}\n    ${(e=>`\n    ${e}::part(input-field)::after {\n        border: none;\n    }\n`)(e)}\n`,u=e=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${e} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3594],{74460:(e,t,r)=>{r.r(t),r.d(t,{SecurityQuestionsSetupClass:()=>b,componentName:()=>d});var o=r(81365),n=r(9696),i=r(97810),l=r(79365),a=r(86365),s=r(79275),p=r(25964);const d=(0,i.xE)("security-questions-setup"),c=["full-width","readonly","size","label-type","question-label","question-placeholder","question-data-errormessage-value-missing","answer-label","answer-placeholder","answer-data-errormessage-value-missing","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],u=["count","questions"];class h extends((0,o.q)({componentName:d,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",(0,p.fz)("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n    ",this)}get count(){return Number(this.getAttribute("count"))||0}#e(){const e=Array.from({length:this.count}).map(((e,t)=>`\n      <div class="question-wrapper">\n      <descope-combo-box\n        data-id="${t}"\n        item-label-path="data-name"\n        item-value-path="data-id"\n        bordered="true"\n        required="true"\n        clear-button-visible="true"\n      ></descope-combo-box>\n\n      <descope-text-field\n        data-id="${t}"\n        required="true"\n        bordered="true"\n        minlength="2"\n      ></descope-text-field>\n    </div>\n      `));this.baseElement.innerHTML=e.join("<spacer></spacer><descope-divider></descope-divider><spacer></spacer>"),this.comboBoxes.forEach((e=>{e.addEventListener("change",(e=>{this.updateRemainingCombosData(e.target),this.getAttachedTextField(e.target).value=""})),e.data=this.data})),this.#t(c)}getAttachedTextField(e){const t=`descope-text-field[data-id="${e.getAttribute("data-id")}"]`;return this.baseElement.querySelector(t)}filterData(e){return this.data.filter((t=>t.value===e||!this.selectedQuestionIds.includes(t.value)))}reportValidity(){return this.inputs.reverse().forEach((e=>e.reportValidity())),this.checkValidity()}checkValidity(){return[...this.comboBoxes,...this.textFields].every((e=>e.checkValidity()))}updateRemainingCombosData(e){this.comboBoxes.filter((t=>t!==e)).forEach((e=>{e.data=this.filterData(e.value)}))}get questions(){try{return JSON.parse(this.getAttribute("questions"))||[]}catch(e){return console.error(d,"Error parsing questions attribute",e),[]}}get data(){return this.questions.map((({id:e,text:t})=>({value:e,label:t})))}get comboBoxes(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get inputs(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box, descope-text-field"))}get selectedQuestionIds(){return this.comboBoxes.map((e=>e.value))}get value(){return this.comboBoxes.map((e=>({id:e.value,answer:this.getAttachedTextField(e).value})))}set value(e=[]){e.forEach(((e,t)=>{const r=this.comboBoxes[t],o=this.getAttachedTextField(r);r.value=e.id,o.value=e.answer}))}#r(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#t(e){const t={question:this.comboBoxes,answer:this.textFields};e.forEach((e=>{const[r,...o]=e.split("-"),n=t[r]||this.inputs,i=t[r]?o.join("-"):e;n.forEach((t=>{this.#r(t,i,this.getAttribute(e))}))}))}init(){super.init?.(),(0,i.mx)(this,(()=>{this.#e()}),{includeAttrs:u}),(0,i.mx)(this,this.#t.bind(this),{includeAttrs:c})}}const b=(0,n.Zz)((0,l.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>a.C.componentName,property:a.C.cssVarList.hostDirection},{selector:()=>s.w.componentName,property:s.w.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"}}}),l.VO,l.tQ)(h);r(21374),r(27092),customElements.define(d,b)},79275:(e,t,r)=>{r.d(t,{T:()=>s,w:()=>d});var o=r(79365),n=r(6424),i=r(9696),l=r(97810),a=r(73551);const s=(0,l.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,i.Zz)((0,o.RF)({mappings:n.A}),o.VO,(0,o.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),o.tQ,(e=>class extends e{static get observedAttributes(){return p.concat(e.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(e){if(!e)return void this.icon?.remove();const t={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},r={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...t}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",(()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,r),setTimeout((()=>{Object.assign(this.icon,t)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(e,t,r){super.attributeChangeCallback?.(e,t,r),"type"===e&&this.baseElement._setType(r),t!==r&&("label-type"===e?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===r))}}))((0,o.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,a.$J)("vaadin-text-field")}\n\t\t\t${(0,a.cy)(d.cssVarList)}\n\t\t\t${(0,a.LJ)("vaadin-text-field",d.cssVarList)}\n      ${(0,a.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:s}))},21374:(e,t,r)=>{r.r(t),r.d(t,{TextFieldClass:()=>o.w,componentName:()=>o.T}),r(11284),r(37182),r(95260);var o=r(79275);customElements.define(o.T,o.w)},6424:(e,t,r)=>{r.d(t,{A:()=>x});const{host:o,label:n,placeholder:i,requiredIndicator:l,inputField:a,input:s,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:b,externalInput:y,externalInputDisabled:g,externalPlaceholder:f,externalDisabledPlaceholder:m}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},x={fontSize:[{},o],fontFamily:[n,a,d,c],labelFontSize:{...n,property:"font-size"},labelFontWeight:{...n,property:"font-weight"},labelTextColor:[{...n,property:"color"},{...l,property:"color"},{...n,property:"-webkit-text-fill-color"},{...l,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...s,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...p,property:"background-color"}],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"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...s,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...l,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...s,property:"padding-left"},{...s,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...s,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...i,property:"color"},{...u,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],labelPosition:{...n,property:"position"},labelTopPosition:{...n,property:"top"},labelHorizontalPosition:[{...n,property:"left"},{...n,property:"right"}],inputTransformY:{...n,property:"transform"},inputTransition:{...n,property:"transition"},marginInlineStart:{...n,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...s,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...s,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...b,property:"margin-right"},{...b,property:"margin-left"}],inputIconSize:{...b,property:"font-size"},inputIconColor:{...b,property:"color"}}},73551:(e,t,r)=>{r.d(t,{$J:()=>u,I4:()=>l,Kl:()=>h,LJ:()=>c,Qv:()=>i,X6:()=>s,cy:()=>o,fu:()=>p,kG:()=>d,lS:()=>a,zm:()=>n});const o=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,n=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,l=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,a=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,s=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",p=e=>`\n    ${e}::part(input-field)::after {\n        opacity: 0;\n    }\n`,d=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,c=(e,t)=>`\n    ${n(e)}\n    ${l(e)}\n    ${a(e)}\n    ${i(e)}\n    ${((e,t)=>`\n    ${e} input:-webkit-autofill,\n    ${e} input:-webkit-autofill::first-line,\n    ${e} input:-webkit-autofill:hover,\n    ${e} input:-webkit-autofill:active,\n    ${e} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${t.inputValueTextColor});\n        box-shadow: 0 0 0 var(${t.inputHeight}) var(${t.inputBackgroundColor}) inset;\n    }\n`)(e,t)}\n    ${d(e)}\n    ${(e=>`\n    ${e}::before {\n\t\theight: unset;\n\t}\n`)(e)}\n    ${(e=>`\n    ${e} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(e)}\n    ${(e=>`\n    ${e}::part(input-field)::after {\n        border: none;\n    }\n`)(e)}\n`,u=e=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${e} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) [slot="label"] {\n    padding: 0;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '}}]);
+//# sourceMappingURL=descope-security-questions-setup-index-js.js.map