1"use strict";(globalThis.webpackChunk_atlas_docs_zen=globalThis.webpackChunk_atlas_docs_zen||[]).push([[6804],{1571(e,o,n){n.d(o,{n:()=>u,u:()=>c});var t=n(4888),r=n(9741),a=n(1850);const i='body {\n font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n margin: 0;\n padding: 1.5rem;\n background-color: #f9fafb;\n color: #111827;\n font-size: 14px;\n line-height: 1.5;\n display: flex;\n justify-content: center;\n}\nform {\n width: 100%;\n max-width: 24rem;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\ninput + label { margin-top: 0.5rem; }\nlabel {\n display: block;\n font-size: 0.8125rem;\n font-weight: 500;\n color: #374151;\n}\ninput, textarea {\n width: 100%;\n padding: 0.5rem 0.75rem;\n font-size: 0.875rem;\n font-family: inherit;\n color: #111827;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n border-radius: 0.375rem;\n box-sizing: border-box;\n transition: border-color 150ms ease, box-shadow 150ms ease;\n}\ntextarea { min-height: 5rem; resize: vertical; line-height: 1.5; }\ninput:focus, textarea:focus {\n outline: none;\n border-color: #2933e6;\n box-shadow: 0 0 0 3px rgba(41, 51, 230, 0.15);\n}\n[data-theme="dark"] body { background-color: #1f1f1f; color: #e5e7eb; }\n[data-theme="dark"] label { color: #d1d5db; }\n[data-theme="dark"] input, [data-theme="dark"] textarea {\n background-color: #2a2a2a;\n border-color: #444950;\n color: #e5e7eb;\n}\n[data-theme="dark"] input:focus, [data-theme="dark"] textarea:focus {\n border-color: #545ceb;\n box-shadow: 0 0 0 3px rgba(84, 92, 235, 0.25);\n}\n\n/* Postcode Lookup widget default chrome \u2014 matches form input styling.\n Wrapped in :where() so user-supplied .idpc-* rules always win regardless of\n load order. */\n:where(.idpc-input) {\n border-color: #2933e6;\n box-shadow: 0 0 0 1px rgba(41, 51, 230, 0.1);\n}\n:where(.idpc-input:focus) { border-color: #2933e6; box-shadow: 0 0 0 3px rgba(41, 51, 230, 0.2); }\n:where([data-theme="dark"] .idpc-input) { border-color: #545ceb; box-shadow: 0 0 0 1px rgba(84, 92, 235, 0.15); }\n:where([data-theme="dark"] .idpc-input:focus) { border-color: #545ceb; box-shadow: 0 0 0 3px rgba(84, 92, 235, 0.3); }\n:where(.idpc-button) {\n margin-top: 0.5rem;\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n font-weight: 500;\n color: #ffffff;\n background-color: #2933e6;\n border: 1px solid #2933e6;\n border-radius: 0.375rem;\n cursor: pointer;\n transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;\n}\n:where(.idpc-button:hover) { background-color: #1f29c4; border-color: #1f29c4; }\n:where(.idpc-button:focus) { outline: none; box-shadow: 0 0 0 3px rgba(41, 51, 230, 0.25); }\n:where(.idpc-select-container) { margin-top: 0.5rem; }\n:where(.idpc-select-container select) {\n width: 100%;\n padding: 0.5rem 2.25rem 0.5rem 0.75rem;\n font-size: 0.875rem;\n color: #111827;\n background-color: #ffffff;\n background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 20 20\' fill=\'%236b7280\'%3E%3Cpath fill-rule=\'evenodd\' d=\'M5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 111.08 1.04l-4.25 4.39a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z\' clip-rule=\'evenodd\'/%3E%3C/svg%3E");\n background-repeat: no-repeat;\n background-position: right 0.625rem center;\n background-size: 1rem;\n border: 1px solid #d1d5db;\n border-radius: 0.375rem;\n box-sizing: border-box;\n cursor: pointer;\n appearance: none;\n -webkit-appearance: none;\n transition: border-color 150ms ease, box-shadow 150ms ease;\n}\n:where(.idpc-select-container select:focus) {\n outline: none;\n border-color: #2933e6;\n box-shadow: 0 0 0 3px rgba(41, 51, 230, 0.15);\n}\n:where(.idpc-error) { margin-top: 0.5rem; font-size: 0.8125rem; color: #b91c1c; }\n:where(.idpc-unhide) {\n display: block;\n width: fit-content;\n margin-top: 1rem;\n margin-bottom: 0.5rem;\n padding: 0.375rem 0.75rem;\n font-size: 0.8125rem;\n font-weight: 500;\n color: #2933e6;\n background-color: transparent;\n border: 1px solid #2933e6;\n border-radius: 0.375rem;\n cursor: pointer;\n user-select: none;\n transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;\n}\n:where(.idpc-unhide:hover) { background-color: #2933e6; color: #ffffff; }\n:where(.idpc-unhide:focus) { outline: none; box-shadow: 0 0 0 3px rgba(41, 51, 230, 0.25); }\n:where([data-theme="dark"] .idpc-unhide) { color: #545ceb; border-color: #545ceb; }\n:where([data-theme="dark"] .idpc-unhide:hover) { background-color: #545ceb; color: #ffffff; }\n/* Separate the widget context from address fields that follow it. */\n:where(form >
1 div:has(> .idpc-input)), :where(form > div:has(> .idpc-button)) { margin-bottom: 0.75rem; }\n:where([data-theme="dark"] .idpc-button) { background-color: #545ceb; border-color: #545ceb; }\n:where([data-theme="dark"] .idpc-button:hover) { background-color: #4047d6; border-color: #4047d6; }\n:where([data-theme="dark"] .idpc-select-container select) {\n background-color: #2a2a2a;\n border-color: #444950;\n color: #e5e7eb;\n background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 20 20\' fill=\'%239ca3af\'%3E%3Cpath fill-rule=\'evenodd\' d=\'M5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 111.08 1.04l-4.25 4.39a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z\' clip-rule=\'evenodd\'/%3E%3C/svg%3E");\n}\n:where([data-theme="dark"] .idpc-select-container select:focus) {\n border-color: #545ceb;\n box-shadow: 0 0 0 3px rgba(84, 92, 235, 0.25);\n}\n:where([data-theme="dark"] .idpc-error) { color: #f87171; }\n\n/* Address Finder / Postcode Lookup dropdown \u2014 dark variant.\n Targets v5.0.4\'s actual selectors (idpc_af is the dropdown wrapper).\n Once the unreleased beta with --idpc-* variables ships, swap to variable\n overrides for cleaner theming. */\nhtml[data-theme="dark"] div.idpc_autocomplete {\n color: #e5e7eb !important;\n}\nhtml[data-theme="dark"] div.idpc_af {\n background: #2a2a2a !important;\n border-color: rgba(255, 255, 255, 0.15) !important;\n box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.6) !important;\n}\nhtml[data-theme="dark"] div.idpc_af > ul > li:hover {\n background-color: #3a3a3a !important;\n}\nhtml[data-theme="dark"] div.idpc_af > ul > li.idpc_error,\nhtml[data-theme="dark"] div.idpc_af > ul > li.idpc_error:hover {\n background-color: #2a2a2a !important;\n color: #9ca3af !important;\n}\nhtml[data-theme="dark"] div.idpc_af > ul > li[aria-selected="true"] {\n background-color: #545ceb !important;\n color: #ffffff !important;\n}\nhtml[data-theme="dark"] div.idpc_toolbar {\n border-top-color: rgba(255, 255, 255, 0.15) !important;\n}\n/* Country toggle: source CSS sets hover bg to #e5e4e2 (light grey) which\n reads as bright white-on-white in dark mode. Tone it down and ensure the\n country-name text stays legible when it expands on hover. */\nhtml[data-theme="dark"] div.idpc_autocomplete > div > div > span:hover {\n background-color: #3a3a3a !important;\n}\nhtml[data-theme="dark"] div.idpc_toolbar > span span.idpc_country {\n color: #e5e7eb !important;\n}';var s=n(5723);const d={border:"1px solid var(--ifm-color-emphasis-300)",borderRadius:"var(--ifm-card-border-radius)",backgroundColor:"var(--ifm-background-surface-color)"},l=(e={})=>{const{imports:o={},mode:n="simple",themeColor:t,editor:l,editorTheme:c,fontFamily:p,baseCss:u=i}=e;return function({html:e,js:i,css:h,scripts:m,stylesheets:f,head:b,baseCss:g=u,imports:w,height:y="500px",view:v="split",mode:x=n,loading:k="lazy",activeEditor:j,className:S,style:C,editorTheme:_=c,theme:A="light"}){const z="dark"===A;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.A,{fallback:(0,s.jsx)("div",{style:{height:y},children:"Loading..."}),children:()=>{const n=[g&&`<style>${g}</style>`,b].filter(Boolean).join("\n");return(0,s.jsx)(a.A,{height:y,loading:k,className:S,style:{...d,...C},config:{mode:x,view:v,theme:z?"dark":"light",htmlAttrs:{"data-theme":z?"dark":"light"},markup:{language:"html",content:e},...i&&{script:{language:"javascript",content:i}},...h&&{style:{language:"css",content:h}},languages:[...i?["javascript"]:[],"html",...h?["css"]:[]],activeEditor:j??(i?"script":"markup"),lineNumbers:!1,wordWrap:!0,useTabs:!1,tabSize:2,...m&&{scripts:m},...f&&{stylesheets:f},...n&&{head:n},imports:{...o,...w},..._&&{editorTheme:_},...t&&{themeColor:z?t.dark:t.light},...l&&{editor:l},...p&&{fontFamily:p}}})}}),(0,s.jsxs)("div",{style:{display:"none"},"aria-hidden":"true",children:[(0,s.jsx)("pre",{children:e}),i&&(0,s.jsx)("pre",{children:i}),h&&(0,s.jsx)("pre",{children:h})]})]})}},c=(l(),'@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600&display=swap");\nbody {\n font-family: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;\n margin: 0;\n padding: 1.5rem;\n background-color: #f5efe2;\n color: #1d1a17;\n font-size: 14px;\n line-height: 1.5;\n display: flex;\n justify-content: center;\n}\nform {\n width: 100%;\n max-width: 24rem;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\ninput + label { margin-top: 0.5rem; }\nlabel {\n display: block;\n font-size: 0.8125rem;\n font-weight: 500;\n color: #5f5a50;\n}\ninput, textarea {\n width: 100%;\n padding: 0.5rem 0.75rem;\n font-size: 0.875rem;\n font-family: inherit;\n color: #1d1a17;\n background-color: #fbf7ee;\n border: 1px solid rgba(29, 26, 23, 0.18);\n border-radius: 8px;\n box-sizing: border-box;\n transition: border-color 150ms ease, box-shadow 150ms ease;\n}\ntextarea { min-height: 5rem; resize: vertical; line-height: 1.5; }\ninput:focus, textarea:focus {\n outline: none;\n border-color: #c13b2a;\n box-shadow: 0 0 0 3px rgba(193, 59, 42, 0.16);\n}\n[data-theme="dark"] body { background-color: #1d1a17; color: #f7f2e9; }\n[data-theme="dark"] label { color: #a8a093; }\n[data-theme="dark"] input, [data-theme="dark"] textarea {\n background-color: #262220;\n border-color: rgba(247, 242, 233, 0.16);\n color: #f7f2e9;\n}\n[data-theme="dark"] input:focus, [data-theme="dark"] textarea:focus {\n border-color: #e
10a196;\n box-shadow: 0 0 0 3px rgba(224, 161, 150, 0.25);\n}\n\n/* Widget default chrome \u2014 matches the form inputs. Wrapped in :where() so\n user-supplied .idpc-* rules always win regardless of load order. */\n:where(.idpc-input) {\n border-color: #c13b2a;\n box-shadow: 0 0 0 1px rgba(193, 59, 42, 0.1);\n}\n:where(.idpc-input:focus) { border-color: #c13b2a; box-shadow: 0 0 0 3px rgba(193, 59, 42, 0.2); }\n:where([data-theme="dark"] .idpc-input) { border-color: #e0a196; box-shadow: 0 0 0 1px rgba(224, 161, 150, 0.15); }\n:where([data-theme="dark"] .idpc-input:focus) { border-color: #e0a196; box-shadow: 0 0 0 3px rgba(224, 161, 150, 0.3); }\n:where(.idpc-button) {\n margin-top: 0.5rem;\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n font-weight: 500;\n color: #f5efe2;\n background-color: #c13b2a;\n border: 1px solid #c13b2a;\n border-radius: 100px;\n cursor: pointer;\n transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;\n}\n:where(.idpc-button:hover) { background-color: #a83224; border-color: #a83224; }\n:where(.idpc-button:focus) { outline: none; box-shadow: 0 0 0 3px rgba(193, 59, 42, 0.25); }\n:where(.idpc-select-container) { margin-top: 0.5rem; }\n:where(.idpc-select-container select) {\n width: 100%;\n padding: 0.5rem 2.25rem 0.5rem 0.75rem;\n font-size: 0.875rem;\n color: #1d1a17;\n background-color: #fbf7ee;\n background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 20 20\' fill=\'%238a8375\'%3E%3Cpath fill-rule=\'evenodd\' d=\'M5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 111.08 1.04l-4.25 4.39a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z\' clip-rule=\'evenodd\'/%3E%3C/svg%3E");\n background-repeat: no-repeat;\n background-position: right 0.625rem center;\n background-size: 1rem;\n border: 1px solid rgba(29, 26, 23, 0.18);\n border-radius: 8px;\n box-sizing: border-box;\n cursor: pointer;\n appearance: none;\n -webkit-appearance: none;\n transition: border-color 150ms ease, box-shadow 150ms ease;\n}\n:where(.idpc-select-container select:focus) {\n outline: none;\n border-color: #c13b2a;\n box-shadow: 0 0 0 3px rgba(193, 59, 42, 0.16);\n}\n:where(.idpc-error) { margin-top: 0.5rem; font-size: 0.8125rem; color: #a83224; }\n:where(.idpc-unhide) {\n display: block;\n width: fit-content;\n margin-top: 1rem;\n margin-bottom: 0.5rem;\n padding: 0.375rem 0.75rem;\n font-size: 0.8125rem;\n font-weight: 500;\n color: #c13b2a;\n background-color: transparent;\n border: 1px solid #c13b2a;\n border-radius: 100px;\n cursor: pointer;\n user-select: none;\n transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;\n}\n:where(.idpc-unhide:hover) { background-color: #c13b2a; color: #f5efe2; }\n:where(.idpc-unhide:focus) { outline: none; box-shadow: 0 0 0 3px rgba(193, 59, 42, 0.25); }\n:where([data-theme="dark"] .idpc-unhide) { color: #e0a196; border-color: #e0a196; }\n:where([data-theme="dark"] .idpc-unhide:hover) { background-color: #e0a196; color: #1d1a17; }\n/* Separate the widget context from address fields that follow it. */\n:where(form > div:has(> .idpc-input)), :where(form > div:has(> .idpc-button)) { margin-bottom: 0.75rem; }\n:where([data-theme="dark"] .idpc-button) { background-color: #e0a196; border-color: #e0a196; color: #1d1a17; }\n:where([data-theme="dark"] .idpc-button:hover) { background-color: #d48b7e; border-color: #d48b7e; }\n:where([data-theme="dark"] .idpc-select-container select) {\n background-color: #262220;\n border-color: rgba(247, 242, 233, 0.16);\n color: #f7f2e9;\n background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 20 20\' fill=\'%23a8a093\'%3E%3Cpath fill-rule=\'evenodd\' d=\'M5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 111.08 1.04l-4.25 4.39a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z\' clip-rule=\'evenodd\'/%3E%3C/svg%3E");\n}\n:where([data-theme="dark"] .idpc-select-container select:focus) {\n border-color: #e0a196;\n box-shadow: 0 0 0 3px rgba(224, 161, 150, 0.25);\n}
1\n:where([data-theme="dark"] .idpc-error) { color: #e0a196; }\n\n/* Address Lookup dropdown \u2014 dark variant. Targets the widget\'s own selectors\n (idpc_af is the dropdown wrapper). */\nhtml[data-theme="dark"] div.idpc_autocomplete {\n color: #f7f2e9 !important;\n}\nhtml[data-theme="dark"] div.idpc_af {\n background: #262220 !important;\n border-color: rgba(247, 242, 233, 0.16) !important;\n box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.6) !important;\n}\nhtml[data-theme="dark"] div.idpc_af > ul > li:hover {\n background-color: #33302b !important;\n}\nhtml[data-theme="dark"] div.idpc_af > ul > li.idpc_error,\nhtml[data-theme="dark"] div.idpc_af > ul > li.idpc_error:hover {\n background-color: #262220 !important;\n color: #a8a093 !important;\n}\nhtml[data-theme="dark"] div.idpc_af > ul > li[aria-selected="true"] {\n background-color: #e0a196 !important;\n color: #1d1a17 !important;\n}\nhtml[data-theme="dark"] div.idpc_toolbar {\n border-top-color: rgba(247, 242, 233, 0.16) !important;\n}\nhtml[data-theme="dark"] div.idpc_autocomplete > div > div > span:hover {\n background-color: #33302b !important;\n}\nhtml[data-theme="dark"] div.idpc_toolbar > span span.idpc_country {\n color: #f7f2e9 !important;\n}'),p=l({mode:"focus",imports:{"@addresszen/address-lookup":"https://esm.sh/@addresszen/address-lookup@2"},themeColor:{light:"hsl(40, 10%, 55%)",dark:"hsl(40, 12%, 50%)"},editorTheme:["solarized-light@light","gruvbox-dark@dark"],fontFamily:"IBM Plex Mono",baseCss:c});function u(e){const{isDarkTheme:o}=(0,t.G)();return(0,s.jsx)(p,{...e,theme:o?"dark":"light"})}},1850(e,o,n){n.d(o,{A:()=>b});var t,r,a=n(2155),i=n(5723),s=Object.create,d=Object.defineProperty,l=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,p=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,h=(t=(e,o)=>{var n=function(){var e=String.fromCharCode,o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",t={};function r(e,o){if(!t[e]){t[e]={};for(var n=0;n<e.length;n++)t[e][e.charAt(n)]=n}return t[e][o]}var a={compressToBase64:function(e){if(null==e)return"";var n=a._compress(e,6,function(e){return o.charAt(e)});switch(n.length%4){default:case 0:return n;case 1:return n+"===";case 2:return n+"==";case 3:return n+"="}},decompressFromBase64:function(e){return null==e?"":""==e?null:a._decompress(e.length,32,function(n){return r(o,e.charAt(n))})},compressToUTF16:function(o){return null==o?"":a._compress(o,15,function(o){return e(o+32)})+" "},decompressFromUTF16:function(e){return null==e?"":""==e?null:a._decompress(e.length,16384,function(o){return e.charCodeAt(o)-32})},compressToUint8Array:function(e){for(var o=a.compress(e),n=new Uint8Array(2*o.length),t=0,r=o.length;t<r;t++){var i=o.charCodeAt(t);n[2*t]=i>>>8,n[2*t+1]=i%256}return n},decompressFromUint8Array:function(o){if(null==o)return a.decompress(o);for(var n=new Array(o.length/2),t=0,r=n.length;t<r;t++)n[t]=256*o[2*t]+o[2*t+1];var i=[];return n.forEach(function(o){i.push(e(o))}),a.decompress(i.join(""))},compressToEncodedURIComponent:function(e){return null==e?"":a._compress(e,6,function(e){return n.charAt(e)})},decompressFromEncodedURIComponent:function(e){return null==e?"":""==e?null:(e=e.replace(/ /g,"+"),a._decompress(e.length,32,function(o){return r(n,e.charAt(o))}))},compress:function(o){return a._compress(o,16,function(o){return e(o)})},_compress:function(e,o,n){if(null==e)return"";var t,r,a,i={},s={},d="",l="",c="",p=2,u=3,h=2,m=[],f=0,b=0;for(a=0;a<e.length;a+=1)if(d=e.charAt(a),Object.prototype.hasOwnProperty.call(i,d)||(i[d]=u++,s[d]=!0),l=c+d,Object.prototype.hasOwnProperty.call(i,l))c=l;else{if(Object.prototype.hasOwnProperty.call(s,c)){if(c.charCodeAt(0)<256){for(t=0;t<h;t++)f<<=1,b==o-1?(b=0,m.push(n(f)),f=0):b++;for(r=c.charCodeAt(0),t=0;t<8;t++)f=f<<1|1&r,b==o-1?(b=0,m.push(n(f)),f=0):b++,r>>=1}else{for(r=1,t=0;t<h;t++)f=f<<1|r,b==o-1?(b=0,m.push(n(f)),f=0):b++,r=0;for(r=c.charCodeAt(0),t=0;t<16;t++)f=f<<1|1&r,b==o-1?(b=0,m.push(n(f)),f=0):b++,r>>=1}0==--p&&(p=Math.pow(2,h),h++),delete s[c]}else for(r=i[c],t=0;t<h;t++)f=f<<1|1&r,b==o-1?(b=0,m.push(n(f)),f=0):b++,r>>=1;0==--p&&(p=Math.pow(2,h),h++),i[l]=u++,c=String(d)}if(""!==c){if(Object.prototype.hasOwnProperty.call(s,c)){if(c.charCodeAt(0)<256){for(t=0;t<h;t++)f<<=1,b==o-1?(b=0,m.push(n(f)),f=0):b++;for(r=c.charCodeAt(0),t=0;t<8;t++)f=f<<1|1&r,b==o-1?(b=0,m.push(n(f)),f=0):b++,r>>=1}else{for(r=1,t=0;t<h;t++)f=f<<1|r,b==o-1?(b=0,m.push(n(f)),f=0):b++,r=0;for(r=c.charCodeAt(0),t=0;t<16;t++)f=f<<1|1&r,b==o-1?(b=0,m.push(n(f)),f=0):b++,r>>=1}0==--p&&(p=Math.pow(2,h),h++),delete s[c]}else for(r=i[c],t=0;t<h;t++)f=f<<1|1&r,b==o-1?(b=0,m.push(n(f)),f=0):b++,r>>=1;0==--p&&(p=Math.pow(2,h),h++)}for(r=2,t=0;t<h;t++)f=f<<1|1&r,b==o-1?(b=0,m.push(n(f)),f=0):b++,r>>=1;for(;;){if(f<<=1,b==o-1){m.push(n(f));break}b++}return m.join("")},decompress:function(e){return null==e?"":""==e?null:a._decompress(e.length,32768,function(o){return e.charCodeAt(o)})},_decompress:function(o,n,t){var r,a,i,s,d,l,c,p=[],u=4,h=4,m=3,f="",b=[],g={val:t(0),position:n,index:1};for(r=0;r<3;r+=1)p[r]=r;for(i=0,d=Math.pow(2,2),l=1;l!=d;)s=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=t(g.index++)),i|=(s>
10?1:0)*l,l<<=1;switch(i){case 0:for(i=0,d=Math.pow(2,8),l=1;l!=d;)s=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=t(g.index++)),i|=(s>0?1:0)*l,l<<=1;c=e(i);break;case 1:for(i=0,d=Math.pow(2,16),l=1;l!=d;)s=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=t(g.index++)),i|=(s>0?1:0)*l,l<<=1;c=e(i);break;case 2:return""}for(p[3]=c,a=c,b.push(c);;){if(g.index>o)return"";for(i=0,d=Math.pow(2,m),l=1;l!=d;)s=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=t(g.index++)),i|=(s>0?1:0)*l,l<<=1;switch(c=i){case 0:for(i=0,d=Math.pow(2,8),l=1;l!=d;)s=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=t(g.index++)),i|=(s>0?1:0)*l,l<<=1;p[h++]=e(i),c=h-1,u--;break;case 1:for(i=0,d=Math.pow(2,16),l=1;l!=d;)s=g.val&g.position,g.position>>=1,0==g.position&&(g.position=n,g.val=t(g.index++)),i|=(s>0?1:0)*l,l<<=1;p[h++]=e(i),c=h-1,u--;break;case 2:return b.join("")}if(0==u&&(u=Math.pow(2,m),m++),p[c])f=p[c];else{if(c!==h)return null;f=a+a.charAt(0)}b.push(f),p[h++]=a+f.charAt(0),a=f,0==--u&&(u=Math.pow(2,m),m++)}}};return a}();void 0!==o&&null!=o&&(o.exports=n)},()=>(r||t((r={exports:{}}).exports,r),r.exports)),m=((e,o,n)=>(n=null!=e?s(p(e)):{},((e,o,n,t)=>{if(o&&"object"==typeof o||"function"==typeof o)for(let r of c(o))!u.call(e,r)&&r!==n&&d(e,r,{get:()=>o[r],enumerable:!(t=l(o,r))||t.enumerable});return e})(!o&&e&&e.__esModule?n:d(n,"default",{value:e,enumerable:!0}),e)))(h());async function f(e,o={}){"object"==typeof e&&!(e instanceof HTMLElement)&&(e.headless||"headless"===e.view)&&(o=e,e=null);let{config:n={},headless:t,loading:r="lazy",view:a}=o,i=t||"headless"===a,s=null,d=null;if("string"==typeof e)s=document.querySelector(e);else if(e instanceof HTMLElement)s=e;else if(!i||"object"!=typeof e)throw new Error("A valid container element is required.");if(!s){if(!i)throw new Error(`Cannot find element: "${e}"`);s=document.createElement("div"),C(s),document.body.appendChild(s)}let l=new URL(function(e={}){let o,{appUrl:n="https://livecodes.io",params:t={},config:r={},headless:a,import:i,lite:s,view:d,...l}=e;try{o=new URL(n)}catch(u){throw new Error(`${n} is not a valid URL.`)}let c=new URLSearchParams;Object.entries(l).forEach(([e,n])=>{void 0!==n&&o.searchParams.set(e,String(n))});let p="headless"===e.view||a;if(s&&(console.warn('Deprecation notice: "lite" option is deprecated. Use "config: { mode: \'lite\' }" instead.'),"object"==typeof r&&null==r.mode?r.mode="lite":o.searchParams.set("lite","true")),d&&(console.warn('Deprecation notice: The "view" option has been moved to "config.view". For headless mode use "headless: true".'),"object"==typeof r&&null==r.view&&"headless"!==d?r.view=d:o.searchParams.set("view",d)),"string"==typeof r)try{new URL(r),o.searchParams.set("config",encodeURIComponent(r))}catch(u){throw new Error('"config" is not a valid URL or configuration object.')}else r&&"object"==typeof r&&Object.keys(r).length>0&&(r.title&&"Untitled Project"!==r.title&&o.searchParams.set("title",r.title),r.description&&r.description.length>0&&o.searchParams.set("description",r.description),c.set("config","code/"+(0,m.compressToEncodedURIComponent)(JSON.stringify(r))));if(t&&"object"==typeof t&&Object.keys(t).length>0)try{c.set("params",(0,m.compressToEncodedURIComponent)(JSON.stringify(t)))}catch(u){Object.keys(t).forEach(e=>{o.searchParams.set(e,encodeURIComponent(String(t[e])))})}return i&&o.searchParams.set("x",encodeURIComponent(i)),p&&o.searchParams.set("headless","true"),c.toString().length>0&&(o.hash=c.toString()),o.href}(o)),c=l.origin;l.searchParams.set("embed","true"),l.searchParams.set("loading",i?"eager":r),l.searchParams.set("sdkVersion","0.13.0"),"object"==typeof n&&Object.keys(n).length>0&&l.searchParams.set("config","sdk");let p=o.params;"object"==typeof p&&Object.keys(p).length>0&&JSON.stringify(p).length<1800&&Object.keys(p).forEach(e=>{l.searchParams.set(e,encodeURIComponent(String(p[e])))});let u=!1,h="Cannot call API methods after calling `destroy()`.",f=[],b=(e,o="message")=>{addEventListener(o,e),f.push(e)},g=await new Promise(e=>{var o,t,a,p,u,h,m,f,g;if(!s)return;let w=s.dataset.height||s.style.height;if(w&&!i){let e=isNaN(Number(w))?w:w+"px";s.style.height=e}
1"false"!==s.dataset.defaultStyles&&!i&&((o=s.style).backgroundColor||(o.backgroundColor="#fff"),(t=s.style).border||(t.border="1px solid black"),(a=s.style).borderRadius||(a.borderRadius="8px"),(p=s.style).boxSizing||(p.boxSizing="border-box"),(u=s.style).padding||(u.padding="0"),(h=s.style).width||(h.width="100%"),(m=s.style).height||(m.height=s.style.height||"300px"),s.style.minHeight="200px",s.style.flexGrow="1",(f=s.style).overflow||(f.overflow="hidden"),(g=s.style).resize||(g.resize="vertical"));let y="livecodes",v=s.querySelector(`iframe.${y}`),x=v||document.createElement("iframe");x.classList.add(y),x.setAttribute("allow","accelerometer; camera; encrypted-media; display-capture; geolocation; gyroscope; microphone; midi; clipboard-read; clipboard-write; web-share"),x.setAttribute("allowtransparency","true"),x.setAttribute("allowpaymentrequest","true"),x.setAttribute("allowfullscreen","true"),x.setAttribute("sandbox","allow-same-origin allow-downloads allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-presentation allow-scripts");let k="eager"===r?"eager":"lazy";x.setAttribute("loading",k),i?C(x):(x.style.height="100%",x.style.minHeight="200px",x.style.width="100%",x.style.margin="0",x.style.border="0",x.style.borderRadius=s.style.borderRadius),b(function e(o){var n;o.source!==x.contentWindow||o.origin!==c||"livecodes-init"!==(null==(n=o.data)?void 0:n.type)||(removeEventListener("message",e),d=Number(o.data.payload.appVersion.replace(/^v/,"")))}),(!d||d<46)&&b(function e(o){var t,r;o.source!==x.contentWindow||o.origin!==c||"livecodes-get-config"!==(null==(t=o.data)?void 0:t.type)||(removeEventListener("message",e),null==(r=x.contentWindow)||r.postMessage({type:"livecodes-config",payload:n},c))}),x.onload=()=>{e(x)},x.src=l.href,v||s.appendChild(x)}),w=new Promise(e=>{b(function o(n){var t;n.source!==g.contentWindow||n.origin!==c||"livecodes-ready"!==(null==(t=n.data)?void 0:t.type)||(removeEventListener("message",o),e(),w.settled=!0)})}),y=()=>u?Promise.reject(h):new Promise(async e=>{var o;w.settled&&e();null==(o=g.contentWindow)||o.postMessage({type:"livecodes-load"},c),await w,e()}),v=(e,o)=>new Promise(async(n,t)=>{var r;if(u)return t(h);await y();let a=_();b(function o(r){var i,s;if(r.source===g.contentWindow&&r.origin===c&&"livecodes-api-response"===(null==(i=r.data)?void 0:i.type)&&(null==(s=r.data)?void 0:s.id)===a&&r.data.method===e){removeEventListener("message",o);let e=r.data.payload;null!=e&&e.error?t(e.error):n(e)}}),null==(r=g.contentWindow)||r.postMessage({method:e,id:a,args:o},c)}),x={},k=["load","ready","code","console","tests","destroy"],j=(e,o)=>{var n;if(u)throw new Error(h);return k.includes(e)?(v("watch",[e]),x[e]||(x[e]=[]),null==(n=x[e])||n.push(o),{remove:()=>{var n,t;x[e]=null==(n=x[e])?void 0:n.filter(e=>e!==o),0===(null==(t=x[e])?void 0:t.length)&&v("watch",[e,"unsubscribe"])}}):{remove:()=>{}}};b(async function(e){var o,n,t,r;let a={"livecodes-app-loaded":"load","livecodes-ready":"ready","livecodes-change":"code","livecodes-console":"console","livecodes-test-results":"tests","livecodes-destroy":"destroy"}[null!=(n=null==(o=e.data)?void 0:o.type)?n:""];if(e.source!==g.contentWindow||e.origin!==c||!a||!x[a])return;let i=null==(t=e.data)?void 0:t.payload;null==(r=x[a])||r.forEach(e=>{e(i)})});let S;function C(e){e.style.position="absolute",e.style.top="0",e.style.visibility="hidden",e.style.opacity="0"}"lazy"===r&&"IntersectionObserver"in window&&(S=new IntersectionObserver((e,o)=>{e.forEach(async e=>{e.isIntersecting&&(await y(),o.unobserve(s))})},{rootMargin:"150px"}),S.observe(s));let _=()=>(String(Math.random())+Date.now().toFixed()).replace("0.","");return{load:()=>y(),run:()=>v("run"),format:e=>v("format",[e]),getShareUrl:e=>v("getShareUrl",[e]),getConfig:e=>v("getConfig",[e]),setConfig:e=>v("setConfig",[e]),getCode:()=>v("getCode"),show:(e,o)=>v("show",[e,o]),runTests:()=>v("runTests"),onChange:e=>j("code",e),watch:j,exec:(e,...o)=>v("exec",[e,...o]),destroy:()=>{return u?Promise.reject(h):(null==(e=null==g?void 0:g.remove)||e.call(g),Object.values(x).forEac
1h(e=>{e.length=0}),f.forEach(e=>removeEventListener("message",e)),f.length=0,S&&s&&S.unobserve(s),u=!0,Promise.resolve());var e}}}function b(e){let o=(0,a.useRef)(null),[n,t]=(0,a.useState)(e.className||""),[r,s]=(0,a.useState)(e.style||{}),[d,l]=(0,a.useState)(e.height),[c,p]=(0,a.useState)(),[u,h]=(0,a.useState)(JSON.stringify(e.config||"")),[m,b]=(0,a.useState)("");return(0,a.useEffect)(()=>{if(!o.current)return;let{className:n,style:r,height:a,sdkReady:i,config:d,...g}=e;if(t(n||""),s(r||{}),l(a),c&&m===JSON.stringify(g)){if(u===JSON.stringify(d))return;h(JSON.stringify(d)),"string"==typeof d?fetch(d).then(e=>e.json()).then(e=>{null==c||c.setConfig(e)}):d&&c.setConfig(d)}else b(JSON.stringify(g)),null==c||c.destroy(),f(o.current,{config:d,...g}).then(e=>{p(e),"function"==typeof i&&i(e)})},[e]),(0,a.useEffect)(()=>()=>{null==c||c.destroy()},[]),(0,i.jsx)("div",{ref:o,className:n,style:r,"data-height":d})}},4056(e,o,n){n.d(o,{R:()=>i,x:()=>s});var t=n(2155);const r={},a=t.createContext(r);function i(e){const o=t.useContext(a);return t.useMemo(function(){return"function"==typeof e?e(o):{...o,...e}},[o,e])}function s(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:i(e.components),t.createElement(a.Provider,{value:o},e.children)}},8582(e,o,n){n.r(o),n.d(o,{assets:()=>l,contentTitle:()=>d,default:()=>u,frontMatter:()=>s,metadata:()=>t,toc:()=>c});const t=JSON.parse('{"id":"address-lookup/style-tweaks","title":"Style Adjustments","description":"It\'s possible that the default styling may require a small tweak to allow it to better match your design and site aesthetic. Rather than adding CSS assets, we recommend applying a style attribute as a setup configuration option. The configurations below apply a style attribute directly to a specific element of the Address Lookup.","source":"@site/docs/address-lookup/style-tweaks.mdx","sourceDirName":"address-lookup","slug":"/address-lookup/style-tweaks","permalink":"/docs/address-lookup/style-tweaks","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"title":"Style Adjustments","sidebar_label":"Style Adjustments"},"sidebar":"addressfinder","previous":{"title":"Default Styling","permalink":"/docs/address-lookup/default-styling"},"next":{"title":"CSS Classes","permalink":"/docs/address-lookup/css-classes"}}');var r=n(5723),a=n(4056),i=n(1571);const s={title:"Style Adjustments",sidebar_label:"Style Adjustments"},d=void 0,l={},c=[{value:"Input",id:"input",level:2},{value:"Suggestion Element",id:"suggestion-element",level:2},{value:"Suggestion List",id:"suggestion-list",level:2},{value:"Address Lookup Container",id:"address-lookup-container",level:2},{value:"Main Style",id:"main-style",level:2},{value:"Demo",id:"demo",level:2}];function p(e){const o={code:"code",h2:"h2",p:"p",...(0,a.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.p,{children:"It's possible that the default styling may require a small tweak to allow it to better match your design and site aesthetic. Rather than adding CSS assets, we recommend applying a style attribute as a setup configuration option. The configurations below apply a style attribute directly to a specific element of the Address Lookup."}),"\n",(0,r.jsx)(o.h2,{id:"input",children:"Input"}),"\n",(0,r.jsx)(o.p,{children:(0,r.jsx)(o.code,{children:"inputStyle"})}),"\n",(0,r.jsx)(o.p,{children:"Applies additional styling to the input field."}),"\n",(0,r.jsx)(o.h2,{id:"suggestion-element",children:"Suggestion Element"}),"\n",(0,r.jsx)(o.p,{children:(0,r.jsx)(o.code,{children:"liStyle"})}),"\n",(0,r.jsxs)(o.p,{children:["Applies custom styling to every list element ",(0,r.jsx)(o.code,{children:"<li>"})," including address suggestions and messages."]}),"\n",(0,r.jsx)(o.h2,{id:"suggestion-list",children:"Suggestion List"}),"\n",(0,r.jsx)(o.p,{children:(0,r.jsx)(o.code,{children:"listStyle"})}),"\n",(0,r.jsx)(o.p,{children:"Applies additional styling to the suggestion list."}),"\n",(0,r.jsx)(o.h2,{id:"address-lookup-container",children:"Address Lookup Container"}),"\n",(0,r.jsx)(o.p,{children:(0,r.jsx)(o.code,{children:"containerStyle"})}),"\n",(0,r.jsx)(o.p,{children:"Applies additional styling to the container element."}),"\n",(0,r.jsx)(o.h2,{id:"main-style",children:"Main Style"}),"\n",(0,r.jsx)(o.p,{children:(0,r.jsx)(o.code,{children:"mainStyle"})}),"\n",(0,r.jsx)(o.h2,{id:"demo",children:"Demo"}),"\n",(0,r.jsx)(i.n,{html:'<form>\n<label for="line_1">Address First Line</label>\n<input type="text" id="line_1" />\n<label for="line_2">Address Second Line</label>\n<input type="text" id="line_2" />\n<label for="city">City</label>\n<input type="text" id="city" />\n<label for="state">State</label>\n<input type="text" id="state" />\n<label for="zipcode">Zip Code</label>\n<input type="text" id="zipcode" />\n</form>',js:'\nimport { AddressLookup } from "@addresszen/address-lookup";\n\nAddressLookup.setup({\n apiKey: "ak_test",\n inputStyle: {\
1n border: "4px solid #e11d48",\n backgroundColor: "#fff1f2",\n color: "#881337",\n fontWeight: "600",\n fontSize: "1.05rem",\n },\n listStyle: {\n borderRadius: "16px",\n border: "4px solid #e11d48",\n backgroundColor: "#fff1f2",\n boxShadow: "0 8px 24px rgba(225, 29, 72, 0.35)",\n },\n liStyle: {\n padding: "20px 24px",\n fontSize: "1.05rem",\n fontWeight: "600",\n color: "#881337",\n borderBottom: "1px solid #fecdd3",\n },\n outputFields: {\n line_1: "#line_1",\n line_2: "#line_2",\n city: "#city",\n state: "#state",\n zip_plus_4_code: "#zipcode",\n },\n});\n'})]})}function u(e={}){const{wrapper:o}={...(0,a.R)(),...e.components};return o?(0,r.jsx)(o,{...e,children:(0,r.jsx)(p,{...e})}):p(e)}},9741(e,o,n){n.d(o,{A:()=>a});n(2155);var t=n(1950),r=n(5723);function a({children:e,fallback:o}){return(0,t.A)()?(0,r.jsx)(r.Fragment,{children:e?.()}):o??null}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.