"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[6548],{62860:(e,t,n)=>{n.d(t,{A:()=>i});var o=n(23536),r=n.n(o),s=n(75248),a=n.n(s)()(r());a.push([e.id,"html,\nbody {\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n}\n","",{version:3,sources:["webpack://./src/main/main.css"],names:[],mappings:"AAAA;;EAEE,WAAW;EACX,YAAY;EACZ,UAAU;EACV,SAAS;AACX",sourcesContent:["html,\nbody {\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n}\n"],sourceRoot:""}]);const i=a},75248:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",o=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),o&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),o&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,o,r,s){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(a[c]=!0)}for(var d=0;d<e.length;d++){var u=[].concat(e[d]);o&&a[u[0]]||(void 0!==s&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=s),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),r&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=r):u[4]="".concat(r)),t.push(u))}},t}},23536:e=>{e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),s="/*# ".concat(r," */");return[t].concat([s]).join("\n")}return[t].join("\n")}},97478:e=>{var t=[];function n(e){for(var n=-1,o=0;o<t.length;o++)if(t[o].identifier===e){n=o;break}return n}function o(e,o){for(var s={},a=[],i=0;i<e.length;i++){var c=e[i],d=o.base?c[0]+o.base:c[0],u=s[d]||0,p="".concat(d," ").concat(u);s[d]=u+1;var l=n(p),f={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==l)t[l].references++,t[l].updater(f);else{var m=r(f,o);o.byIndex=i,t.splice(i,0,{identifier:p,updater:m,references:1})}a.push(p)}return a}function r(e,t){var n=t.domAPI(t);n.update(e);return function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,r){var s=o(e=e||[],r=r||{});return function(e){e=e||[];for(var a=0;a<s.length;a++){var i=n(s[a]);t[i].references--}for(var c=o(e,r),d=0;d<s.length;d++){var u=n(s[d]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}s=c}}},61301:e=>{var t={};e.exports=function(e,n){var o=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(n)}},6626:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},49222:(e,t,n)=>{e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},27135:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var r=void 0!==n.layer;r&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,r&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var s=n.sourceMap;s&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},88279:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},96548:(e,t,n)=>{n.r(t),n.d(t,{MainApplication:()=>k,MainTemplate:()=>r});var o=n(33681);const r=o.html`
  <design-system-editor custom-design-mode="${e=>e.tokensPath}">
    <design-system-preview></design-system-preview>
    <design-system-export slot="export" tokensPath="${e=>e.tokensPath}"></design-system-export>
  </design-system-editor>
`;var s=n(68871),a=n(44947),i=n(29915),c=n(96521),d=n(54634);a.DesignSystemPreview,a.DesignSystemEditor,a.DesignSystemExport;const u=(0,n(26257).createLogger)("design-system-configurator");var p=n(97478),l=n.n(p),f=n(27135),m=n.n(f),h=n(61301),v=n.n(h),g=n(49222),y=n.n(g),A=n(6626),b=n.n(A),C=n(88279),_=n.n(C),E=n(62860),S={};S.styleTagTransform=_(),S.setAttributes=y(),S.insert=v().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=b();l()(E.A,S);E.A&&E.A.locals&&E.A.locals;const w=o.css`
  :host {
    display: flex;
    height: 100%;
    overflow: hidden;
  }
`,x="design-system-configurator";let k=class extends o.FASTElement{constructor(){super(...arguments),this.ready=!1}connectedCallback(){super.connectedCallback(),fetch("api/tokens").then((e=>e.ok&&e.json())).then((e=>{e.design_tokens&&(this.tokensPath=!0,this.$emit(a.EventName.APPLY_CUSTOM_DESIGN,e))})).catch((e=>{console.error("Error fetching path:",e)})),u.debug(`${x} is now connected to the DOM`),this.loadRemotes()}loadRemotes(){return(0,s.__awaiter)(this,void 0,void 0,(function*(){yield(0,s.__awaiter)(void 0,void 0,void 0,(function*(){(0,i.provideDesignSystem)().register(i.baseComponents,c.rapidGridComponents),(0,d.provideFASTDesignSystem)().register(d.allComponents)}));this.ready=!0}))}};(0,s.__decorate)([o.observable],k.prototype,"ready",void 0),(0,s.__decorate)([o.attr],k.prototype,"tokensPath",void 0),k=(0,s.__decorate)([(0,o.customElement)({name:x,template:r,styles:w})],k)}}]);
//# sourceMappingURL=6548.32b2b1cc787aa3b9f22ac007a16d92cf.js.map