@descope/web-components-ui 1.0.319 → 1.0.321
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +1390 -1010
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1433 -1051
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1438.js +1 -1
- package/dist/umd/2362.js +1 -1
- package/dist/umd/3830.js +1 -1
- package/dist/umd/4028.js +1 -1
- package/dist/umd/5135.js +1 -1
- package/dist/umd/5806.js +1 -1
- package/dist/umd/602.js +170 -0
- package/dist/umd/{1621.js.LICENSE.txt → 602.js.LICENSE.txt} +0 -6
- package/dist/umd/6770.js +1 -1
- package/dist/umd/7056.js +2 -2
- package/dist/umd/7284.js +303 -0
- package/dist/umd/7284.js.LICENSE.txt +11 -0
- package/dist/umd/8137.js +452 -0
- package/dist/umd/8137.js.LICENSE.txt +17 -0
- package/dist/umd/8191.js +4 -4
- package/dist/umd/9092.js +2 -2
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
- package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
- package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
- package/dist/umd/descope-new-password-index-js.js +1 -1
- package/dist/umd/descope-passcode-index-js.js +1 -1
- package/dist/umd/descope-password-index-js.js +1 -1
- package/dist/umd/descope-radio-group-index-js.js +1 -0
- package/dist/umd/descope-text-field-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +1 -1
- package/package.json +2 -1
- package/src/components/descope-password/PasswordClass.js +56 -0
- package/src/components/descope-radio-group/RadioButtonClass.js +74 -0
- package/src/components/descope-radio-group/RadioGroupClass.js +192 -0
- package/src/components/descope-radio-group/index.js +8 -0
- package/src/index.cjs.js +2 -0
- package/src/index.js +1 -0
- package/src/theme/components/index.js +4 -0
- package/src/theme/components/radioGroup/radioButton.js +42 -0
- package/src/theme/components/radioGroup/radioGroup.js +37 -0
- package/dist/umd/1621.js +0 -620
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8106],{19876:(t,e,n)=>{n.d(e,{f:()=>
|
|
1
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8106],{19876:(t,e,n)=>{n.d(e,{f:()=>d,v:()=>v});var i=n(94978),r=n(2061),o=n(54567),s=n(22702),a=n(54201),l=n(64365);const d=(0,o.iY)("password"),{host:p,inputField:u,inputElement:c,inputElementPlaceholder:h,revealButtonContainer:b,revealButtonIcon:f,label:y,requiredIndicator:g,errorMessage:m,helperText:w}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:()=>":host input:placeholder-shown"},revealButtonContainer:{selector:"::part(reveal-button)"},revealButtonIcon:{selector:"::part(reveal-button)::before"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},v=(0,r.qC)((0,i.yk)({mappings:{hostWidth:{...p,property:"width"},hostMinWidth:{...p,property:"min-width"},hostDirection:{...p,property:"direction"},fontSize:[{},p],fontFamily:[y,u,m,w],inputHeight:{...u,property:"height"},inputHorizontalPadding:[{...c,property:"padding-left"},{...c,property:"padding-right"}],inputBackgroundColor:{...u,property:"background-color"},inputBorderStyle:{...u,property:"border-style"},inputBorderWidth:{...u,property:"border-width"},inputBorderColor:{...u,property:"border-color"},inputBorderRadius:{...u,property:"border-radius"},inputOutlineColor:{...u,property:"outline-color"},inputOutlineStyle:{...u,property:"outline-style"},inputOutlineOffset:{...u,property:"outline-offset"},inputOutlineWidth:{...u,property:"outline-width"},labelTextColor:[{...y,property:"color"},{...g,property:"color"}],labelRequiredIndicator:{...g,property:"content"},errorMessageTextColor:{...m,property:"color"},inputPlaceholderTextColor:[{...h,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...c,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...b,property:"margin-right"},{...b,property:"margin-left"}],revealButtonSize:{...b,property:"font-size"},revealButtonColor:{...f,property:"color"}}}),i.e4,(0,i.dj)({proxyProps:["value","selectionStart"]}),i.Ae,s.Z,(t=>class extends t{init(){super.init?.(),this.baseElement.checkValidity=()=>{},this.setAttribute("external-input","true");const t=this.baseElement.querySelector("input"),e=(0,l.nC)("external-input","suffix");this.baseElement.appendChild(e);const n=(0,l.X$)("external-input",this.getAutocompleteType());this.handlePasswordVisibility(n),setTimeout((()=>{(0,l.Gc)(t,n)})),this.handleExternalInputEvents(n),(0,o.tg)(t,n,{includeAttrs:["type","readonly"]}),(0,o.tg)(this,n,{includeAttrs:["focused"]}),t.addEventListener("focus",(t=>{t.preventDefault(),t.isTrusted&&n.focus()})),this.addEventListener("focus",(t=>{t.preventDefault(),this.focus()})),this.appendChild(n)}handlePasswordVisibility(t){const e=this.baseElement.__boundRevealButtonMouseDown;this.baseElement.querySelector("vaadin-password-field-button").removeEventListener("mousedown",e),this.baseElement._passwordVisibleChanged=()=>{},this.baseElement._togglePasswordVisibility=()=>{"password"===t.getAttribute("type")?this.showPasswordVisibility(t):this.hidePasswordVisibility(t)},this.addEventListener("blur",(()=>{setTimeout((()=>{"password"!==t.getAttribute("type")&&"true"!==t.getAttribute("focused")&&this.hidePasswordVisibility(t)}))}))}hidePasswordVisibility(t){t.setAttribute("type","password"),this.setAttribute("password-visible","false")}showPasswordVisibility(t){t.setAttribute("type","text"),this.setAttribute("password-visible","true")}getAutocompleteType(){return this.getAttribute("autocomplete")||"current-password"}handleExternalInputEvents(t){t.addEventListener("input",(t=>{this.value=t.target.value})),t.addEventListener("focus",(()=>{this.setAttribute("focused","true")}))}}))((0,i.DM)({slots:["","suffix"],wrappedEleName:"vaadin-password-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\tmin-width: 10em;\n box-sizing: border-box;\n position: relative;\n\t\t\t}\n\t\t\t${(0,a.bi)(v.cssVarList)}\n\t\t\t${(0,a.Pd)("vaadin-password-field")}\n ${(0,a.Wf)("vaadin-password-field")}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n }\n :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${v.cssVarList.inputOutlineColor});\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:d}))},64365:(t,e,n)=>{n.d(e,{Gc:()=>o,X$:()=>r,nC:()=>i});const i=(t,e)=>{const n=document.createElement("slot");return n.setAttribute("name",t),n.setAttribute("slot",e),n},r=(t,e)=>{const n=document.createElement("input");return n.setAttribute("slot",t),n.setAttribute("type","password"),n.setAttribute("data-hidden-input","true"),n.setAttribute("autocomplete",e),n},o=(t,e)=>{const n=getComputedStyle(t),i=n.getPropertyValue("height"),r=n.getPropertyValue("padding-left"),o=n.getPropertyValue("padding-right"),s=n.getPropertyValue("font-size"),a=n.getPropertyValue("font-family"),l=n.getPropertyValue("letter-spacing"),d=n.getPropertyValue("caret-color"),p=((t,e)=>{t.value="_";const n=e.getPropertyValue("color");return t.value="",n})(t,n);e.style=`\n all: unset !important;\n position: absolute !important;\n width: calc(100% - 3em) !important;\n background-color: transparent !important;\n color: ${p} !important;\n height: ${i} !important;\n left: ${r} !important;\n right: ${o} !important;\n font-size: ${s} !important;\n font-family: ${a} !important;\n letter-spacing: ${l} !important;\n caret-color: ${d} !important;\n `}},79279:(t,e,n)=>{n.r(e),n.d(e,{PasswordClass:()=>i.v}),n(17056);var i=n(19876);customElements.define(i.f,i.v)},22702:(t,e,n)=>{n.d(e,{Z:()=>i});const i=t=>class extends t{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){super.init?.();const t=this.querySelector("input");t?.addEventListener("mousedown",(e=>{if(this.isDraggable&&this.isReadOnly){t.setAttribute("inert","true");const n=e.target,i=n.getAttribute("type");n.setAttribute("type","text"),setTimeout((()=>{n.focus()}));const r=e=>{n.setAttribute("type",i),t.removeAttribute("inert"),this.removeEventListener("mouseup",r),this.removeEventListener("dragend",r)};this.addEventListener("dragend",r,{once:!0}),this.addEventListener("mouseup",r,{once:!0})}}))}}},54201:(t,e,n)=>{n.d(e,{B:()=>p,DY:()=>l,PH:()=>d,Pd:()=>s,TX:()=>r,Wf:()=>c,bi:()=>i,jI:()=>a,jl:()=>o,wm:()=>u});const i=t=>`\n :host {\n padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n }\n`,r=t=>`\n ${t} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`,o=t=>`\n ${t}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`,s=t=>`\n ${t} > label,\n ${t}::part(label),\n ${t}::part(required-indicator) {\n cursor: pointer;\n }\n`,a=(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`,p=t=>`\n ${t}::part(input-field)::after {\n background: none;\n }\n`,u=(t,e)=>`\n ${r(t)}\n ${s(t)}\n ${a(t)}\n ${o(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 ${p(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`,c=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`}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9034],{92031:(e,t,r)=>{r.r(t),r.d(t,{RadioGroupClass:()=>u});var o=r(2061),i=r(54567),n=r(54201),l=r(94978),a=r(4447);const s=(0,i.iY)("radio-button"),d=(0,o.qC)((0,l.yk)({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"}}}),(0,l.dj)({proxyProps:["setSelectionRange"]}),l.Ae,(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.P$)(this,this.renderLabel.bind(this))}renderLabel(){this.baseElement.setAttribute("label",this.textContent)}get value(){return this.getAttribute("value")}}))((0,l.DM)({slots:[""],wrappedEleName:"vaadin-radio-button",excludeAttrsSync:["tabindex","data"],includeForwardProps:["checked","name","disabled"],componentName:s})),p=(0,i.iY)("radio-group"),u=(0,o.qC)((0,l.yk)({mappings:{...a.Z,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(${d.componentName})`,property:d.cssVarList.labelTextColor}}}),l.e4,(0,l.dj)({proxyProps:["setSelectionRange"]}),l.Ae,(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(s)}),this.baseElement.__filterRadioButtons=e=>e.filter((e=>e.localName===s)),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.FX)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),Object.defineProperty(this.baseElement,"validity",{get:()=>({valueMissing:!this.baseElement.checkValidity()})}),(0,i.oP)(this,this.baseElement,{includeAttrs:["layout"],mapAttrs:{layout:"theme"}}),setTimeout((()=>{this.defaultValue&&(this.value=this.defaultValue)})),(0,i.P$)(this,(({addedNodes:e})=>{e.forEach((e=>{e.setAttribute("size",this.size)}))})),(0,i.FX)(this,(()=>{this.items.forEach((e=>{e.setAttribute("size",this.size)}))}),{includeAttrs:["size"]})}}))((0,l.DM)({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.Wf)("vaadin-radio-group")}\n `,excludeAttrsSync:["tabindex","size","data","direction"],componentName:p,includeForwardProps:["value"]}));r(37284),customElements.define(p,u),customElements.define(s,d)},4447:(e,t,r)=>{r.d(t,{Z:()=>f});const{host:o,label:i,placeholder:n,requiredIndicator:l,inputField:a,input:s,helperText:d,errorMessage:p,disabledPlaceholder:u,inputDisabled:c,externalInput:h,externalInputDisabled:b,externalPlaceholder:y,externalDisabledPlaceholder:g}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:{selector:"> input:placeholder-shown"},disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},f={fontSize:[{},o],fontFamily:[i,a,d,p],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputBackgroundColor:{...a,property:"background-color"},labelTextColor:[{...i,property:"color"},{...l,property:"color"},{...i,property:"-webkit-text-fill-color"},{...l,property:"-webkit-text-fill-color"}],errorMessageTextColor:{...p,property:"color"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...c,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...s,property:"color"},{...h,property:"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"},{...h,property:"padding-left"},{...h,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},inputTextAlign:[{...s,property:"text-align"},{...h,property:"text-align"}],inputPlaceholderColor:[{...n,property:"color"},{...y,property:"color"},{...u,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}]}},54201:(e,t,r)=>{r.d(t,{B:()=>p,DY:()=>s,PH:()=>d,Pd:()=>l,TX:()=>i,Wf:()=>c,bi:()=>o,jI:()=>a,jl:()=>n,wm:()=>u});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`,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",d=e=>`\n ${e}::part(input-field)::after {\n opacity: 0;\n }\n`,p=e=>`\n ${e}::part(input-field)::after {\n background: none;\n }\n`,u=(e,t)=>`\n ${i(e)}\n ${l(e)}\n ${a(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 ${p(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`,c=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`}}]);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*! For license information please see descope-text-field-index-js.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2934],{56417:(t,e,r)=>{r.d(e,{f:()=>s,z:()=>d});var n=r(94978),i=r(4447),l=r(2061),o=r(54567),a=r(54201);const s=(0,o.iY)("text-field"),p=["type"],d=(0,l.qC)((0,n.yk)({mappings:i.Z}),n.e4,(0,n.dj)({proxyProps:["value","selectionStart"]}),n.Ae,(t=>class extends t{static get observedAttributes(){return p.concat(t.observedAttributes||[])}attributeChangedCallback(t,e,r){super.attributeChangeCallback?.(t,e,r),"type"===t&&this.baseElement._setType(r)}get isExternalInput(){return"true"===this.getAttribute("external-input")}constructor(){if(super(),this.isExternalInput){const t=this.baseElement.querySelector("input");this.inputSlot=document.createElement("slot"),this.focus=()=>{t.focus()},this.inputSlot.setAttribute("name","input"),this.inputSlot.setAttribute("slot","input"),this.baseElement.appendChild(this.inputSlot),this.appendChild(t)}}}))((0,n.DM)({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 ${(0,a.Wf)("vaadin-text-field")}\n\t\t\t${(0,a.bi)(d.cssVarList)}\n\t\t\t${(0,a.wm)("vaadin-text-field",d.cssVarList)}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:s}))},19357:(t,e,r)=>{r.r(e),r.d(e,{TextFieldClass:()=>n.z}),r(79789);var n=r(56417);customElements.define(n.f,n.z)},4447:(t,e,r)=>{r.d(e,{Z:()=>y});const{host:n,label:i,placeholder:l,requiredIndicator:o,inputField:a,input:s,helperText:p,errorMessage:d,disabledPlaceholder:u,inputDisabled:c,externalInput:h,externalInputDisabled:b,externalPlaceholder:f,externalDisabledPlaceholder:g}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:{selector:"> input:placeholder-shown"},disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},y={fontSize:[{},n],fontFamily:[i,a,p,d],hostWidth:{...n,property:"width"},hostMinWidth:{...n,property:"min-width"},hostDirection:{...n,property:"direction"},inputBackgroundColor:{...a,property:"background-color"},labelTextColor:[{...i,property:"color"},{...o,property:"color"},{...i,property:"-webkit-text-fill-color"},{...o,property:"-webkit-text-fill-color"}],errorMessageTextColor:{...d,property:"color"},helperTextColor:{...p,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...c,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...s,property:"color"},{...h,property:"color"}],labelRequiredIndicator:{...o,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"},{...h,property:"padding-left"},{...h,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},inputTextAlign:[{...s,property:"text-align"},{...h,property:"text-align"}],inputPlaceholderColor:[{...l,property:"color"},{...f,property:"color"},{...u,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}]}},54201:(t,e,r)=>{r.d(e,{B:()=>d,DY:()=>s,PH:()=>p,Pd:()=>o,TX:()=>i,Wf:()=>c,bi:()=>n,jI:()=>a,jl:()=>l,wm:()=>u});const n=t=>`\n :host {\n padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n }\n`,i=t=>`\n ${t} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`,l=t=>`\n ${t}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`,o=t=>`\n ${t} > label,\n ${t}::part(label),\n ${t}::part(required-indicator) {\n cursor: pointer;\n }\n`,a=(t,e="input")=>`\n ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}: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=t=>`\n ${t}::part(input-field)::after {\n opacity: 0;\n }\n`,d=t=>`\n ${t}::part(input-field)::after {\n background: none;\n }\n`,u=(t,e)=>`\n ${i(t)}\n ${o(t)}\n ${a(t)}\n ${l(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 ${d(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`,c=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`},73208:(t,e,r)=>{r.d(e,{b:()=>i});var n=r(
|
|
2
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2934],{56417:(t,e,r)=>{r.d(e,{f:()=>s,z:()=>d});var n=r(94978),i=r(4447),l=r(2061),o=r(54567),a=r(54201);const s=(0,o.iY)("text-field"),p=["type"],d=(0,l.qC)((0,n.yk)({mappings:i.Z}),n.e4,(0,n.dj)({proxyProps:["value","selectionStart"]}),n.Ae,(t=>class extends t{static get observedAttributes(){return p.concat(t.observedAttributes||[])}attributeChangedCallback(t,e,r){super.attributeChangeCallback?.(t,e,r),"type"===t&&this.baseElement._setType(r)}get isExternalInput(){return"true"===this.getAttribute("external-input")}constructor(){if(super(),this.isExternalInput){const t=this.baseElement.querySelector("input");this.inputSlot=document.createElement("slot"),this.focus=()=>{t.focus()},this.inputSlot.setAttribute("name","input"),this.inputSlot.setAttribute("slot","input"),this.baseElement.appendChild(this.inputSlot),this.appendChild(t)}}}))((0,n.DM)({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 ${(0,a.Wf)("vaadin-text-field")}\n\t\t\t${(0,a.bi)(d.cssVarList)}\n\t\t\t${(0,a.wm)("vaadin-text-field",d.cssVarList)}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:s}))},19357:(t,e,r)=>{r.r(e),r.d(e,{TextFieldClass:()=>n.z}),r(79789);var n=r(56417);customElements.define(n.f,n.z)},4447:(t,e,r)=>{r.d(e,{Z:()=>y});const{host:n,label:i,placeholder:l,requiredIndicator:o,inputField:a,input:s,helperText:p,errorMessage:d,disabledPlaceholder:u,inputDisabled:c,externalInput:h,externalInputDisabled:b,externalPlaceholder:f,externalDisabledPlaceholder:g}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:{selector:"> input:placeholder-shown"},disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},y={fontSize:[{},n],fontFamily:[i,a,p,d],hostWidth:{...n,property:"width"},hostMinWidth:{...n,property:"min-width"},hostDirection:{...n,property:"direction"},inputBackgroundColor:{...a,property:"background-color"},labelTextColor:[{...i,property:"color"},{...o,property:"color"},{...i,property:"-webkit-text-fill-color"},{...o,property:"-webkit-text-fill-color"}],errorMessageTextColor:{...d,property:"color"},helperTextColor:{...p,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...c,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...s,property:"color"},{...h,property:"color"}],labelRequiredIndicator:{...o,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"},{...h,property:"padding-left"},{...h,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},inputTextAlign:[{...s,property:"text-align"},{...h,property:"text-align"}],inputPlaceholderColor:[{...l,property:"color"},{...f,property:"color"},{...u,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}]}},54201:(t,e,r)=>{r.d(e,{B:()=>d,DY:()=>s,PH:()=>p,Pd:()=>o,TX:()=>i,Wf:()=>c,bi:()=>n,jI:()=>a,jl:()=>l,wm:()=>u});const n=t=>`\n :host {\n padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n }\n`,i=t=>`\n ${t} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`,l=t=>`\n ${t}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`,o=t=>`\n ${t} > label,\n ${t}::part(label),\n ${t}::part(required-indicator) {\n cursor: pointer;\n }\n`,a=(t,e="input")=>`\n ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}: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=t=>`\n ${t}::part(input-field)::after {\n opacity: 0;\n }\n`,d=t=>`\n ${t}::part(input-field)::after {\n background: none;\n }\n`,u=(t,e)=>`\n ${i(t)}\n ${o(t)}\n ${a(t)}\n ${l(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 ${d(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`,c=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`},73208:(t,e,r)=>{r.d(e,{b:()=>i});var n=r(78591);class i extends n.n{constructor(t,e){super(t,"input","input",{initializer:(t,r)=>{r.value&&(t.value=r.value),r.type&&t.setAttribute("type",r.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},20422:(t,e,r)=>{r.d(e,{j:()=>i});var n=r(73406);const i=t=>class extends((0,n.L)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},18005:(t,e,r)=>{r.d(e,{n:()=>h}),r(13553);var n=r(74241),i=r(52807),l=r(12521),o=r(34463),a=r(62743),s=r(46570),p=r(73208),d=r(20422),u=r(46729);const c=t=>class extends((0,d.j)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new p.b(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new u.v(this.inputElement,this._labelController))}};(0,s.hC)("vaadin-text-field",a.J,{moduleId:"vaadin-text-field-styles"});class h extends(c((0,s.Tb)((0,l.S)(n.H3)))){static get is(){return"vaadin-text-field"}static get template(){return n.dy`
|
|
3
3
|
<style>
|
|
4
4
|
[part='input-field'] {
|
|
5
5
|
flex-grow: 0;
|
package/dist/umd/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,s){"object"==typeof exports&&"object"==typeof module?module.exports=s():"function"==typeof define&&define.amd?define([],s):"object"==typeof exports?exports.DescopeUI=s():e.DescopeUI=s()}(self,(()=>(()=>{var e,s,o,n={20534:(e,s,o)=>{var n={"./boolean-fields/descope-boolean-field-internal/index.js":[86676,5910,4978,769],"./boolean-fields/descope-checkbox/index.js":[63483,5910,7531,2362,1621,1224,8191,4978,3726],"./boolean-fields/descope-switch-toggle/index.js":[89203,5910,7531,2362,1621,1224,8191,4978,4483],"./button-selection-group-fields/descope-button-multi-selection-group-internal/index.js":[66793,5910,4978,9122],"./button-selection-group-fields/descope-button-multi-selection-group/index.js":[53795,5910,7531,2362,1224,4024,4978,5263],"./button-selection-group-fields/descope-button-selection-group-internal/index.js":[88901,5910,4978,2313],"./button-selection-group-fields/descope-button-selection-group-item/index.js":[84873,5910,7531,2362,1224,4024,4978,6656],"./button-selection-group-fields/descope-button-selection-group/index.js":[94887,5910,7531,2362,1224,4024,4978,2861],"./descope-avatar/index.js":[33120,5910,7531,2362,4746,7911,6594,4028,4978,8873],"./descope-badge/index.js":[4021,5910,4978,8012],"./descope-button/index.js":[72018,5910,7531,2362,1224,4978,9662],"./descope-code-snippet/index.js":[423,5910,637,4978,8807],"./descope-combo-box/index.js":[21294,5910,7531,2362,1621,4746,3830,8866,4978,9483],"./descope-container/index.js":[17107,5910,4978,7317],"./descope-date-picker/index.js":[82552,5910,7531,2362,1621,1224,4746,9092,4978,8017],"./descope-divider/index.js":[16162,5910,4978,4178],"./descope-email-field/index.js":[77840,5910,7531,2362,1621,4978,9760],"./descope-enriched-text/index.js":[20212,5910,4569,4978,5158],"./descope-grid/descope-grid-custom-column/index.js":[19278,7531,5517,5988],"./descope-grid/descope-grid-selection-column/index.js":[52238,5910,7531,2362,1621,1224,5517,8191,4978,7487],"./descope-grid/descope-grid-text-column/index.js":[42356,7531,5517,3705],"./descope-grid/index.js":[19950,5910,7531,2362,1621,1224,3830,5517,8191,5135,4978,9461],"./descope-icon/index.js":[72449,5910,4978,4348],"./descope-image/index.js":[28278,5910,4978,6772],"./descope-link/index.js":[65846,5910,4978,58],"./descope-loader-linear/index.js":[57845,5910,4978,6453],"./descope-loader-radial/index.js":[65747,5910,4978,3072],"./descope-logo/index.js":[61034,5910,4978,1984],"./descope-modal/index.js":[80958,5910,7531,4746,9314,4978,4641],"./descope-multi-select-combo-box/index.js":[99393,5910,7531,2362,1621,4746,3830,8866,1438,4978,3840],"./descope-new-password/descope-new-password-internal/index.js":[1545,5910,4978,1842],"./descope-new-password/index.js":[88974,5910,7531,2362,1621,1224,7056,4978,7055],"./descope-notification/descope-notification-card/index.js":[35400,5910,7531,3951,4978,7401],"./descope-notification/index.js":[91845,5910,7531,3951,4978,9655],"./descope-notp-image/index.js":[26016,5910,4978,869],"./descope-number-field/index.js":[66916,5910,7531,2362,1621,5806,4978,2142],"./descope-passcode/descope-passcode-internal/index.js":[4775,5910,4978,1841],"./descope-passcode/index.js":[64919,5910,7531,2362,1621,4978,939],"./descope-password/index.js":[79279,5910,7531,2362,1621,1224,7056,4978,8106],"./descope-policy-validation/index.js":[38558,5910,4978,4570],"./descope-recaptcha/index.js":[38164,5910,4978,964],"./descope-text-area/index.js":[71962,5910,7531,2362,1621,6770,4978,3322],"./descope-text-field/index.js":[19357,5910,7531,2362,1621,4978,2934],"./descope-text/index.js":[31876,5910,4978,2528],"./descope-totp-image/index.js":[91331,5910,4978,5364],"./descope-upload-file/index.js":[66667,5910,7531,2362,1224,4052,4978,5874],"./descope-user-attribute/index.js":[84199,5910,7531,2362,1224,7911,1612,4978,1722],"./descope-user-auth-method/index.js":[29449,5910,7531,2362,1224,7911,9562,4978,1711],"./mapping-fields/descope-mappings-field/descope-mapping-item/index.js":[36751,5910,4978,3172],"./mapping-fields/descope-mappings-field/descope-mappings-field-internal/index.js":[33820,5910,4978,5130],"./mapping-fields/descope-mappings-field/index.js":[5894,5910,7531,2362,1621,1224,4746,3830,8866,7911,6594,9423,4978,9299],"./mapping-fields/descope-saml-group-mappings/descope-saml-group-mappings-internal/index.js":[74115,5910,4978,9656],"./mapping-fields/descope-saml-group-mappings/index.js":[73277,5910,7531,2362,1621,1224,4746,3830,8866,7911,6594,9423,4978,9476],"./phone-fields/descope-phone-field/descope-phone-field-internal/index.js":[99240,5910,7531,2362,1621,4746,3830,8866,63,4978,4392,9288],"./phone-fields/descope-phone-field/index.js":[76581,5910,7531,2362,1621,4746,3830,8866,63,4978,4392,9806],"./phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/index.js":[83067,5910,7531,2362,1621,4978,4392,4981],"./phone-fields/descope-phone-input-box-field/index.js":[69423,5910,7531,2362,1621,4746,3830,8866,7164,4978,4392,5119]};function i(e){if(!o.o(n,e))return Promise.resolve().then((()=>{var s=new Error("Cannot find module '"+e+"'");throw s.code="MODULE_NOT_FOUND",s}));var s=n[e],i=s[0];return Promise.all(s.slice(1).map(o.e)).then((()=>o(i)))}i.keys=()=>Object.keys(n),i.id=20534,e.exports=i},25561:(e,s,o)=>{"use strict";o.r(s),o.d(s,{componentsThemeManager:()=>n});const n=new class{static mountOnPropName="DescopeThemeManager";#e={};#s="light";#o=new Set;#n(){this.#o.forEach((e=>e?.()))}get currentThemeName(){return this.#s}set currentThemeName(e){this.#s=e,this.#n()}get currentTheme(){return this.#e[this.currentThemeName]}onCurrentThemeChange(e){return this.#o.add(e),()=>{this.#o.delete(e)}}set themes(e){this.#e=e,this.#n()}get hasThemes(){return!!Object.keys(this.#e).length}}},7507:(e,s,o)=>{const{componentsThemeManager:n}=o(25561),i=o(20534);e.exports=i.keys().reduce(((e,s)=>{const o=s.replace(/.*?([^\/]+)\/index\.js$/,"$1");return o.endsWith("-internal")||(e[o]=()=>i(s)),e}),{}),e.exports.componentsThemeManager=n}},i={};function d(e){var s=i[e];if(void 0!==s)return s.exports;var o=i[e]={exports:{}};return n[e](o,o.exports,d),o.exports}d.m=n,e=[],d.O=(s,o,n,i)=>{if(!o){var t=1/0;for(a=0;a<e.length;a++){for(var[o,n,i]=e[a],p=!0,c=0;c<o.length;c++)(!1&i||t>=i)&&Object.keys(d.O).every((e=>d.O[e](o[c])))?o.splice(c--,1):(p=!1,i<t&&(t=i));if(p){e.splice(a--,1);var r=n();void 0!==r&&(s=r)}}return s}i=i||0;for(var a=e.length;a>0&&e[a-1][2]>i;a--)e[a]=e[a-1];e[a]=[o,n,i]},d.F={},d.E=e=>{Object.keys(d.F).map((s=>{d.F[s](e)}))},d.n=e=>{var s=e&&e.__esModule?()=>e.default:()=>e;return d.d(s,{a:s}),s},d.d=(e,s)=>{for(var o in s)d.o(s,o)&&!d.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:s[o]})},d.f={},d.e=e=>Promise.all(Object.keys(d.f).reduce(((s,o)=>(d.f[o](e,s),s)),[])),d.u=e=>(({58:"descope-link-index-js",769:"boolean-fields-descope-boolean-field-internal-index-js",869:"descope-notp-image-index-js",939:"descope-passcode-index-js",964:"descope-recaptcha-index-js",1711:"descope-user-auth-method-index-js",1722:"descope-user-attribute-index-js",1841:"descope-passcode-descope-passcode-internal-index-js",1842:"descope-new-password-descope-new-password-internal-index-js",1984:"descope-logo-index-js",2142:"descope-number-field-index-js",2313:"button-selection-group-fields-descope-button-selection-group-internal-index-js",2528:"descope-text-index-js",2861:"button-selection-group-fields-descope-button-selection-group-index-js",2934:"descope-text-field-index-js",3072:"descope-loader-radial-index-js",3172:"mapping-fields-descope-mappings-field-descope-mapping-item-index-js",3322:"descope-text-area-index-js",3705:"descope-grid-descope-grid-text-column-index-js",3726:"boolean-fields-descope-checkbox-index-js",3840:"descope-multi-select-combo-box-index-js",4178:"descope-divider-index-js",4348:"descope-icon-index-js",4483:"boolean-fields-descope-switch-toggle-index-js",4570:"descope-policy-validation-index-js",4641:"descope-modal-index-js",4981:"phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js",5119:"phone-fields-descope-phone-input-box-field-index-js",5130:"mapping-fields-descope-mappings-field-descope-mappings-field-internal-index-js",5158:"descope-enriched-text-index-js",5263:"button-selection-group-fields-descope-button-multi-selection-group-index-js",5364:"descope-totp-image-index-js",5874:"descope-upload-file-index-js",5988:"descope-grid-descope-grid-custom-column-index-js",6453:"descope-loader-linear-index-js",6656:"button-selection-group-fields-descope-button-selection-group-item-index-js",6772:"descope-image-index-js",7055:"descope-new-password-index-js",7317:"descope-container-index-js",7401:"descope-notification-descope-notification-card-index-js",7487:"descope-grid-descope-grid-selection-column-index-js",8012:"descope-badge-index-js",8017:"descope-date-picker-index-js",8106:"descope-password-index-js",8807:"descope-code-snippet-index-js",8873:"descope-avatar-index-js",9122:"button-selection-group-fields-descope-button-multi-selection-group-internal-index-js",9288:"phone-fields-descope-phone-field-descope-phone-field-internal-index-js",9299:"mapping-fields-descope-mappings-field-index-js",9461:"descope-grid-index-js",9476:"mapping-fields-descope-saml-group-mappings-index-js",9483:"descope-combo-box-index-js",9655:"descope-notification-index-js",9656:"mapping-fields-descope-saml-group-mappings-descope-saml-group-mappings-internal-index-js",9662:"descope-button-index-js",9760:"descope-email-field-index-js",9806:"phone-fields-descope-phone-field-index-js"}[e]||e)+".js"),d.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),d.o=(e,s)=>Object.prototype.hasOwnProperty.call(e,s),s={},o="@descope/web-components-ui:",d.l=(e,n,i,t)=>{if(s[e])s[e].push(n);else{var p,c;if(void 0!==i)for(var r=document.getElementsByTagName("script"),a=0;a<r.length;a++){var l=r[a];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==o+i){p=l;break}}p||(c=!0,(p=document.createElement("script")).charset="utf-8",p.timeout=120,d.nc&&p.setAttribute("nonce",d.nc),p.setAttribute("data-webpack",o+i),p.src=e),s[e]=[n];var u=(o,n)=>{p.onerror=p.onload=null,clearTimeout(x);var i=s[e];if(delete s[e],p.parentNode&&p.parentNode.removeChild(p),i&&i.forEach((e=>e(n))),o)return o(n)},x=setTimeout(u.bind(null,void 0,{type:"timeout",target:p}),12e4);p.onerror=u.bind(null,p.onerror),p.onload=u.bind(null,p.onload),c&&document.head.appendChild(p)}},d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;d.g.importScripts&&(e=d.g.location+"");var s=d.g.document;if(!e&&s&&(s.currentScript&&(e=s.currentScript.src),!e)){var o=s.getElementsByTagName("script");if(o.length)for(var n=o.length-1;n>-1&&!e;)e=o[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),d.p=e})(),(()=>{var e={5524:0};d.f.j=(s,o)=>{var n=d.o(e,s)?e[s]:void 0;if(0!==n)if(n)o.push(n[2]);else{var i=new Promise(((o,i)=>n=e[s]=[o,i]));o.push(n[2]=i);var t=d.p+d.u(s),p=new Error;d.l(t,(o=>{if(d.o(e,s)&&(0!==(n=e[s])&&(e[s]=void 0),n)){var i=o&&("load"===o.type?"missing":o.type),t=o&&o.target&&o.target.src;p.message="Loading chunk "+s+" failed.\n("+i+": "+t+")",p.name="ChunkLoadError",p.type=i,p.request=t,n[1](p)}}),"chunk-"+s,s)}},d.F.j=s=>{if(!d.o(e,s)||void 0===e[s]){e[s]=null;var o=document.createElement("link");d.nc&&o.setAttribute("nonce",d.nc),o.rel="prefetch",o.as="script",o.href=d.p+d.u(s),document.head.appendChild(o)}},d.O.j=s=>0===e[s];var s=(s,o)=>{var n,i,[t,p,c]=o,r=0;if(t.some((s=>0!==e[s]))){for(n in p)d.o(p,n)&&(d.m[n]=p[n]);if(c)var a=c(d)}for(s&&s(o);r<t.length;r++)i=t[r],d.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return d.O(a)},o=self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[];o.forEach(s.bind(null,0)),o.push=s.bind(null,o.push.bind(o))})(),d.O(0,[5524],(()=>{[5910,4978,769,7531,2362,1621,1224,8191,3726,4483,9122,4024,5263,2313,6656,2861,4746,7911,6594,4028,8873,8012,9662,637,8807,3830,8866,9483,7317,9092,8017,4178,9760,4569,5158,5517,5988,7487,3705,5135,9461,4348,6772,58,6453,3072,1984,9314,4641,1438,3840,1842,7056,7055,3951,7401,9655,869,5806,2142,1841,939,8106,4570,964,6770,3322,2934,2528,5364,4052,5874,1612,1722,9562,1711,3172,5130,9423,9299,9656,9476,63,4392,9288,9806,4981,7164,5119].map(d.E)}),5);var t=d(7507);return d.O(t)})()));
|
|
1
|
+
!function(e,s){"object"==typeof exports&&"object"==typeof module?module.exports=s():"function"==typeof define&&define.amd?define([],s):"object"==typeof exports?exports.DescopeUI=s():e.DescopeUI=s()}(self,(()=>(()=>{var e,s,o,n={20534:(e,s,o)=>{var n={"./boolean-fields/descope-boolean-field-internal/index.js":[86676,5910,4978,769],"./boolean-fields/descope-checkbox/index.js":[63483,5910,7531,2362,602,8137,1224,8191,4978,3726],"./boolean-fields/descope-switch-toggle/index.js":[89203,5910,7531,2362,602,8137,1224,8191,4978,4483],"./button-selection-group-fields/descope-button-multi-selection-group-internal/index.js":[66793,5910,4978,9122],"./button-selection-group-fields/descope-button-multi-selection-group/index.js":[53795,5910,7531,2362,1224,4024,4978,5263],"./button-selection-group-fields/descope-button-selection-group-internal/index.js":[88901,5910,4978,2313],"./button-selection-group-fields/descope-button-selection-group-item/index.js":[84873,5910,7531,2362,1224,4024,4978,6656],"./button-selection-group-fields/descope-button-selection-group/index.js":[94887,5910,7531,2362,1224,4024,4978,2861],"./descope-avatar/index.js":[33120,5910,7531,2362,4746,7911,6594,4028,4978,8873],"./descope-badge/index.js":[4021,5910,4978,8012],"./descope-button/index.js":[72018,5910,7531,2362,1224,4978,9662],"./descope-code-snippet/index.js":[423,5910,637,4978,8807],"./descope-combo-box/index.js":[21294,5910,7531,2362,602,8137,4746,3830,8866,4978,9483],"./descope-container/index.js":[17107,5910,4978,7317],"./descope-date-picker/index.js":[82552,5910,7531,2362,602,8137,1224,4746,9092,4978,8017],"./descope-divider/index.js":[16162,5910,4978,4178],"./descope-email-field/index.js":[77840,5910,7531,2362,602,8137,4978,9760],"./descope-enriched-text/index.js":[20212,5910,4569,4978,5158],"./descope-grid/descope-grid-custom-column/index.js":[19278,7531,5517,5988],"./descope-grid/descope-grid-selection-column/index.js":[52238,5910,7531,2362,602,8137,1224,5517,8191,4978,7487],"./descope-grid/descope-grid-text-column/index.js":[42356,7531,5517,3705],"./descope-grid/index.js":[19950,5910,7531,2362,602,8137,1224,3830,5517,8191,5135,4978,9461],"./descope-icon/index.js":[72449,5910,4978,4348],"./descope-image/index.js":[28278,5910,4978,6772],"./descope-link/index.js":[65846,5910,4978,58],"./descope-loader-linear/index.js":[57845,5910,4978,6453],"./descope-loader-radial/index.js":[65747,5910,4978,3072],"./descope-logo/index.js":[61034,5910,4978,1984],"./descope-modal/index.js":[80958,5910,7531,4746,9314,4978,4641],"./descope-multi-select-combo-box/index.js":[99393,5910,7531,2362,602,8137,4746,3830,8866,1438,4978,3840],"./descope-new-password/descope-new-password-internal/index.js":[1545,5910,4978,1842],"./descope-new-password/index.js":[88974,5910,7531,2362,602,8137,1224,7056,4978,7055],"./descope-notification/descope-notification-card/index.js":[35400,5910,7531,3951,4978,7401],"./descope-notification/index.js":[91845,5910,7531,3951,4978,9655],"./descope-notp-image/index.js":[26016,5910,4978,869],"./descope-number-field/index.js":[66916,5910,7531,2362,602,8137,5806,4978,2142],"./descope-passcode/descope-passcode-internal/index.js":[4775,5910,4978,1841],"./descope-passcode/index.js":[64919,5910,7531,2362,602,8137,4978,939],"./descope-password/index.js":[79279,5910,7531,2362,602,8137,1224,7056,4978,8106],"./descope-policy-validation/index.js":[38558,5910,4978,4570],"./descope-radio-group/index.js":[92031,5910,7531,2362,602,1224,7284,4978,9034],"./descope-recaptcha/index.js":[38164,5910,4978,964],"./descope-text-area/index.js":[71962,5910,7531,2362,602,8137,6770,4978,3322],"./descope-text-field/index.js":[19357,5910,7531,2362,602,8137,4978,2934],"./descope-text/index.js":[31876,5910,4978,2528],"./descope-totp-image/index.js":[91331,5910,4978,5364],"./descope-upload-file/index.js":[66667,5910,7531,2362,1224,4052,4978,5874],"./descope-user-attribute/index.js":[84199,5910,7531,2362,1224,7911,1612,4978,1722],"./descope-user-auth-method/index.js":[29449,5910,7531,2362,1224,7911,9562,4978,1711],"./mapping-fields/descope-mappings-field/descope-mapping-item/index.js":[36751,5910,4978,3172],"./mapping-fields/descope-mappings-field/descope-mappings-field-internal/index.js":[33820,5910,4978,5130],"./mapping-fields/descope-mappings-field/index.js":[5894,5910,7531,2362,602,8137,1224,4746,3830,8866,7911,6594,9423,4978,9299],"./mapping-fields/descope-saml-group-mappings/descope-saml-group-mappings-internal/index.js":[74115,5910,4978,9656],"./mapping-fields/descope-saml-group-mappings/index.js":[73277,5910,7531,2362,602,8137,1224,4746,3830,8866,7911,6594,9423,4978,9476],"./phone-fields/descope-phone-field/descope-phone-field-internal/index.js":[99240,5910,7531,2362,602,8137,4746,3830,8866,63,4978,4392,9288],"./phone-fields/descope-phone-field/index.js":[76581,5910,7531,2362,602,8137,4746,3830,8866,63,4978,4392,9806],"./phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/index.js":[83067,5910,7531,2362,602,8137,4978,4392,4981],"./phone-fields/descope-phone-input-box-field/index.js":[69423,5910,7531,2362,602,8137,4746,3830,8866,7164,4978,4392,5119]};function i(e){if(!o.o(n,e))return Promise.resolve().then((()=>{var s=new Error("Cannot find module '"+e+"'");throw s.code="MODULE_NOT_FOUND",s}));var s=n[e],i=s[0];return Promise.all(s.slice(1).map(o.e)).then((()=>o(i)))}i.keys=()=>Object.keys(n),i.id=20534,e.exports=i},25561:(e,s,o)=>{"use strict";o.r(s),o.d(s,{componentsThemeManager:()=>n});const n=new class{static mountOnPropName="DescopeThemeManager";#e={};#s="light";#o=new Set;#n(){this.#o.forEach((e=>e?.()))}get currentThemeName(){return this.#s}set currentThemeName(e){this.#s=e,this.#n()}get currentTheme(){return this.#e[this.currentThemeName]}onCurrentThemeChange(e){return this.#o.add(e),()=>{this.#o.delete(e)}}set themes(e){this.#e=e,this.#n()}get hasThemes(){return!!Object.keys(this.#e).length}}},7507:(e,s,o)=>{const{componentsThemeManager:n}=o(25561),i=o(20534);e.exports=i.keys().reduce(((e,s)=>{const o=s.replace(/.*?([^\/]+)\/index\.js$/,"$1");return o.endsWith("-internal")||(e[o]=()=>i(s)),e}),{}),e.exports.componentsThemeManager=n}},i={};function d(e){var s=i[e];if(void 0!==s)return s.exports;var o=i[e]={exports:{}};return n[e](o,o.exports,d),o.exports}d.m=n,e=[],d.O=(s,o,n,i)=>{if(!o){var t=1/0;for(a=0;a<e.length;a++){for(var[o,n,i]=e[a],p=!0,c=0;c<o.length;c++)(!1&i||t>=i)&&Object.keys(d.O).every((e=>d.O[e](o[c])))?o.splice(c--,1):(p=!1,i<t&&(t=i));if(p){e.splice(a--,1);var r=n();void 0!==r&&(s=r)}}return s}i=i||0;for(var a=e.length;a>0&&e[a-1][2]>i;a--)e[a]=e[a-1];e[a]=[o,n,i]},d.F={},d.E=e=>{Object.keys(d.F).map((s=>{d.F[s](e)}))},d.n=e=>{var s=e&&e.__esModule?()=>e.default:()=>e;return d.d(s,{a:s}),s},d.d=(e,s)=>{for(var o in s)d.o(s,o)&&!d.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:s[o]})},d.f={},d.e=e=>Promise.all(Object.keys(d.f).reduce(((s,o)=>(d.f[o](e,s),s)),[])),d.u=e=>(({58:"descope-link-index-js",769:"boolean-fields-descope-boolean-field-internal-index-js",869:"descope-notp-image-index-js",939:"descope-passcode-index-js",964:"descope-recaptcha-index-js",1711:"descope-user-auth-method-index-js",1722:"descope-user-attribute-index-js",1841:"descope-passcode-descope-passcode-internal-index-js",1842:"descope-new-password-descope-new-password-internal-index-js",1984:"descope-logo-index-js",2142:"descope-number-field-index-js",2313:"button-selection-group-fields-descope-button-selection-group-internal-index-js",2528:"descope-text-index-js",2861:"button-selection-group-fields-descope-button-selection-group-index-js",2934:"descope-text-field-index-js",3072:"descope-loader-radial-index-js",3172:"mapping-fields-descope-mappings-field-descope-mapping-item-index-js",3322:"descope-text-area-index-js",3705:"descope-grid-descope-grid-text-column-index-js",3726:"boolean-fields-descope-checkbox-index-js",3840:"descope-multi-select-combo-box-index-js",4178:"descope-divider-index-js",4348:"descope-icon-index-js",4483:"boolean-fields-descope-switch-toggle-index-js",4570:"descope-policy-validation-index-js",4641:"descope-modal-index-js",4981:"phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js",5119:"phone-fields-descope-phone-input-box-field-index-js",5130:"mapping-fields-descope-mappings-field-descope-mappings-field-internal-index-js",5158:"descope-enriched-text-index-js",5263:"button-selection-group-fields-descope-button-multi-selection-group-index-js",5364:"descope-totp-image-index-js",5874:"descope-upload-file-index-js",5988:"descope-grid-descope-grid-custom-column-index-js",6453:"descope-loader-linear-index-js",6656:"button-selection-group-fields-descope-button-selection-group-item-index-js",6772:"descope-image-index-js",7055:"descope-new-password-index-js",7317:"descope-container-index-js",7401:"descope-notification-descope-notification-card-index-js",7487:"descope-grid-descope-grid-selection-column-index-js",8012:"descope-badge-index-js",8017:"descope-date-picker-index-js",8106:"descope-password-index-js",8807:"descope-code-snippet-index-js",8873:"descope-avatar-index-js",9034:"descope-radio-group-index-js",9122:"button-selection-group-fields-descope-button-multi-selection-group-internal-index-js",9288:"phone-fields-descope-phone-field-descope-phone-field-internal-index-js",9299:"mapping-fields-descope-mappings-field-index-js",9461:"descope-grid-index-js",9476:"mapping-fields-descope-saml-group-mappings-index-js",9483:"descope-combo-box-index-js",9655:"descope-notification-index-js",9656:"mapping-fields-descope-saml-group-mappings-descope-saml-group-mappings-internal-index-js",9662:"descope-button-index-js",9760:"descope-email-field-index-js",9806:"phone-fields-descope-phone-field-index-js"}[e]||e)+".js"),d.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),d.o=(e,s)=>Object.prototype.hasOwnProperty.call(e,s),s={},o="@descope/web-components-ui:",d.l=(e,n,i,t)=>{if(s[e])s[e].push(n);else{var p,c;if(void 0!==i)for(var r=document.getElementsByTagName("script"),a=0;a<r.length;a++){var l=r[a];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==o+i){p=l;break}}p||(c=!0,(p=document.createElement("script")).charset="utf-8",p.timeout=120,d.nc&&p.setAttribute("nonce",d.nc),p.setAttribute("data-webpack",o+i),p.src=e),s[e]=[n];var u=(o,n)=>{p.onerror=p.onload=null,clearTimeout(x);var i=s[e];if(delete s[e],p.parentNode&&p.parentNode.removeChild(p),i&&i.forEach((e=>e(n))),o)return o(n)},x=setTimeout(u.bind(null,void 0,{type:"timeout",target:p}),12e4);p.onerror=u.bind(null,p.onerror),p.onload=u.bind(null,p.onload),c&&document.head.appendChild(p)}},d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;d.g.importScripts&&(e=d.g.location+"");var s=d.g.document;if(!e&&s&&(s.currentScript&&(e=s.currentScript.src),!e)){var o=s.getElementsByTagName("script");if(o.length)for(var n=o.length-1;n>-1&&!e;)e=o[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),d.p=e})(),(()=>{var e={5524:0};d.f.j=(s,o)=>{var n=d.o(e,s)?e[s]:void 0;if(0!==n)if(n)o.push(n[2]);else{var i=new Promise(((o,i)=>n=e[s]=[o,i]));o.push(n[2]=i);var t=d.p+d.u(s),p=new Error;d.l(t,(o=>{if(d.o(e,s)&&(0!==(n=e[s])&&(e[s]=void 0),n)){var i=o&&("load"===o.type?"missing":o.type),t=o&&o.target&&o.target.src;p.message="Loading chunk "+s+" failed.\n("+i+": "+t+")",p.name="ChunkLoadError",p.type=i,p.request=t,n[1](p)}}),"chunk-"+s,s)}},d.F.j=s=>{if(!d.o(e,s)||void 0===e[s]){e[s]=null;var o=document.createElement("link");d.nc&&o.setAttribute("nonce",d.nc),o.rel="prefetch",o.as="script",o.href=d.p+d.u(s),document.head.appendChild(o)}},d.O.j=s=>0===e[s];var s=(s,o)=>{var n,i,[t,p,c]=o,r=0;if(t.some((s=>0!==e[s]))){for(n in p)d.o(p,n)&&(d.m[n]=p[n]);if(c)var a=c(d)}for(s&&s(o);r<t.length;r++)i=t[r],d.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return d.O(a)},o=self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[];o.forEach(s.bind(null,0)),o.push=s.bind(null,o.push.bind(o))})(),d.O(0,[5524],(()=>{[5910,4978,769,7531,2362,602,8137,1224,8191,3726,4483,9122,4024,5263,2313,6656,2861,4746,7911,6594,4028,8873,8012,9662,637,8807,3830,8866,9483,7317,9092,8017,4178,9760,4569,5158,5517,5988,7487,3705,5135,9461,4348,6772,58,6453,3072,1984,9314,4641,1438,3840,1842,7056,7055,3951,7401,9655,869,5806,2142,1841,939,8106,4570,7284,9034,964,6770,3322,2934,2528,5364,4052,5874,1612,1722,9562,1711,3172,5130,9423,9299,9656,9476,63,4392,9288,9806,4981,7164,5119].map(d.E)}),5);var t=d(7507);return d.O(t)})()));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*! For license information please see phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4981],{41377:(t,e,n)=>{n.d(e,{Z:()=>d,f:()=>s});var i=n(73878),a=n(54567),r=n(16418);const s=(0,a.iY)("phone-field-internal-input-box"),l=["disabled","size","bordered","invalid","readonly","phone-input-placeholder","name","autocomplete"],u={"phone-input-placeholder":"placeholder"},o=(0,i.P)({componentName:s,baseSelector:"div"}),d=class extends o{static get observedAttributes(){return[].concat(o.observedAttributes||[],l)}constructor(){super(),this.innerHTML='\n <div>\n <descope-text-field tabindex="1" external-input="true"></descope-text-field>\n </div>\n ',this.phoneNumberInput=this.querySelector("descope-text-field")}get defaultCountryCode(){return(0,r.g)(this.getAttribute("default-code"))}get hasDefaultCode(){return!!this.getAttribute("default-code")}get value(){if(!this.phoneNumberValue)return"";if(this.hasDefaultCode){const t=new RegExp(`\\+?${parseInt(this.defaultCountryCode,10)}--?`);return`${this.defaultCountryCode}-${this.phoneNumberInput.value.replace(t,"")}`}return this.phoneNumberInput.value}set value(t){this.phoneNumberInput.value=t}get phoneNumberValue(){return this.phoneNumberInput.value}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}getValidity(){const t=this.value.replace(/\D/g,"");return this.isRequired&&!this.value?{valueMissing:!0}:t.length<this.minLength?{tooShort:!0}:t.length>this.maxLength?{tooLong:!0}:/^\+?\d{1,4}-?(?:\d-?){1,15}$/.test(this.value)?{}:{patternMismatch:!0}}init(){this.addEventListener("focus",(t=>{t.isTrusted&&this.phoneNumberInput.focus()})),super.init?.(),this.initInputs()}getCountryByDialCode(t){return this.countryCodeInput.items?.find((e=>e.getAttribute("data-country-code")===t))}initInputs(){this.phoneNumberInput.addEventListener("input",(t=>{1===t.target.value.length&&"-"===t.target.value&&(t.target.value=""),t.target.value=t.target.value.replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+");const e=/^[+\d-]+$/,n=t.target.value.split("").filter((t=>e.test(t))).join("");t.target.value=n})),this.handleFocusEventsDispatching([this.phoneNumberInput]),this.handleInputEventDispatching()}attributeChangedCallback(t,e,n){if(super.attributeChangedCallback(t,e,n),e!==n&&l.includes(t)){const e=u[t]||t;this.phoneNumberInput.setAttribute(e,n)}}}},83067:(t,e,n)=>{n.r(e),n(19357);var i=n(41377);customElements.define(i.f,i.Z)},16418:(t,e,n)=>{n.d(e,{g:()=>a});var i=n(87262);const a=t=>i.Z.find((e=>e.code===t))?.dialCode},73208:(t,e,n)=>{n.d(e,{b:()=>a});var i=n(
|
|
2
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4981],{41377:(t,e,n)=>{n.d(e,{Z:()=>d,f:()=>s});var i=n(73878),a=n(54567),r=n(16418);const s=(0,a.iY)("phone-field-internal-input-box"),l=["disabled","size","bordered","invalid","readonly","phone-input-placeholder","name","autocomplete"],u={"phone-input-placeholder":"placeholder"},o=(0,i.P)({componentName:s,baseSelector:"div"}),d=class extends o{static get observedAttributes(){return[].concat(o.observedAttributes||[],l)}constructor(){super(),this.innerHTML='\n <div>\n <descope-text-field tabindex="1" external-input="true"></descope-text-field>\n </div>\n ',this.phoneNumberInput=this.querySelector("descope-text-field")}get defaultCountryCode(){return(0,r.g)(this.getAttribute("default-code"))}get hasDefaultCode(){return!!this.getAttribute("default-code")}get value(){if(!this.phoneNumberValue)return"";if(this.hasDefaultCode){const t=new RegExp(`\\+?${parseInt(this.defaultCountryCode,10)}--?`);return`${this.defaultCountryCode}-${this.phoneNumberInput.value.replace(t,"")}`}return this.phoneNumberInput.value}set value(t){this.phoneNumberInput.value=t}get phoneNumberValue(){return this.phoneNumberInput.value}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}getValidity(){const t=this.value.replace(/\D/g,"");return this.isRequired&&!this.value?{valueMissing:!0}:t.length<this.minLength?{tooShort:!0}:t.length>this.maxLength?{tooLong:!0}:/^\+?\d{1,4}-?(?:\d-?){1,15}$/.test(this.value)?{}:{patternMismatch:!0}}init(){this.addEventListener("focus",(t=>{t.isTrusted&&this.phoneNumberInput.focus()})),super.init?.(),this.initInputs()}getCountryByDialCode(t){return this.countryCodeInput.items?.find((e=>e.getAttribute("data-country-code")===t))}initInputs(){this.phoneNumberInput.addEventListener("input",(t=>{1===t.target.value.length&&"-"===t.target.value&&(t.target.value=""),t.target.value=t.target.value.replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+");const e=/^[+\d-]+$/,n=t.target.value.split("").filter((t=>e.test(t))).join("");t.target.value=n})),this.handleFocusEventsDispatching([this.phoneNumberInput]),this.handleInputEventDispatching()}attributeChangedCallback(t,e,n){if(super.attributeChangedCallback(t,e,n),e!==n&&l.includes(t)){const e=u[t]||t;this.phoneNumberInput.setAttribute(e,n)}}}},83067:(t,e,n)=>{n.r(e),n(19357);var i=n(41377);customElements.define(i.f,i.Z)},16418:(t,e,n)=>{n.d(e,{g:()=>a});var i=n(87262);const a=t=>i.Z.find((e=>e.code===t))?.dialCode},73208:(t,e,n)=>{n.d(e,{b:()=>a});var i=n(78591);class a extends i.n{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})}}},20422:(t,e,n)=>{n.d(e,{j:()=>a});var i=n(73406);const a=t=>class extends((0,i.L)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},18005:(t,e,n)=>{n.d(e,{n:()=>c}),n(13553);var i=n(74241),a=n(52807),r=n(12521),s=n(34463),l=n(62743),u=n(46570),o=n(73208),d=n(20422),p=n(46729);const h=t=>class extends((0,d.j)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new o.b(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new p.v(this.inputElement,this._labelController))}};(0,u.hC)("vaadin-text-field",l.J,{moduleId:"vaadin-text-field-styles"});class c extends(h((0,u.Tb)((0,r.S)(i.H3)))){static get is(){return"vaadin-text-field"}static get template(){return i.dy`
|
|
3
3
|
<style>
|
|
4
4
|
[part='input-field'] {
|
|
5
5
|
flex-grow: 0;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@descope/web-components-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.321",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/cjs/index.cjs.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -98,6 +98,7 @@
|
|
|
98
98
|
"@vaadin/notification": "24.3.4",
|
|
99
99
|
"@vaadin/number-field": "24.3.4",
|
|
100
100
|
"@vaadin/password-field": "24.3.4",
|
|
101
|
+
"@vaadin/radio-group": "24.3.4",
|
|
101
102
|
"@vaadin/text-area": "24.3.4",
|
|
102
103
|
"@vaadin/text-field": "24.3.4",
|
|
103
104
|
"color": "^4.2.3",
|
|
@@ -42,6 +42,8 @@ const customMixin = (superclass) =>
|
|
|
42
42
|
// create external input
|
|
43
43
|
const externalInput = createExternalInputEle('external-input', this.getAutocompleteType());
|
|
44
44
|
|
|
45
|
+
this.handlePasswordVisibility(externalInput);
|
|
46
|
+
|
|
45
47
|
// apply original input's styles to external input
|
|
46
48
|
setTimeout(() => {
|
|
47
49
|
applyExternalInputStyles(origInput, externalInput);
|
|
@@ -52,6 +54,7 @@ const customMixin = (superclass) =>
|
|
|
52
54
|
|
|
53
55
|
// sync input stateful attributes: `type` (for visibility state change) and `readonly`
|
|
54
56
|
syncAttrs(origInput, externalInput, { includeAttrs: ['type', 'readonly'] });
|
|
57
|
+
syncAttrs(this, externalInput, { includeAttrs: ['focused'] });
|
|
55
58
|
|
|
56
59
|
origInput.addEventListener('focus', (e) => {
|
|
57
60
|
e.preventDefault();
|
|
@@ -69,6 +72,59 @@ const customMixin = (superclass) =>
|
|
|
69
72
|
this.appendChild(externalInput);
|
|
70
73
|
}
|
|
71
74
|
|
|
75
|
+
// override vaadin's password visibility toggle.
|
|
76
|
+
// we need this override in order to to resolve the external input `focus` race condition,
|
|
77
|
+
// which is caused due to the focus sync between the two inputs.
|
|
78
|
+
handlePasswordVisibility(externalInput) {
|
|
79
|
+
// disable vaadin's `__boundRevealButtonMouseDown` mouse-down event lisetener
|
|
80
|
+
const origBoundRevealButtonMouseDown = this.baseElement.__boundRevealButtonMouseDown;
|
|
81
|
+
this.baseElement
|
|
82
|
+
.querySelector('vaadin-password-field-button')
|
|
83
|
+
.removeEventListener('mousedown', origBoundRevealButtonMouseDown);
|
|
84
|
+
|
|
85
|
+
// disable vaadin's `_passwordVisibleChanged` observer
|
|
86
|
+
this.baseElement._passwordVisibleChanged = () => {};
|
|
87
|
+
|
|
88
|
+
// override vaadin's `_togglePasswordVisibility`
|
|
89
|
+
this.baseElement._togglePasswordVisibility = () => {
|
|
90
|
+
const currVisibility = externalInput.getAttribute('type');
|
|
91
|
+
if (currVisibility === 'password') {
|
|
92
|
+
this.showPasswordVisibility(externalInput);
|
|
93
|
+
} else {
|
|
94
|
+
this.hidePasswordVisibility(externalInput);
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
// on component blur, if password is revealed - hide it
|
|
99
|
+
// this behaves differently from vaadin's focus handling, and checks if the blur takes the component out of focus
|
|
100
|
+
// (which menas the click was made outside the component) or if the blur was called due to clicking the Reveal Button
|
|
101
|
+
// and then focusing in the input again
|
|
102
|
+
this.addEventListener('blur', () => {
|
|
103
|
+
setTimeout(() => {
|
|
104
|
+
const isHiddenAndFocused =
|
|
105
|
+
externalInput.getAttribute('type') !== 'password' &&
|
|
106
|
+
externalInput.getAttribute('focused') !== 'true';
|
|
107
|
+
if (isHiddenAndFocused) {
|
|
108
|
+
this.hidePasswordVisibility(externalInput);
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
hidePasswordVisibility(input) {
|
|
115
|
+
// handle input element's type
|
|
116
|
+
input.setAttribute('type', 'password');
|
|
117
|
+
// handle vaadin's `password-visible` attribute
|
|
118
|
+
this.setAttribute('password-visible', 'false');
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
showPasswordVisibility(input) {
|
|
122
|
+
// handle input element's type
|
|
123
|
+
input.setAttribute('type', 'text');
|
|
124
|
+
// handle vaadin's `password-visible` attribute
|
|
125
|
+
this.setAttribute('password-visible', 'true');
|
|
126
|
+
}
|
|
127
|
+
|
|
72
128
|
getAutocompleteType() {
|
|
73
129
|
return this.getAttribute('autocomplete') || 'current-password';
|
|
74
130
|
}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { compose } from '../../helpers';
|
|
2
|
+
import { getComponentName, observeChildren } from '../../helpers/componentHelpers';
|
|
3
|
+
import {
|
|
4
|
+
componentNameValidationMixin,
|
|
5
|
+
createProxy,
|
|
6
|
+
createStyleMixin,
|
|
7
|
+
proxyInputMixin,
|
|
8
|
+
} from '../../mixins';
|
|
9
|
+
|
|
10
|
+
export const componentName = getComponentName('radio-button');
|
|
11
|
+
|
|
12
|
+
const customMixin = (superclass) =>
|
|
13
|
+
class CustomMixin extends superclass {
|
|
14
|
+
constructor() {
|
|
15
|
+
super();
|
|
16
|
+
|
|
17
|
+
this.baseElement.checkValidity = () => {};
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
init() {
|
|
21
|
+
// we are forwarding vaadin checked-changed event
|
|
22
|
+
this.baseElement.addEventListener('checked-changed', (e) => {
|
|
23
|
+
this.dispatchEvent(
|
|
24
|
+
new CustomEvent(
|
|
25
|
+
'checked-changed',
|
|
26
|
+
{ detail: e.detail },
|
|
27
|
+
{ bubbles: true, composed: true }
|
|
28
|
+
)
|
|
29
|
+
);
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
super.init?.();
|
|
33
|
+
|
|
34
|
+
observeChildren(this, this.renderLabel.bind(this));
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
renderLabel() {
|
|
38
|
+
this.baseElement.setAttribute('label', this.textContent);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
get value() {
|
|
42
|
+
return this.getAttribute('value');
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
export const RadioButtonClass = compose(
|
|
47
|
+
createStyleMixin({
|
|
48
|
+
mappings: {
|
|
49
|
+
cursor: [{}, { selector: 'label' }],
|
|
50
|
+
fontSize: [{ selector: 'label' }, {}],
|
|
51
|
+
labelTextColor: { selector: 'label', property: 'color' },
|
|
52
|
+
fontFamily: { selector: 'label' },
|
|
53
|
+
radioSize: [
|
|
54
|
+
{ selector: '::part(radio)', property: 'height' },
|
|
55
|
+
{ selector: '::part(radio)', property: 'width' },
|
|
56
|
+
],
|
|
57
|
+
radioBackgroundColor: { selector: '::part(radio)', property: 'background-color' },
|
|
58
|
+
radioMargin: { selector: '::part(radio)', property: 'margin' },
|
|
59
|
+
radioCheckedSize: { selector: '::part(radio)::after', property: 'border-width' },
|
|
60
|
+
radioCheckedColor: { selector: '::part(radio)::after', property: 'border-color' },
|
|
61
|
+
},
|
|
62
|
+
}),
|
|
63
|
+
proxyInputMixin({ proxyProps: ['setSelectionRange'] }),
|
|
64
|
+
componentNameValidationMixin,
|
|
65
|
+
customMixin
|
|
66
|
+
)(
|
|
67
|
+
createProxy({
|
|
68
|
+
slots: [''],
|
|
69
|
+
wrappedEleName: 'vaadin-radio-button',
|
|
70
|
+
excludeAttrsSync: ['tabindex', 'data'],
|
|
71
|
+
includeForwardProps: ['checked', 'name', 'disabled'],
|
|
72
|
+
componentName,
|
|
73
|
+
})
|
|
74
|
+
);
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
import { compose } from '../../helpers';
|
|
2
|
+
import {
|
|
3
|
+
forwardAttrs,
|
|
4
|
+
getComponentName,
|
|
5
|
+
observeAttributes,
|
|
6
|
+
observeChildren,
|
|
7
|
+
} from '../../helpers/componentHelpers';
|
|
8
|
+
import { resetInputLabelPosition } from '../../helpers/themeHelpers/resetHelpers';
|
|
9
|
+
import {
|
|
10
|
+
componentNameValidationMixin,
|
|
11
|
+
createProxy,
|
|
12
|
+
createStyleMixin,
|
|
13
|
+
draggableMixin,
|
|
14
|
+
proxyInputMixin,
|
|
15
|
+
} from '../../mixins';
|
|
16
|
+
import textFieldMappings from '../descope-text-field/textFieldMappings';
|
|
17
|
+
import { componentName as childNodeName, RadioButtonClass } from './RadioButtonClass';
|
|
18
|
+
|
|
19
|
+
export const componentName = getComponentName('radio-group');
|
|
20
|
+
|
|
21
|
+
const RadioGroupMixin = (superclass) =>
|
|
22
|
+
class RadioGroupMixinClass extends superclass {
|
|
23
|
+
// eslint-disable-next-line class-methods-use-this
|
|
24
|
+
#renderItem = ({ value, label }) =>
|
|
25
|
+
`<descope-radio-button value="${value}">${label}</descope-radio-button>`;
|
|
26
|
+
|
|
27
|
+
#data;
|
|
28
|
+
|
|
29
|
+
constructor() {
|
|
30
|
+
super();
|
|
31
|
+
|
|
32
|
+
// we are overriding vaadin children getter so it will run on our custom elements
|
|
33
|
+
Object.defineProperty(this.baseElement, 'children', {
|
|
34
|
+
get: () => this.querySelectorAll(childNodeName),
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
// we are overriding vaadin __filterRadioButtons so it will run on our custom elements
|
|
38
|
+
this.baseElement.__filterRadioButtons = (nodes) => {
|
|
39
|
+
return nodes.filter((node) => node.localName === childNodeName);
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
// vaadin radio group missing some input properties
|
|
43
|
+
this.baseElement.setCustomValidity = () => {};
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
get items() {
|
|
47
|
+
return this.shadowRoot.querySelector('slot').assignedElements();
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
get size() {
|
|
51
|
+
return this.getAttribute('size');
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
get data() {
|
|
55
|
+
if (this.#data) return this.#data;
|
|
56
|
+
|
|
57
|
+
const dataAttr = this.getAttribute('data');
|
|
58
|
+
|
|
59
|
+
if (dataAttr) {
|
|
60
|
+
try {
|
|
61
|
+
const data = JSON.parse(dataAttr);
|
|
62
|
+
if (this.isValidDataType(data)) {
|
|
63
|
+
return data;
|
|
64
|
+
}
|
|
65
|
+
} catch (e) {
|
|
66
|
+
// eslint-disable-next-line no-console
|
|
67
|
+
console.error('could not parse data string from attribute "data" - ', e.message);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
return [];
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
set data(data) {
|
|
75
|
+
if (this.isValidDataType(data)) {
|
|
76
|
+
this.#data = data;
|
|
77
|
+
this.renderItems();
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
get defaultValue() {
|
|
82
|
+
return this.getAttribute('default-value');
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
// eslint-disable-next-line class-methods-use-this
|
|
86
|
+
isValidDataType(data) {
|
|
87
|
+
const isValid = Array.isArray(data);
|
|
88
|
+
if (!isValid) {
|
|
89
|
+
// eslint-disable-next-line no-console
|
|
90
|
+
console.error('data must be an array, received:', data);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
return isValid;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
getItemsTemplate() {
|
|
97
|
+
return this.data?.reduce?.((acc, item) => acc + (this.#renderItem?.(item || {}) || ''), '');
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
renderItems() {
|
|
101
|
+
const template = this.getItemsTemplate();
|
|
102
|
+
if (template) this.innerHTML = template;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
init() {
|
|
106
|
+
super.init?.();
|
|
107
|
+
|
|
108
|
+
this.inputElement = this.baseElement;
|
|
109
|
+
|
|
110
|
+
this.renderItems();
|
|
111
|
+
|
|
112
|
+
observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });
|
|
113
|
+
|
|
114
|
+
Object.defineProperty(this.baseElement, 'validity', {
|
|
115
|
+
get: () => {
|
|
116
|
+
return { valueMissing: !this.baseElement.checkValidity() };
|
|
117
|
+
},
|
|
118
|
+
});
|
|
119
|
+
|
|
120
|
+
forwardAttrs(this, this.baseElement, {
|
|
121
|
+
includeAttrs: ['layout'],
|
|
122
|
+
mapAttrs: { layout: 'theme' },
|
|
123
|
+
});
|
|
124
|
+
|
|
125
|
+
setTimeout(() => {
|
|
126
|
+
if (this.defaultValue) {
|
|
127
|
+
this.value = this.defaultValue;
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
|
|
131
|
+
// we want new items to get the size
|
|
132
|
+
observeChildren(this, ({ addedNodes }) => {
|
|
133
|
+
addedNodes.forEach((node) => {
|
|
134
|
+
node.setAttribute('size', this.size);
|
|
135
|
+
});
|
|
136
|
+
});
|
|
137
|
+
|
|
138
|
+
observeAttributes(
|
|
139
|
+
this,
|
|
140
|
+
() => {
|
|
141
|
+
this.items.forEach((item) => {
|
|
142
|
+
item.setAttribute('size', this.size);
|
|
143
|
+
});
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
includeAttrs: ['size'],
|
|
147
|
+
}
|
|
148
|
+
);
|
|
149
|
+
}
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
export const RadioGroupClass = compose(
|
|
153
|
+
createStyleMixin({
|
|
154
|
+
mappings: {
|
|
155
|
+
...textFieldMappings,
|
|
156
|
+
buttonsSpacing: { selector: '::part(group-field)', property: 'justify-content' },
|
|
157
|
+
buttonsRowGap: { selector: '::part(group-field)', property: 'row-gap' },
|
|
158
|
+
buttonsColumnGap: { selector: '::part(group-field)', property: 'column-gap' },
|
|
159
|
+
itemsLabelColor: {
|
|
160
|
+
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
|
161
|
+
property: RadioButtonClass.cssVarList.labelTextColor,
|
|
162
|
+
},
|
|
163
|
+
},
|
|
164
|
+
}),
|
|
165
|
+
draggableMixin,
|
|
166
|
+
proxyInputMixin({ proxyProps: ['setSelectionRange'] }),
|
|
167
|
+
componentNameValidationMixin,
|
|
168
|
+
RadioGroupMixin
|
|
169
|
+
)(
|
|
170
|
+
createProxy({
|
|
171
|
+
slots: ['', 'prefix'],
|
|
172
|
+
wrappedEleName: 'vaadin-radio-group',
|
|
173
|
+
style: () => `
|
|
174
|
+
:host {
|
|
175
|
+
display: inline-block;
|
|
176
|
+
max-width: 100%;
|
|
177
|
+
box-sizing: border-box;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
vaadin-radio-group {
|
|
181
|
+
padding: 0;
|
|
182
|
+
width: 100%;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
${resetInputLabelPosition('vaadin-radio-group')}
|
|
186
|
+
`,
|
|
187
|
+
|
|
188
|
+
excludeAttrsSync: ['tabindex', 'size', 'data', 'direction'],
|
|
189
|
+
componentName,
|
|
190
|
+
includeForwardProps: ['value'],
|
|
191
|
+
})
|
|
192
|
+
);
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { componentName as groupComponentName, RadioGroupClass } from './RadioGroupClass';
|
|
2
|
+
import { componentName as buttonComponentName, RadioButtonClass } from './RadioButtonClass';
|
|
3
|
+
import '@vaadin/radio-group';
|
|
4
|
+
|
|
5
|
+
customElements.define(groupComponentName, RadioGroupClass);
|
|
6
|
+
customElements.define(buttonComponentName, RadioButtonClass);
|
|
7
|
+
|
|
8
|
+
export { RadioGroupClass };
|
package/src/index.cjs.js
CHANGED
|
@@ -45,3 +45,5 @@ export { MappingsFieldClass } from './components/mapping-fields/descope-mappings
|
|
|
45
45
|
export { SamlGroupMappingsClass } from './components/mapping-fields/descope-saml-group-mappings/SamlGroupMappingsClass';
|
|
46
46
|
export { PolicyValidationClass } from './components/descope-policy-validation/PolicyValidationClass';
|
|
47
47
|
export { CodeSnippetClass } from './components/descope-code-snippet/CodeSnippetClass';
|
|
48
|
+
export { RadioGroupClass } from './components/descope-radio-group/RadioGroupClass';
|
|
49
|
+
export { RadioButtonClass } from './components/descope-radio-group/RadioButtonClass';
|
package/src/index.js
CHANGED
|
@@ -40,6 +40,7 @@ export * from './components/descope-user-auth-method';
|
|
|
40
40
|
export * from './components/mapping-fields/descope-saml-group-mappings';
|
|
41
41
|
export * from './components/descope-policy-validation';
|
|
42
42
|
export * from './components/descope-code-snippet';
|
|
43
|
+
export * from './components/descope-radio-group';
|
|
43
44
|
|
|
44
45
|
export {
|
|
45
46
|
globalsThemeToStyle,
|
|
@@ -39,6 +39,8 @@ import * as samlGroupMappings from './samlGroupMappings';
|
|
|
39
39
|
import * as policyValidation from './policyValidation';
|
|
40
40
|
import * as icon from './icon';
|
|
41
41
|
import * as codeSnippet from './codeSnippet';
|
|
42
|
+
import * as radioGroup from './radioGroup/radioGroup';
|
|
43
|
+
import * as radioButton from './radioGroup/radioButton';
|
|
42
44
|
|
|
43
45
|
const components = {
|
|
44
46
|
button,
|
|
@@ -83,6 +85,8 @@ const components = {
|
|
|
83
85
|
policyValidation,
|
|
84
86
|
icon,
|
|
85
87
|
codeSnippet,
|
|
88
|
+
radioGroup,
|
|
89
|
+
radioButton,
|
|
86
90
|
};
|
|
87
91
|
|
|
88
92
|
const theme = Object.keys(components).reduce(
|