@alviere/ui 0.18.1 → 0.18.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +55 -25
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +1 -1
- package/dist/index.umd.cjs.map +1 -1
- package/dist/web-components.js +1 -1
- package/dist/web-components.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -7987,7 +7987,7 @@ const X = [
|
|
|
7987
7987
|
var root_1$d = /* @__PURE__ */ from_html(`<label class="alviere-text-input__label svelte-1auzwdn"> </label>`);
|
|
7988
7988
|
var root_2$c = /* @__PURE__ */ from_html(`<textarea class="alviere-text-input__textarea svelte-1auzwdn" spellcheck="true"></textarea>`);
|
|
7989
7989
|
var root_3$d = /* @__PURE__ */ from_html(`<input class="alviere-text-input__input svelte-1auzwdn" spellcheck="true"/>`);
|
|
7990
|
-
var root_5$
|
|
7990
|
+
var root_5$8 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__action-button svelte-1auzwdn"><span class="alviere-text-input__action-icon svelte-1auzwdn">?</span></button>`);
|
|
7991
7991
|
var root_7$3 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="m2.707 1.293 7.17 7.17.002.002 1.504 1.504 7.21 7.21-.001-.001 4.115 4.115-1.414 1.414-4.297-4.296C15.485 19.434 13.82 20 12 20c-2.959 0-5.461-1.46-7.51-3.85a16.59 16.59 0 0 1-1.796-2.56 12.546 12.546 0 0 1-.613-1.197L1.91 12l.17-.395c.11-.252.315-.668.618-1.195.5-.872 1.1-1.743 1.803-2.56.3-.349.614-.68.94-.993l-4.15-4.149zM6.856 8.27l-.256.252c-.199.2-.393.411-.581.63a14.7 14.7 0 0 0-1.843 2.718l-.069.13.145.275.179.322c.439.768.966 1.538 1.578 2.252C7.711 16.835 9.71 18 12 18c1.222 0 2.358-.334 3.426-.962l.123-.076-1.517-1.516A4 4 0 0 1 8.553 9.97zM12 4c2.959 0 5.461 1.46 7.51 3.849a16.59 16.59 0 0 1 1.796 2.56l.208.375c.126.234.228.437.306.603l.1.219.169.395-.17.395a12.7 12.7 0 0 1-.548 1.073c-.37.655-.8 1.318-1.292 1.963l-.302.385-1.553-1.26a14.947 14.947 0 0 0 1.404-2.07l.16-.289.104-.201-.144-.273-.178-.322a14.613 14.613 0 0 0-1.58-2.252C16.289 7.165 14.291 6 12.001 6c-.478 0-.942.05-1.395.151l-.337.085-.537-1.927A8.409 8.409 0 0 1 12 4zm-1.933 7.482-.036.166a2 2 0 0 0 2.321 2.321l.164-.038z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
|
|
7992
7992
|
var root_8$4 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="M12 4c4.278 0 7.61 2.667 10 8-2.39 5.333-5.722 8-10 8s-7.61-2.667-10-8c2.39-5.333 5.722-8 10-8zm0 2c-4.41 0-6.707 4.479-7.699 5.999C5.295 13.518 7.604 18 12 18c4.41 0 6.707-4.479 7.699-5.999C18.705 10.482 16.396 6 12 6zm0 2c2.176 0 3.945 1.794 3.945 4s-1.77 4-3.945 4c-2.176 0-3.945-1.794-3.945-4S9.825 8 12 8zm0 2c-1.088 0-1.973.897-1.973 2s.885 2 1.973 2 1.973-.897 1.973-2-.885-2-1.973-2z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
|
|
7993
7993
|
var root_6$6 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__reveal-button svelte-1auzwdn"><!></button>`);
|
|
@@ -8612,7 +8612,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8612
8612
|
var node_3 = child(div_2);
|
|
8613
8613
|
{
|
|
8614
8614
|
var consequent_2 = ($$anchor3) => {
|
|
8615
|
-
var button = root_5$
|
|
8615
|
+
var button = root_5$8();
|
|
8616
8616
|
button.__click = (e) => {
|
|
8617
8617
|
var _a2;
|
|
8618
8618
|
e.stopPropagation();
|
|
@@ -9591,7 +9591,7 @@ var root_1$b = /* @__PURE__ */ from_html(`<label class="alviere-phone-input__lab
|
|
|
9591
9591
|
var root_2$a = /* @__PURE__ */ from_html(`<span class="alviere-phone-input__character-count svelte-15yozux"> </span>`);
|
|
9592
9592
|
var root_3$c = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__required svelte-15yozux">Required</div>`);
|
|
9593
9593
|
var root_4$a = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__help svelte-15yozux"><!> </div>`);
|
|
9594
|
-
var root_5$
|
|
9594
|
+
var root_5$7 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__error svelte-15yozux" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
|
|
9595
9595
|
var root_6$5 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__warning svelte-15yozux" role="status"><!> </div>`);
|
|
9596
9596
|
var root$g = /* @__PURE__ */ from_html(`<div><div><!> <input type="tel"/> <!> <!></div> <div class="alviere-phone-input__validation-messages svelte-15yozux"><!> <!> <!></div></div>`);
|
|
9597
9597
|
const $$css$j = {
|
|
@@ -10025,7 +10025,7 @@ function PhoneInput($$anchor, $$props) {
|
|
|
10025
10025
|
var node_5 = sibling(node_3, 2);
|
|
10026
10026
|
{
|
|
10027
10027
|
var consequent_4 = ($$anchor2) => {
|
|
10028
|
-
var div_5 = root_5$
|
|
10028
|
+
var div_5 = root_5$7();
|
|
10029
10029
|
var text_3 = sibling(child(div_5));
|
|
10030
10030
|
reset(div_5);
|
|
10031
10031
|
template_effect(() => {
|
|
@@ -11829,7 +11829,7 @@ var root_4$6 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__req
|
|
|
11829
11829
|
var root_6$4 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__loading-message svelte-roni7d"> </div>`);
|
|
11830
11830
|
var root_8$3 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__no-options-message svelte-roni7d"> </div>`);
|
|
11831
11831
|
var root_10$3 = /* @__PURE__ */ from_html(`<div role="option" tabindex="0"> </div>`);
|
|
11832
|
-
var root_5$
|
|
11832
|
+
var root_5$6 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__dropdown svelte-roni7d" role="listbox"><div class="alviere-search-select__options-list svelte-roni7d"><!></div></div>`);
|
|
11833
11833
|
var root_11$1 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__help svelte-roni7d"> </div>`);
|
|
11834
11834
|
var root_12$2 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__error svelte-roni7d" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
|
|
11835
11835
|
var root_13$3 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__warning svelte-roni7d" role="status"><!> </div>`);
|
|
@@ -12435,7 +12435,7 @@ function SearchSelect($$anchor, $$props) {
|
|
|
12435
12435
|
var node_6 = sibling(div_2, 2);
|
|
12436
12436
|
{
|
|
12437
12437
|
var consequent_6 = ($$anchor2) => {
|
|
12438
|
-
var div_6 = root_5$
|
|
12438
|
+
var div_6 = root_5$6();
|
|
12439
12439
|
var div_7 = child(div_6);
|
|
12440
12440
|
var node_7 = child(div_7);
|
|
12441
12441
|
{
|
|
@@ -16453,7 +16453,7 @@ const resetFlowRecipe = flowRecipeStore.reset;
|
|
|
16453
16453
|
const routingNumberHelpSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360">\n <defs>\n <filter id="soft-blur" x="-10%" y="-10%" width="120%" height="120%">\n <feGaussianBlur in="SourceGraphic" stdDeviation="1.7" />\n </filter>\n </defs>\n\n \n <g filter="url(#soft-blur)">\n <rect x="20" y="24" width="600" height="272" rx="12" fill="#FFFFFF" stroke="#000000" stroke-width="1"/>\n <rect\n x="30"\n y="34"\n width="580"\n height="252"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 12"\n stroke-linecap="round"\n />\n <rect\n x="34"\n y="38"\n width="572"\n height="244"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 6"\n stroke-linecap="round"\n />\n\n <!-- Header (name/address/date) -->\n <text x="48" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">JOHN SMITH</text>\n <text x="48" y="86" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">18 PIKE PLACE</text>\n <text x="48" y="106" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">SEATTLE, WA 98101</text>\n\n <text x="560" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">123</text>\n <text x="470" y="96" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">MARCH 18, 2025</text>\n\n <!-- Payee and amount placeholders -->\n <rect x="48" y="134" width="340" height="18" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="156" x2="388" y2="156" stroke="#E2E8F0" stroke-width="2"/>\n\n <rect x="430" y="128" width="162" height="40" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="2"/>\n <rect x="444" y="140" width="118" height="16" rx="4" fill="#E2E8F0"/>\n\n <rect x="48" y="176" width="280" height="12" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="188" x2="388" y2="188" stroke="#E2E8F0" stroke-width="2"/>\n\n <!-- Signature -->\n <path d="M432 214 C440 202, 452 198, 464 210 C472 218, 488 220, 498 210 C508 200, 522 202, 530 212 C538 222, 554 224, 566 214 C576 206, 586 206, 598 214" fill="none" stroke="#64748B" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>\n <line x1="430" y1="226" x2="590" y2="226" stroke="#E2E8F0" stroke-width="2"/>\n\n <!-- Background routing numbers (blurred) -->\n <text x="280" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">1234567890</text>\n <text x="486" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">123</text>\n </g>\n\n <!-- Routing highlight (sharp) -->\n <rect x="67" y="184" width="170" height="24" rx="12" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="83" y="201" font-family="Arial, sans-serif" font-size="12" fill="#0F172A" letter-spacing="2">ROUTING NUMBER</text>\n <line x1="149" y1="208" x2="149" y2="230" stroke="#38BDF8" stroke-width="2"/>\n <path d="M149 231 L144 224 L154 224 Z" fill="#38BDF8"/>\n\n <rect x="48" y="236" width="212" height="40" rx="6" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="102" y="262" font-family="Arial, sans-serif" font-size="20" fill="#0F172A"> 901056783 </text>\n</svg>\n';
|
|
16454
16454
|
const accountNumberHelpSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360">\n <defs>\n <filter id="soft-blur" x="-10%" y="-10%" width="120%" height="120%">\n <feGaussianBlur in="SourceGraphic" stdDeviation="1.7" />\n </filter>\n </defs>\n\n <g filter="url(#soft-blur)">\n <rect x="20" y="24" width="600" height="272" rx="12" fill="#FFFFFF" stroke="#000000" stroke-width="1"/>\n <rect\n x="30"\n y="34"\n width="580"\n height="252"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 12"\n stroke-linecap="round"\n />\n <rect\n x="34"\n y="38"\n width="572"\n height="244"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 6"\n stroke-linecap="round"\n />\n\n <text x="48" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">JOHN SMITH</text>\n <text x="48" y="86" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">18 PIKE PLACE</text>\n <text x="48" y="106" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">SEATTLE, WA 98101</text>\n\n <text x="560" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">123</text>\n <text x="470" y="96" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">MARCH 18, 2025</text>\n\n <rect x="48" y="134" width="340" height="18" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="156" x2="388" y2="156" stroke="#E2E8F0" stroke-width="2"/>\n\n <rect x="430" y="128" width="162" height="40" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="2"/>\n <rect x="444" y="140" width="118" height="16" rx="4" fill="#E2E8F0"/>\n\n <rect x="48" y="176" width="280" height="12" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="188" x2="388" y2="188" stroke="#E2E8F0" stroke-width="2"/>\n\n <path d="M432 214 C440 202, 452 198, 464 210 C472 218, 488 220, 498 210 C508 200, 522 202, 530 212 C538 222, 554 224, 566 214 C576 206, 586 206, 598 214" fill="none" stroke="#64748B" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>\n <line x1="430" y1="226" x2="590" y2="226" stroke="#E2E8F0" stroke-width="2"/>\n\n <text x="102" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">901056783</text>\n <text x="486" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">123</text>\n </g>\n\n <rect x="226" y="184" width="194" height="24" rx="12" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="257" y="201" font-family="Arial, sans-serif" font-size="12" fill="#0F172A" letter-spacing="1.5">\n ACCOUNT NUMBER\n </text>\n <line x1="321" y1="208" x2="321" y2="230" stroke="#38BDF8" stroke-width="2"/>\n <path d="M321 231 L316 224 L326 224 Z" fill="#38BDF8"/>\n\n <rect x="212" y="236" width="224" height="40" rx="6" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="264" y="262" font-family="Arial, sans-serif" font-size="20" fill="#0F172A">1234567890</text>\n</svg>\n';
|
|
16455
16455
|
var root_2$4 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-t9z8bl"><alviere-spinner></alviere-spinner></div>`, 2);
|
|
16456
|
-
var root_5$
|
|
16456
|
+
var root_5$5 = /* @__PURE__ */ from_html(`<alviere-badge> </alviere-badge>`, 2);
|
|
16457
16457
|
var root_7$2 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div>`);
|
|
16458
16458
|
var root_8$2 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value description svelte-t9z8bl"> </span></div>`);
|
|
16459
16459
|
var root_6$3 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div> <!> <!>`, 1);
|
|
@@ -17283,7 +17283,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17283
17283
|
var node_3 = child(div_6);
|
|
17284
17284
|
{
|
|
17285
17285
|
var consequent_2 = ($$anchor4) => {
|
|
17286
|
-
var alviere_badge_1 = root_5$
|
|
17286
|
+
var alviere_badge_1 = root_5$5();
|
|
17287
17287
|
set_custom_element_data(alviere_badge_1, "size", "sm");
|
|
17288
17288
|
set_custom_element_data(alviere_badge_1, "variant", "warning");
|
|
17289
17289
|
var text_4 = child(alviere_badge_1, true);
|
|
@@ -18077,6 +18077,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
18077
18077
|
var alviere_modal = sibling(div, 2);
|
|
18078
18078
|
template_effect(() => set_custom_element_data(alviere_modal, "open", get$1(isRoutingHelpOpen)));
|
|
18079
18079
|
template_effect(() => set_custom_element_data(alviere_modal, "title", getLabel("routingHelpModalTitleLabel", "Where to find your routing number")));
|
|
18080
|
+
template_effect(() => set_custom_element_data(alviere_modal, "description", getLabel("routingHelpDescriptionLabel", "Your routing number is the first 9 digits located on the bottom left of your checks.")));
|
|
18080
18081
|
var div_31 = child(alviere_modal);
|
|
18081
18082
|
var node_30 = child(div_31);
|
|
18082
18083
|
html(node_30, () => routingNumberHelpSvg);
|
|
@@ -18088,6 +18089,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
18088
18089
|
var alviere_modal_1 = sibling(alviere_modal, 2);
|
|
18089
18090
|
template_effect(() => set_custom_element_data(alviere_modal_1, "open", get$1(isAccountHelpOpen)));
|
|
18090
18091
|
template_effect(() => set_custom_element_data(alviere_modal_1, "title", getLabel("accountHelpModalTitleLabel", "Where to find your account number")));
|
|
18092
|
+
template_effect(() => set_custom_element_data(alviere_modal_1, "description", getLabel("accountHelpDescriptionLabel", "Your account number is the group of digits to the right of the routing number at the bottom of your checks.")));
|
|
18091
18093
|
var div_32 = child(alviere_modal_1);
|
|
18092
18094
|
var node_31 = child(div_32);
|
|
18093
18095
|
html(node_31, () => accountNumberHelpSvg);
|
|
@@ -18224,7 +18226,7 @@ function createLegalTextsResolver({ getDocumentTypes, getCore }) {
|
|
|
18224
18226
|
}
|
|
18225
18227
|
var root_2$3 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
|
|
18226
18228
|
var root_3$5 = /* @__PURE__ */ from_html(`<alviere-currency-input></alviere-currency-input>`, 2);
|
|
18227
|
-
var root_5$
|
|
18229
|
+
var root_5$4 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__summary-row svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div>`);
|
|
18228
18230
|
var root_4$4 = /* @__PURE__ */ from_html(`<section class="alviere-checkout-confirm__summary svelte-1l48sab"><div class="alviere-checkout-confirm__summary-row svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div> <div class="alviere-checkout-confirm__summary-row svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div> <!> <div class="alviere-checkout-confirm__summary-divider svelte-1l48sab" aria-hidden="true"></div> <div class="alviere-checkout-confirm__summary-row alviere-checkout-confirm__summary-row--total svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div></section>`);
|
|
18229
18231
|
var root_6$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__terms-and-conditions"><p> </p> <alviere-legal-text-consent></alviere-legal-text-consent></div>`, 2);
|
|
18230
18232
|
var root_7$1 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__legal-texts-loading svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
|
|
@@ -18547,7 +18549,7 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18547
18549
|
var node_3 = sibling(div_4, 2);
|
|
18548
18550
|
{
|
|
18549
18551
|
var consequent_3 = ($$anchor3) => {
|
|
18550
|
-
var div_5 = root_5$
|
|
18552
|
+
var div_5 = root_5$4();
|
|
18551
18553
|
var span_4 = child(div_5);
|
|
18552
18554
|
var text_4 = child(span_4, true);
|
|
18553
18555
|
reset(span_4);
|
|
@@ -19393,7 +19395,7 @@ customElements.define("alviere-checkbox", create_custom_element(
|
|
|
19393
19395
|
));
|
|
19394
19396
|
var root_1$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__loading svelte-te6ayp"><alviere-spinner></alviere-spinner> <span>Loading terms...</span></div>`, 2);
|
|
19395
19397
|
var root_3$2 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__error svelte-te6ayp"> </div>`);
|
|
19396
|
-
var root_5$
|
|
19398
|
+
var root_5$3 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__item svelte-te6ayp"><alviere-checkbox><span slot="label" class="legal-text-consent__label svelte-te6ayp"><span>I agree to the</span> <button type="button" class="legal-text-consent__link svelte-te6ayp" aria-haspopup="dialog"> </button></span></alviere-checkbox></div>`, 2);
|
|
19397
19399
|
var root_6$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__modal-text svelte-te6ayp"> </div>`);
|
|
19398
19400
|
var root_8$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__modal-loading svelte-te6ayp"><alviere-spinner></alviere-spinner> <span>Loading terms...</span></div>`, 2);
|
|
19399
19401
|
var root_9$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__modal-empty svelte-te6ayp">Unable to load the legal text for this document.</div>`);
|
|
@@ -19602,7 +19604,7 @@ function LegalTextConsent($$anchor, $$props) {
|
|
|
19602
19604
|
var node_2 = first_child(fragment_2);
|
|
19603
19605
|
each(node_2, 17, () => get$1(displayItems)(), index, ($$anchor4, item) => {
|
|
19604
19606
|
const key = /* @__PURE__ */ user_derived(() => getKey(get$1(item)));
|
|
19605
|
-
var div_3 = root_5$
|
|
19607
|
+
var div_3 = root_5$3();
|
|
19606
19608
|
var alviere_checkbox = child(div_3);
|
|
19607
19609
|
template_effect(() => set_custom_element_data(alviere_checkbox, "checked", !!get$1(accepted)[get$1(key)]));
|
|
19608
19610
|
alviere_checkbox.__change = (event2) => handleToggle(get$1(item), event2);
|
|
@@ -19658,6 +19660,7 @@ function LegalTextConsent($$anchor, $$props) {
|
|
|
19658
19660
|
var alviere_modal = sibling(div, 2);
|
|
19659
19661
|
template_effect(() => set_custom_element_data(alviere_modal, "open", get$1(isModalOpen)));
|
|
19660
19662
|
template_effect(() => set_custom_element_data(alviere_modal, "title", get$1(modalTitle)()));
|
|
19663
|
+
set_custom_element_data(alviere_modal, "description", "Full document text follows. Use arrow keys to read.");
|
|
19661
19664
|
var node_3 = child(alviere_modal);
|
|
19662
19665
|
{
|
|
19663
19666
|
var consequent_2 = ($$anchor2) => {
|
|
@@ -19713,20 +19716,22 @@ function LegalTextConsent($$anchor, $$props) {
|
|
|
19713
19716
|
}
|
|
19714
19717
|
delegate(["change", "click"]);
|
|
19715
19718
|
create_custom_element(LegalTextConsent, { documents: {}, jwt: {}, debug: {}, resolvedDocuments: {} }, [], [], true);
|
|
19716
|
-
var root_4$2 = /* @__PURE__ */ from_html(`<alviere-
|
|
19717
|
-
var
|
|
19719
|
+
var root_4$2 = /* @__PURE__ */ from_html(`<span class="alviere-modal__description svelte-14kdpon"> </span>`);
|
|
19720
|
+
var root_5$2 = /* @__PURE__ */ from_html(`<alviere-button></alviere-button>`, 2);
|
|
19721
|
+
var root_2$1 = /* @__PURE__ */ from_html(`<div class="alviere-modal svelte-14kdpon"><button type="button" class="alviere-modal__backdrop svelte-14kdpon" aria-label="Close modal" tabindex="-1"></button> <div class="alviere-modal__dialog svelte-14kdpon" role="dialog" aria-modal="true" tabindex="-1"><div class="alviere-modal__header svelte-14kdpon"><div class="alviere-modal__title svelte-14kdpon"><!></div> <!> <!></div> <div class="alviere-modal__body svelte-14kdpon" role="document"><!></div> <div class="alviere-modal__footer svelte-14kdpon"><!></div></div></div>`);
|
|
19718
19722
|
const $$css$3 = {
|
|
19719
19723
|
hash: "svelte-14kdpon",
|
|
19720
|
-
code: ".alviere-modal.svelte-14kdpon {position:fixed;inset:0;z-index:var(--alv-z-modal, 1050);display:grid;place-items:center;}.alviere-modal__backdrop.svelte-14kdpon {position:fixed;inset:0;background:rgba(12, 18, 28, 0.6);z-index:var(--alv-z-modal-backdrop, 1040);border:none;padding:0;margin:0;}.alviere-modal__dialog.svelte-14kdpon {position:relative;z-index:var(--alv-z-modal, 1050);width:min(720px, 92vw);max-height:85vh;background:var(--alv-color-surface, #ffffff);border-radius:16px;box-shadow:0 24px 48px rgba(0, 0, 0, 0.2);display:flex;flex-direction:column;overflow:hidden;}.alviere-modal__header.svelte-14kdpon {display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);border-bottom:1px solid var(--alv-color-border, #e6e6e6);}.alviere-modal__title.svelte-14kdpon {font-size:1rem;font-weight:600;color:var(--alv-color-text, #1e1f24);}.alviere-modal__body.svelte-14kdpon {padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);overflow:auto;color:var(--alv-color-text, #1e1f24);line-height:1.5;}.alviere-modal__footer.svelte-14kdpon {padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);border-top:1px solid var(--alv-color-border, #e6e6e6);}.alviere-modal__footer.svelte-14kdpon:empty {display:none;}"
|
|
19724
|
+
code: ".alviere-modal.svelte-14kdpon {position:fixed;inset:0;z-index:var(--alv-z-modal, 1050);display:grid;place-items:center;}.alviere-modal__backdrop.svelte-14kdpon {position:fixed;inset:0;background:rgba(12, 18, 28, 0.6);z-index:var(--alv-z-modal-backdrop, 1040);border:none;padding:0;margin:0;}.alviere-modal__dialog.svelte-14kdpon {position:relative;z-index:var(--alv-z-modal, 1050);width:min(720px, 92vw);max-height:85vh;background:var(--alv-color-surface, #ffffff);border-radius:16px;box-shadow:0 24px 48px rgba(0, 0, 0, 0.2);display:flex;flex-direction:column;overflow:hidden;}.alviere-modal__header.svelte-14kdpon {display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);border-bottom:1px solid var(--alv-color-border, #e6e6e6);}.alviere-modal__title.svelte-14kdpon {font-size:1rem;font-weight:600;color:var(--alv-color-text, #1e1f24);}.alviere-modal__description.svelte-14kdpon {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;}.alviere-modal__body.svelte-14kdpon {padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);overflow:auto;color:var(--alv-color-text, #1e1f24);line-height:1.5;}.alviere-modal__footer.svelte-14kdpon {padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);border-top:1px solid var(--alv-color-border, #e6e6e6);}.alviere-modal__footer.svelte-14kdpon:empty {display:none;}"
|
|
19721
19725
|
};
|
|
19722
19726
|
function Modal($$anchor, $$props) {
|
|
19723
19727
|
push($$props, true);
|
|
19724
19728
|
append_styles$1($$anchor, $$css$3);
|
|
19725
|
-
let open = prop($$props, "open", 15, false), title = prop($$props, "title", 15, ""), dismissible = prop($$props, "dismissible", 15, true), closeOnBackdrop = prop($$props, "closeOnBackdrop", 15, true), closeOnEscape = prop($$props, "closeOnEscape", 15, true);
|
|
19729
|
+
let open = prop($$props, "open", 15, false), title = prop($$props, "title", 15, ""), description = prop($$props, "description", 15, ""), dismissible = prop($$props, "dismissible", 15, true), closeOnBackdrop = prop($$props, "closeOnBackdrop", 15, true), closeOnEscape = prop($$props, "closeOnEscape", 15, true);
|
|
19726
19730
|
const dispatch = createEventDispatcher();
|
|
19727
19731
|
let hostElement = /* @__PURE__ */ state(null);
|
|
19728
19732
|
let dialogElement = /* @__PURE__ */ state(null);
|
|
19729
19733
|
let titleId = /* @__PURE__ */ state(`alviere-modal-title-${Math.random().toString(36).slice(2)}`);
|
|
19734
|
+
let descriptionId = /* @__PURE__ */ state(`alviere-modal-desc-${Math.random().toString(36).slice(2)}`);
|
|
19730
19735
|
let focusTimer = null;
|
|
19731
19736
|
const ensureModalRoot = () => {
|
|
19732
19737
|
if (typeof document === "undefined") {
|
|
@@ -19817,6 +19822,13 @@ function Modal($$anchor, $$props) {
|
|
|
19817
19822
|
title($$value);
|
|
19818
19823
|
flushSync();
|
|
19819
19824
|
},
|
|
19825
|
+
get description() {
|
|
19826
|
+
return description();
|
|
19827
|
+
},
|
|
19828
|
+
set description($$value = "") {
|
|
19829
|
+
description($$value);
|
|
19830
|
+
flushSync();
|
|
19831
|
+
},
|
|
19820
19832
|
get dismissible() {
|
|
19821
19833
|
return dismissible();
|
|
19822
19834
|
},
|
|
@@ -19843,7 +19855,7 @@ function Modal($$anchor, $$props) {
|
|
|
19843
19855
|
event$1("keydown", $window, handleKeydown);
|
|
19844
19856
|
var node = first_child(fragment);
|
|
19845
19857
|
{
|
|
19846
|
-
var
|
|
19858
|
+
var consequent_2 = ($$anchor2) => {
|
|
19847
19859
|
var div = root_2$1();
|
|
19848
19860
|
var button = child(div);
|
|
19849
19861
|
button.__click = handleBackdropClick;
|
|
@@ -19860,7 +19872,23 @@ function Modal($$anchor, $$props) {
|
|
|
19860
19872
|
var node_2 = sibling(div_3, 2);
|
|
19861
19873
|
{
|
|
19862
19874
|
var consequent = ($$anchor3) => {
|
|
19863
|
-
var
|
|
19875
|
+
var span = root_4$2();
|
|
19876
|
+
var text_1 = child(span, true);
|
|
19877
|
+
reset(span);
|
|
19878
|
+
template_effect(() => {
|
|
19879
|
+
set_attribute(span, "id", get$1(descriptionId));
|
|
19880
|
+
set_text(text_1, description());
|
|
19881
|
+
});
|
|
19882
|
+
append($$anchor3, span);
|
|
19883
|
+
};
|
|
19884
|
+
if_block(node_2, ($$render) => {
|
|
19885
|
+
if (description()) $$render(consequent);
|
|
19886
|
+
});
|
|
19887
|
+
}
|
|
19888
|
+
var node_3 = sibling(node_2, 2);
|
|
19889
|
+
{
|
|
19890
|
+
var consequent_1 = ($$anchor3) => {
|
|
19891
|
+
var alviere_button = root_5$2();
|
|
19864
19892
|
set_custom_element_data(alviere_button, "variant", "tertiary");
|
|
19865
19893
|
set_custom_element_data(alviere_button, "size", "sm");
|
|
19866
19894
|
set_custom_element_data(alviere_button, "iconName", "X");
|
|
@@ -19868,18 +19896,18 @@ function Modal($$anchor, $$props) {
|
|
|
19868
19896
|
set_custom_element_data(alviere_button, "handler", () => closeModal("button"));
|
|
19869
19897
|
append($$anchor3, alviere_button);
|
|
19870
19898
|
};
|
|
19871
|
-
if_block(
|
|
19872
|
-
if (dismissible()) $$render(
|
|
19899
|
+
if_block(node_3, ($$render) => {
|
|
19900
|
+
if (dismissible()) $$render(consequent_1);
|
|
19873
19901
|
});
|
|
19874
19902
|
}
|
|
19875
19903
|
reset(div_2);
|
|
19876
19904
|
var div_4 = sibling(div_2, 2);
|
|
19877
|
-
var
|
|
19878
|
-
slot(
|
|
19905
|
+
var node_4 = child(div_4);
|
|
19906
|
+
slot(node_4, $$props, "default", {}, null);
|
|
19879
19907
|
reset(div_4);
|
|
19880
19908
|
var div_5 = sibling(div_4, 2);
|
|
19881
|
-
var
|
|
19882
|
-
slot(
|
|
19909
|
+
var node_5 = child(div_5);
|
|
19910
|
+
slot(node_5, $$props, "footer", {}, null);
|
|
19883
19911
|
reset(div_5);
|
|
19884
19912
|
reset(div_1);
|
|
19885
19913
|
bind_this(div_1, ($$value) => set(dialogElement, $$value), () => get$1(dialogElement));
|
|
@@ -19887,12 +19915,13 @@ function Modal($$anchor, $$props) {
|
|
|
19887
19915
|
bind_this(div, ($$value) => set(hostElement, $$value), () => get$1(hostElement));
|
|
19888
19916
|
template_effect(() => {
|
|
19889
19917
|
set_attribute(div_1, "aria-labelledby", title() ? get$1(titleId) : void 0);
|
|
19918
|
+
set_attribute(div_1, "aria-describedby", description() ? get$1(descriptionId) : void 0);
|
|
19890
19919
|
set_attribute(div_3, "id", get$1(titleId));
|
|
19891
19920
|
});
|
|
19892
19921
|
append($$anchor2, div);
|
|
19893
19922
|
};
|
|
19894
19923
|
if_block(node, ($$render) => {
|
|
19895
|
-
if (open()) $$render(
|
|
19924
|
+
if (open()) $$render(consequent_2);
|
|
19896
19925
|
});
|
|
19897
19926
|
}
|
|
19898
19927
|
append($$anchor, fragment);
|
|
@@ -19904,6 +19933,7 @@ customElements.define("alviere-modal", create_custom_element(
|
|
|
19904
19933
|
{
|
|
19905
19934
|
open: {},
|
|
19906
19935
|
title: {},
|
|
19936
|
+
description: {},
|
|
19907
19937
|
dismissible: {},
|
|
19908
19938
|
closeOnBackdrop: {},
|
|
19909
19939
|
closeOnEscape: {}
|