@descope/web-components-ui 1.0.221 → 1.0.223

package/dist/umd/index.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.DescopeUI=o():e.DescopeUI=o()}(self,(()=>(()=>{var e,o,n,s={534:(e,o,n)=>{var s={"./boolean-fields/descope-boolean-field-internal/index.js":[6676,5910,1e3,3878,769],"./boolean-fields/descope-checkbox/index.js":[3483,5910,1852,6116,3208,422,8725,1224,9789,9515,1e3,4201,3878,769,4803,3726],"./boolean-fields/descope-switch-toggle/index.js":[9203,5910,1852,6116,3208,422,8725,1224,9789,9515,1e3,4201,3878,769,4803,4483],"./descope-button-selection-group/descope-button-selection-group-internal/index.js":[8460,5910,1852,1224,9211,4513,729,1e3,3878,9662,1348],"./descope-button-selection-group/descope-button-selection-group-item/index.js":[7901,5910,1852,1224,9211,4513,729,1e3,9662,206],"./descope-button-selection-group/index.js":[8086,5910,1852,1224,9211,4513,729,1e3,4201,3878,9662,1348,6699],"./descope-button/index.js":[2018,5910,1852,1224,9211,4513,729,1e3,9662],"./descope-combo-box/index.js":[1294,5910,1852,6116,3208,4767,1883,1e3,4201,9483],"./descope-container/index.js":[7107,5910,1e3,7317],"./descope-date-picker/index.js":[2552,5910,1852,6116,3208,1224,9211,4513,4767,1990,1e3,8017],"./descope-divider/index.js":[6162,5910,1e3,2528,4178],"./descope-email-field/index.js":[1272,5910,1852,6116,3208,422,8725,9437,1e3,4201,4447,9760],"./descope-image/index.js":[8278,5910,1e3,6772],"./descope-link/index.js":[5846,5910,1e3,2528,58],"./descope-loader-linear/index.js":[7845,5910,1e3,6453],"./descope-loader-radial/index.js":[2797,5910,1e3,3072],"./descope-logo/index.js":[1034,5910,1e3,3585,1984],"./descope-new-password/descope-new-password-internal/index.js":[1545,5910,1e3,4201,3878,2481,1842],"./descope-new-password/index.js":[8974,5910,1852,6116,3208,422,8725,1224,9789,9211,7056,1e3,4201,3878,4447,2934,2481,1842,8106,7055],"./descope-number-field/index.js":[6916,5910,1852,6116,3208,422,5806,1e3,4201,4447,2142],"./descope-passcode/descope-passcode-internal/index.js":[4775,5910,1e3,3878,1841],"./descope-passcode/index.js":[4919,5910,1852,6116,3208,422,8725,9789,1e3,4201,3878,4447,2934,1841,939],"./descope-password/index.js":[9279,5910,1852,6116,3208,422,8725,1224,9211,7056,1e3,4201,2481,8106],"./descope-recaptcha/index.js":[8164,5910,1e3,964],"./descope-text-area/index.js":[1962,5910,1852,6116,422,7101,1e3,4201,3322],"./descope-text-field/index.js":[9357,5910,1852,6116,3208,422,8725,9789,1e3,4201,4447,2934],"./descope-text/index.js":[1876,5910,1e3,2528],"./descope-totp-image/index.js":[1331,5910,1e3,3585,5364],"./descope-upload-file/index.js":[6667,5910,1852,1224,9211,4513,729,1e3,3878,9662,5874],"./phone-fields/descope-phone-field/descope-phone-field-internal/index.js":[9240,5910,1852,6116,3208,422,8725,9789,4767,1883,1e3,4201,3878,4447,2934,7262,9483,9288],"./phone-fields/descope-phone-field/index.js":[6581,5910,1852,6116,3208,422,8725,9789,4767,1883,1e3,4201,3878,4447,2934,7262,9483,9288,9806],"./phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/index.js":[3067,5910,1852,6116,3208,422,8725,9789,1e3,4201,3878,4447,2934,7262,4981],"./phone-fields/descope-phone-input-box-field/index.js":[9423,5910,1852,6116,3208,422,8725,9789,4767,1883,1e3,4201,3878,4447,2934,7262,9483,4981,5119]};function t(e){if(!n.o(s,e))return Promise.resolve().then((()=>{var o=new Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}));var o=s[e],t=o[0];return Promise.all(o.slice(1).map(n.e)).then((()=>n(t)))}t.keys=()=>Object.keys(s),t.id=534,e.exports=t},5561:(e,o,n)=>{"use strict";n.r(o),n.d(o,{componentsThemeManager:()=>s});const s=new class{static mountOnPropName="DescopeThemeManager";#e={};#o="light";#n=new Set;#s(){this.#n.forEach((e=>e?.()))}get currentThemeName(){return this.#o}set currentThemeName(e){this.#o=e,this.#s()}get currentTheme(){return this.#e[this.currentThemeName]}onCurrentThemeChange(e){return this.#n.add(e),()=>{this.#n.delete(e)}}set themes(e){this.#e=e,this.#s()}}},7507:(e,o,n)=>{const{componentsThemeManager:s}=n(5561),t=n(534);e.exports=t.keys().reduce(((e,o)=>{const n=o.replace(/.*?([^\/]+)\/index\.js$/,"$1");return n.endsWith("-internal")||(e[n]=()=>t(o)),e}),{}),e.exports.componentsThemeManager=s}},t={};function d(e){var o=t[e];if(void 0!==o)return o.exports;var n=t[e]={exports:{}};return s[e](n,n.exports,d),n.exports}d.m=s,e=[],d.O=(o,n,s,t)=>{if(!n){var i=1/0;for(a=0;a<e.length;a++){for(var[n,s,t]=e[a],r=!0,c=0;c<n.length;c++)(!1&t||i>=t)&&Object.keys(d.O).every((e=>d.O[e](n[c])))?n.splice(c--,1):(r=!1,t<i&&(i=t));if(r){e.splice(a--,1);var p=s();void 0!==p&&(o=p)}}return o}t=t||0;for(var a=e.length;a>0&&e[a-1][2]>t;a--)e[a]=e[a-1];e[a]=[n,s,t]},d.F={},d.E=e=>{Object.keys(d.F).map((o=>{d.F[o](e)}))},d.d=(e,o)=>{for(var n in o)d.o(o,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:o[n]})},d.f={},d.e=e=>Promise.all(Object.keys(d.f).reduce(((o,n)=>(d.f[n](e,o),o)),[])),d.u=e=>(({58:"descope-link-index-js",206:"descope-button-selection-group-descope-button-selection-group-item-index-js",769:"boolean-fields-descope-boolean-field-internal-index-js",939:"descope-passcode-index-js",964:"descope-recaptcha-index-js",1348:"descope-button-selection-group-descope-button-selection-group-internal-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",2528:"descope-text-index-js",2934:"descope-text-field-index-js",3072:"descope-loader-radial-index-js",3322:"descope-text-area-index-js",3726:"boolean-fields-descope-checkbox-index-js",4178:"descope-divider-index-js",4483:"boolean-fields-descope-switch-toggle-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",5364:"descope-totp-image-index-js",5874:"descope-upload-file-index-js",6453:"descope-loader-linear-index-js",6699:"descope-button-selection-group-index-js",6772:"descope-image-index-js",7055:"descope-new-password-index-js",7317:"descope-container-index-js",8017:"descope-date-picker-index-js",8106:"descope-password-index-js",9288:"phone-fields-descope-phone-field-descope-phone-field-internal-index-js",9483:"descope-combo-box-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,o)=>Object.prototype.hasOwnProperty.call(e,o),o={},n="DescopeUI:",d.l=(e,s,t,i)=>{if(o[e])o[e].push(s);else{var r,c;if(void 0!==t)for(var p=document.getElementsByTagName("script"),a=0;a<p.length;a++){var l=p[a];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==n+t){r=l;break}}r||(c=!0,(r=document.createElement("script")).charset="utf-8",r.timeout=120,d.nc&&r.setAttribute("nonce",d.nc),r.setAttribute("data-webpack",n+t),r.src=e),o[e]=[s];var u=(n,s)=>{r.onerror=r.onload=null,clearTimeout(f);var t=o[e];if(delete o[e],r.parentNode&&r.parentNode.removeChild(r),t&&t.forEach((e=>e(s))),n)return n(s)},f=setTimeout(u.bind(null,void 0,{type:"timeout",target:r}),12e4);r.onerror=u.bind(null,r.onerror),r.onload=u.bind(null,r.onload),c&&document.head.appendChild(r)}},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 o=d.g.document;if(!e&&o&&(o.currentScript&&(e=o.currentScript.src),!e)){var n=o.getElementsByTagName("script");if(n.length)for(var s=n.length-1;s>-1&&!e;)e=n[s--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),d.p=e})(),(()=>{var e={4826:0};d.f.j=(o,n)=>{var s=d.o(e,o)?e[o]:void 0;if(0!==s)if(s)n.push(s[2]);else{var t=new Promise(((n,t)=>s=e[o]=[n,t]));n.push(s[2]=t);var i=d.p+d.u(o),r=new Error;d.l(i,(n=>{if(d.o(e,o)&&(0!==(s=e[o])&&(e[o]=void 0),s)){var t=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;r.message="Loading chunk "+o+" failed.\n("+t+": "+i+")",r.name="ChunkLoadError",r.type=t,r.request=i,s[1](r)}}),"chunk-"+o,o)}},d.F.j=o=>{if(!d.o(e,o)||void 0===e[o]){e[o]=null;var n=document.createElement("link");d.nc&&n.setAttribute("nonce",d.nc),n.rel="prefetch",n.as="script",n.href=d.p+d.u(o),document.head.appendChild(n)}},d.O.j=o=>0===e[o];var o=(o,n)=>{var s,t,[i,r,c]=n,p=0;if(i.some((o=>0!==e[o]))){for(s in r)d.o(r,s)&&(d.m[s]=r[s]);if(c)var a=c(d)}for(o&&o(n);p<i.length;p++)t=i[p],d.o(e,t)&&e[t]&&e[t][0](),e[t]=0;return d.O(a)},n=self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[];n.forEach(o.bind(null,0)),n.push=o.bind(null,n.push.bind(n))})(),d.O(0,[4826],(()=>{[5910,1e3,3878,769,1852,6116,3208,422,8725,1224,9789,9515,4201,4803,3726,4483,9211,4513,729,9662,1348,206,6699,4767,1883,9483,7317,1990,8017,2528,4178,9437,4447,9760,6772,58,6453,3072,3585,1984,2481,1842,7056,2934,8106,7055,5806,2142,1841,939,964,7101,3322,5364,5874,7262,9288,9806,4981,5119].map(d.E)}),5);var i=d(7507);return d.O(i)})()));
+!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.DescopeUI=o():e.DescopeUI=o()}(self,(()=>(()=>{var e,o,n,s={534:(e,o,n)=>{var s={"./boolean-fields/descope-boolean-field-internal/index.js":[6676,5910,1e3,3878,769],"./boolean-fields/descope-checkbox/index.js":[3483,5910,7196,3660,1037,6116,3208,422,8725,1224,9789,9515,1e3,4201,3878,769,4803,3726],"./boolean-fields/descope-switch-toggle/index.js":[9203,5910,7196,3660,1037,6116,3208,422,8725,1224,9789,9515,1e3,4201,3878,769,4803,4483],"./descope-button-selection-group/descope-button-selection-group-internal/index.js":[8460,5910,7196,3660,1224,9211,4513,729,1e3,3878,9662,1348],"./descope-button-selection-group/descope-button-selection-group-item/index.js":[7901,5910,7196,3660,1224,9211,4513,729,1e3,9662,206],"./descope-button-selection-group/index.js":[8086,5910,7196,3660,1224,9211,4513,729,1e3,4201,3878,9662,1348,6699],"./descope-button/index.js":[2018,5910,7196,3660,1224,9211,4513,729,1e3,9662],"./descope-combo-box/index.js":[1294,5910,7196,3660,1037,6116,3208,3952,5345,262,4273,1e3,4201,9483],"./descope-container/index.js":[7107,5910,1e3,7317],"./descope-date-picker/index.js":[2552,5910,7196,3660,1037,6116,3208,1224,9211,3952,4513,5345,1990,1e3,8017],"./descope-divider/index.js":[6162,5910,1e3,2528,4178],"./descope-email-field/index.js":[1272,5910,7196,3660,1037,6116,3208,422,8725,9437,1e3,4201,4447,9760],"./descope-image/index.js":[8278,5910,1e3,6772],"./descope-link/index.js":[5846,5910,1e3,2528,58],"./descope-loader-linear/index.js":[7845,5910,1e3,6453],"./descope-loader-radial/index.js":[2797,5910,1e3,3072],"./descope-logo/index.js":[1034,5910,1e3,3585,1984],"./descope-modal/index.js":[958,5910,7196,1037,3952,262,1932,1e3,4641],"./descope-new-password/descope-new-password-internal/index.js":[1545,5910,1e3,4201,3878,2481,1842],"./descope-new-password/index.js":[8974,5910,7196,3660,1037,6116,3208,422,8725,1224,9789,9211,7056,1e3,4201,3878,4447,2934,2481,1842,8106,7055],"./descope-number-field/index.js":[6916,5910,7196,3660,1037,6116,3208,422,5806,1e3,4201,4447,2142],"./descope-passcode/descope-passcode-internal/index.js":[4775,5910,1e3,3878,1841],"./descope-passcode/index.js":[4919,5910,7196,3660,1037,6116,3208,422,8725,9789,1e3,4201,3878,4447,2934,1841,939],"./descope-password/index.js":[9279,5910,7196,3660,1037,6116,3208,422,8725,1224,9211,7056,1e3,4201,2481,8106],"./descope-recaptcha/index.js":[8164,5910,1e3,964],"./descope-text-area/index.js":[1962,5910,7196,3660,1037,6116,422,7101,1e3,4201,3322],"./descope-text-field/index.js":[9357,5910,7196,3660,1037,6116,3208,422,8725,9789,1e3,4201,4447,2934],"./descope-text/index.js":[1876,5910,1e3,2528],"./descope-totp-image/index.js":[1331,5910,1e3,3585,5364],"./descope-upload-file/index.js":[6667,5910,7196,3660,1224,9211,4513,729,1e3,3878,9662,5874],"./phone-fields/descope-phone-field/descope-phone-field-internal/index.js":[9240,5910,7196,3660,1037,6116,3208,422,8725,9789,3952,5345,262,4273,1e3,4201,3878,4447,2934,7262,9483,9288],"./phone-fields/descope-phone-field/index.js":[6581,5910,7196,3660,1037,6116,3208,422,8725,9789,3952,5345,262,4273,1e3,4201,3878,4447,2934,7262,9483,9288,9806],"./phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/index.js":[3067,5910,7196,3660,1037,6116,3208,422,8725,9789,1e3,4201,3878,4447,2934,7262,4981],"./phone-fields/descope-phone-input-box-field/index.js":[9423,5910,7196,3660,1037,6116,3208,422,8725,9789,3952,5345,262,4273,1e3,4201,3878,4447,2934,7262,9483,4981,5119]};function t(e){if(!n.o(s,e))return Promise.resolve().then((()=>{var o=new Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}));var o=s[e],t=o[0];return Promise.all(o.slice(1).map(n.e)).then((()=>n(t)))}t.keys=()=>Object.keys(s),t.id=534,e.exports=t},5561:(e,o,n)=>{"use strict";n.r(o),n.d(o,{componentsThemeManager:()=>s});const s=new class{static mountOnPropName="DescopeThemeManager";#e={};#o="light";#n=new Set;#s(){this.#n.forEach((e=>e?.()))}get currentThemeName(){return this.#o}set currentThemeName(e){this.#o=e,this.#s()}get currentTheme(){return this.#e[this.currentThemeName]}onCurrentThemeChange(e){return this.#n.add(e),()=>{this.#n.delete(e)}}set themes(e){this.#e=e,this.#s()}}},7507:(e,o,n)=>{const{componentsThemeManager:s}=n(5561),t=n(534);e.exports=t.keys().reduce(((e,o)=>{const n=o.replace(/.*?([^\/]+)\/index\.js$/,"$1");return n.endsWith("-internal")||(e[n]=()=>t(o)),e}),{}),e.exports.componentsThemeManager=s}},t={};function d(e){var o=t[e];if(void 0!==o)return o.exports;var n=t[e]={exports:{}};return s[e](n,n.exports,d),n.exports}d.m=s,e=[],d.O=(o,n,s,t)=>{if(!n){var i=1/0;for(a=0;a<e.length;a++){for(var[n,s,t]=e[a],r=!0,c=0;c<n.length;c++)(!1&t||i>=t)&&Object.keys(d.O).every((e=>d.O[e](n[c])))?n.splice(c--,1):(r=!1,t<i&&(i=t));if(r){e.splice(a--,1);var p=s();void 0!==p&&(o=p)}}return o}t=t||0;for(var a=e.length;a>0&&e[a-1][2]>t;a--)e[a]=e[a-1];e[a]=[n,s,t]},d.F={},d.E=e=>{Object.keys(d.F).map((o=>{d.F[o](e)}))},d.d=(e,o)=>{for(var n in o)d.o(o,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:o[n]})},d.f={},d.e=e=>Promise.all(Object.keys(d.f).reduce(((o,n)=>(d.f[n](e,o),o)),[])),d.u=e=>(({58:"descope-link-index-js",206:"descope-button-selection-group-descope-button-selection-group-item-index-js",769:"boolean-fields-descope-boolean-field-internal-index-js",939:"descope-passcode-index-js",964:"descope-recaptcha-index-js",1348:"descope-button-selection-group-descope-button-selection-group-internal-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",2528:"descope-text-index-js",2934:"descope-text-field-index-js",3072:"descope-loader-radial-index-js",3322:"descope-text-area-index-js",3726:"boolean-fields-descope-checkbox-index-js",4178:"descope-divider-index-js",4483:"boolean-fields-descope-switch-toggle-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",5364:"descope-totp-image-index-js",5874:"descope-upload-file-index-js",6453:"descope-loader-linear-index-js",6699:"descope-button-selection-group-index-js",6772:"descope-image-index-js",7055:"descope-new-password-index-js",7317:"descope-container-index-js",8017:"descope-date-picker-index-js",8106:"descope-password-index-js",9288:"phone-fields-descope-phone-field-descope-phone-field-internal-index-js",9483:"descope-combo-box-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,o)=>Object.prototype.hasOwnProperty.call(e,o),o={},n="DescopeUI:",d.l=(e,s,t,i)=>{if(o[e])o[e].push(s);else{var r,c;if(void 0!==t)for(var p=document.getElementsByTagName("script"),a=0;a<p.length;a++){var l=p[a];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==n+t){r=l;break}}r||(c=!0,(r=document.createElement("script")).charset="utf-8",r.timeout=120,d.nc&&r.setAttribute("nonce",d.nc),r.setAttribute("data-webpack",n+t),r.src=e),o[e]=[s];var u=(n,s)=>{r.onerror=r.onload=null,clearTimeout(f);var t=o[e];if(delete o[e],r.parentNode&&r.parentNode.removeChild(r),t&&t.forEach((e=>e(s))),n)return n(s)},f=setTimeout(u.bind(null,void 0,{type:"timeout",target:r}),12e4);r.onerror=u.bind(null,r.onerror),r.onload=u.bind(null,r.onload),c&&document.head.appendChild(r)}},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 o=d.g.document;if(!e&&o&&(o.currentScript&&(e=o.currentScript.src),!e)){var n=o.getElementsByTagName("script");if(n.length)for(var s=n.length-1;s>-1&&!e;)e=n[s--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),d.p=e})(),(()=>{var e={4826:0};d.f.j=(o,n)=>{var s=d.o(e,o)?e[o]:void 0;if(0!==s)if(s)n.push(s[2]);else{var t=new Promise(((n,t)=>s=e[o]=[n,t]));n.push(s[2]=t);var i=d.p+d.u(o),r=new Error;d.l(i,(n=>{if(d.o(e,o)&&(0!==(s=e[o])&&(e[o]=void 0),s)){var t=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;r.message="Loading chunk "+o+" failed.\n("+t+": "+i+")",r.name="ChunkLoadError",r.type=t,r.request=i,s[1](r)}}),"chunk-"+o,o)}},d.F.j=o=>{if(!d.o(e,o)||void 0===e[o]){e[o]=null;var n=document.createElement("link");d.nc&&n.setAttribute("nonce",d.nc),n.rel="prefetch",n.as="script",n.href=d.p+d.u(o),document.head.appendChild(n)}},d.O.j=o=>0===e[o];var o=(o,n)=>{var s,t,[i,r,c]=n,p=0;if(i.some((o=>0!==e[o]))){for(s in r)d.o(r,s)&&(d.m[s]=r[s]);if(c)var a=c(d)}for(o&&o(n);p<i.length;p++)t=i[p],d.o(e,t)&&e[t]&&e[t][0](),e[t]=0;return d.O(a)},n=self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[];n.forEach(o.bind(null,0)),n.push=o.bind(null,n.push.bind(n))})(),d.O(0,[4826],(()=>{[5910,1e3,3878,769,7196,3660,1037,6116,3208,422,8725,1224,9789,9515,4201,4803,3726,4483,9211,4513,729,9662,1348,206,6699,3952,5345,262,4273,9483,7317,1990,8017,2528,4178,9437,4447,9760,6772,58,6453,3072,3585,1984,1932,4641,2481,1842,7056,2934,8106,7055,5806,2142,1841,939,964,7101,3322,5364,5874,7262,9288,9806,4981,5119].map(d.E)}),5);var i=d(7507);return d.O(i)})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-components-ui",
-  "version": "1.0.221",
+  "version": "1.0.223",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -71,8 +71,8 @@
     "jest-environment-jsdom": "^29.5.0",
     "prettier": "^3.0.2",
     "rollup": "^3.21.4",
-    "webpack": "^5.79.0",
     "rollup-plugin-import-css": "^3.2.1",
+    "webpack": "^5.79.0",
     "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^4.13.3"
   },
@@ -81,6 +81,7 @@
     "@vaadin/checkbox": "24.2.5",
     "@vaadin/combo-box": "24.2.5",
     "@vaadin/date-picker": "24.2.5",
+    "@vaadin/dialog": "24.2.5",
     "@vaadin/email-field": "24.2.5",
     "@vaadin/number-field": "24.2.5",
     "@vaadin/password-field": "24.2.5",

package/src/components/descope-modal/ModalClass.js

@@ -0,0 +1,109 @@
+import { compose } from '../../helpers';
+import { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';
+import {
+  createStyleMixin,
+  draggableMixin,
+  createProxy,
+  componentNameValidationMixin,
+  portalMixin,
+} from '../../mixins';
+
+export const componentName = getComponentName('modal');
+
+const customMixin = (superclass) =>
+  class ModalMixinClass extends superclass {
+    get opened() {
+      return this.getAttribute('opened') === 'true';
+    }
+
+    handleOpened() {
+      forwardAttrs(this, this.baseElement, { includeAttrs: ['opened'] });
+      if (this.opened) {
+        this.style.display = '';
+      } else {
+        this.style.display = 'none';
+      }
+    }
+
+    init() {
+      super.init?.();
+      this.style.display = 'none';
+
+      // vaadin-dialog might not be loaded in time
+      // in order to make sure it's loaded before this block is running
+      // we are wrapping it with setTimeout
+      setTimeout(() => {
+        // we want to sync descope-modal content through vaadin-dialog into the overlay
+        // so we are adding a slot to the overlay, which allows us to forward the content from
+        // vaadin-dialog to vaadin-dialog-overlay
+        this.baseElement.shadowRoot
+          .querySelector('vaadin-dialog-overlay')
+          .appendChild(document.createElement('slot'));
+
+        this.#overrideOverlaySettings();
+
+        // we need to always open the modal in `opened=false`
+        // to prevent it from rendering outside the dialog
+        // first, we have to run `overrideOverlaySettings` to setup
+        // the component.
+        this.handleOpened();
+      });
+    }
+
+    // the default vaadin behavior is to attach the overlay to the body when opened
+    // we do not want that because it's difficult to style the overlay in this way
+    // so we override it to open inside the shadow DOM
+    #overrideOverlaySettings() {
+      const overlay = this.baseElement.shadowRoot.querySelector('vaadin-dialog-overlay');
+
+      overlay._attachOverlay = () => {
+        overlay.bringToFront();
+        this.baseElement.setAttribute('style', 'display:flex!important;');
+      };
+      overlay._detachOverlay = () => {
+        this.baseElement.style.display = 'none';
+      };
+      overlay._enterModalState = () => {};
+
+      overlay.close = () => false;
+    }
+  };
+
+export const ModalClass = compose(
+  createStyleMixin({
+    mappings: {
+      overlayBackgroundColor: { property: () => ModalClass.cssVarList.overlay.backgroundColor },
+      overlayShadow: { property: () => ModalClass.cssVarList.overlay.shadow },
+      overlayWidth: { property: () => ModalClass.cssVarList.overlay.width },
+    },
+  }),
+  portalMixin({
+    name: 'overlay',
+    selector: '',
+    mappings: {
+      hostDisplay: {
+        selector: () => ':host(.descope-modal)',
+        property: 'display',
+        important: true,
+      },
+      backgroundColor: { selector: () => '::part(content)', property: 'background-color' },
+      width: { selector: () => '::part(overlay)', property: 'width' },
+      shadow: { selector: () => '::part(overlay)', property: 'box-shadow' },
+    },
+    forward: {
+      include: false,
+      attributes: ['opened'],
+    },
+  }),
+  draggableMixin,
+  componentNameValidationMixin,
+  customMixin
+)(
+  createProxy({
+    slots: [''],
+    wrappedEleName: 'vaadin-dialog',
+    style: () => ``,
+    excludeAttrsSync: ['tabindex', 'opened'],
+    componentName,
+  })
+);

package/src/components/descope-modal/index.js

@@ -0,0 +1,6 @@
+import '@vaadin/dialog';
+import { componentName, ModalClass } from './ModalClass';
+
+customElements.define(componentName, ModalClass);
+
+export { ModalClass };

package/src/index.cjs.js

@@ -29,3 +29,4 @@ export { RecaptchaClass } from './components/descope-recaptcha/RecaptchaClass';
 export { UploadFileClass } from './components/descope-upload-file/UploadFileClass';
 export { ButtonSelectionGroupClass } from './components/descope-button-selection-group/ButtonSelectionGroupClass';
 export { ButtonSelectionGroupItemClass } from './components/descope-button-selection-group/descope-button-selection-group-item/ButtonSelectionGroupItemClass';
+export { ModalClass } from './components/descope-modal/ModalClass';

package/src/mixins/createStyleMixin/helpers.js

@@ -55,11 +55,11 @@ export const createStyle = (componentName, baseSelector, mappings) => {
 
     const cssVarName = getCssVarName(componentName, attr);
 
-    attrConfig.forEach(({ selector: relativeSelectorOrSelectorFn, property }) => {
+    attrConfig.forEach(({ selector: relativeSelectorOrSelectorFn, property, important }) => {
       style.add(
         createCssSelector(baseSelector, relativeSelectorOrSelectorFn),
         isFunction(property) ? property() : property,
-        createCssVarFallback(cssVarName)
+        createCssVarFallback(cssVarName) + (important ? '!important' : '')
       );
     });
   });

package/src/mixins/createStyleMixin/index.js

@@ -142,10 +142,10 @@ export const createStyleMixin =
         (this.#rootElement.classList || this.#rootElement.host.classList).add(className);
       }
 
-      init() {
+      async init() {
         super.init?.();
         if (this.shadowRoot.isConnected) {
-          this.#rootElement = this.#getRootElement?.(this) || this.shadowRoot;
+          this.#rootElement = (await this.#getRootElement?.(this)) || this.shadowRoot;
 
           this.#addClassName(componentName);
 

package/src/mixins/portalMixin.js

@@ -13,7 +13,27 @@ const DISPLAY_NAME_SEPARATOR = '_';
 
 const sanitizeSelector = (selector) => selector.replace(/[^\w\s]/gi, '');
 
-const getDomNode = (maybeDomNode) => maybeDomNode.host || maybeDomNode;
+const withWaitForShadowRoot = (getRootElementFn) => (that) =>
+  new Promise((res) => {
+    const MAX_RETRIES = 20;
+    const ele = getRootElementFn(that);
+    let counter = 0;
+
+    const check = () => {
+      if (counter > MAX_RETRIES) {
+        // eslint-disable-next-line no-console
+        console.error('could not get shadow root for element', ele);
+        res(ele);
+        return;
+      }
+
+      counter++;
+
+      if (!ele.shadowRoot) setTimeout(check);
+      else res(ele.shadowRoot);
+    };
+    check();
+  });
 
 export const portalMixin =
   ({ name, selector, mappings = {}, forward: { attributes = [], include = true } = {} }) =>
@@ -43,17 +63,17 @@ export const portalMixin =
           const baseEle = that.shadowRoot.querySelector(that.baseSelector);
           const portal = selector ? baseEle.shadowRoot.querySelector(selector) : baseEle;
 
-          return portal.shadowRoot || portal;
+          return portal;
         };
 
         super({
-          getRootElement,
+          getRootElement: withWaitForShadowRoot(getRootElement),
           componentNameSuffix: DISPLAY_NAME_SEPARATOR + eleDisplayName,
           themeSection: PORTAL_THEME_PREFIX + eleDisplayName,
           baseSelector: ':host',
         });
 
-        this.#portalEle = getDomNode(getRootElement(this));
+        this.#portalEle = getRootElement(this);
       }
 
       #handleHoverAttribute() {

package/src/theme/components/button.js

@@ -60,6 +60,13 @@ const button = {
     [compVars.labelTextColor]: helperRefs.main,
   },
 
+  _disabled: {
+    [helperVars.main]: globalRefs.colors.surface.main,
+    [helperVars.dark]: globalRefs.colors.surface.dark,
+    [helperVars.light]: globalRefs.colors.surface.light,
+    [helperVars.contrast]: globalRefs.colors.surface.contrast,
+  },
+
   variant: {
     contained: {
       [compVars.labelTextColor]: helperRefs.contrast,

package/src/theme/components/index.js

@@ -23,6 +23,7 @@ import * as inputWrapper from './inputWrapper';
 import * as uploadFile from './uploadFile';
 import * as buttonSelectionGroupItem from './buttonSelectionGroup/buttonSelectionGroupItem';
 import * as buttonSelectionGroup from './buttonSelectionGroup/buttonSelectionGroup';
+import * as modal from './modal';
 
 const components = {
   button,
@@ -51,6 +52,7 @@ const components = {
   uploadFile,
   buttonSelectionGroupItem,
   buttonSelectionGroup,
+  modal,
 };
 
 const theme = Object.keys(components).reduce(

package/src/theme/components/modal.js

@@ -0,0 +1,16 @@
+import { ModalClass } from '../../components/descope-modal/ModalClass';
+
+const compVars = ModalClass.cssVarList;
+
+const modal = {
+  [compVars.hostWidth]: '400px',
+  [compVars.hostHeight]: '400px',
+  [compVars.overlayShadow]: 'none',
+  [compVars.overlayWidth]: '700px',
+};
+
+export default modal;
+
+export const vars = {
+  ...compVars,
+};