(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[189],{5210:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var a=n(1604),r=n.n(a),o=n(361),s=n.n(o)()(r());s.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=s},361:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",a=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),a&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),a&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,a,r,o){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(a)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(s[c]=!0)}for(var l=0;l<e.length;l++){var p=[].concat(e[l]);a&&s[p[0]]||(void 0!==o&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=o),n&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=n):p[2]=n),r&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=r):p[4]="".concat(r)),t.push(p))}},t}},1604:e=>{"use strict";e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),o="/*# ".concat(r," */");return[t].concat([o]).join("\n")}return[t].join("\n")}},487:e=>{"use strict";var t=[];function n(e){for(var n=-1,a=0;a<t.length;a++)if(t[a].identifier===e){n=a;break}return n}function a(e,a){for(var o={},s=[],i=0;i<e.length;i++){var c=e[i],l=a.base?c[0]+a.base:c[0],p=o[l]||0,d="".concat(l," ").concat(p);o[l]=p+1;var u=n(d),m={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==u)t[u].references++,t[u].updater(m);else{var f=r(m,a);a.byIndex=i,t.splice(i,0,{identifier:d,updater:f,references:1})}s.push(d)}return s}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 o=a(e=e||[],r=r||{});return function(e){e=e||[];for(var s=0;s<o.length;s++){var i=n(o[s]);t[i].references--}for(var c=a(e,r),l=0;l<o.length;l++){var p=n(o[l]);0===t[p].references&&(t[p].updater(),t.splice(p,1))}o=c}}},2052:e=>{"use strict";var t={};e.exports=function(e,n){var a=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(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(n)}},1469:e=>{"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},4010:(e,t,n)=>{"use strict";e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},631:e=>{"use strict";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 a="";n.supports&&(a+="@supports (".concat(n.supports,") {")),n.media&&(a+="@media ".concat(n.media," {"));var r=void 0!==n.layer;r&&(a+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),a+=n.css,r&&(a+="}"),n.media&&(a+="}"),n.supports&&(a+="}");var o=n.sourceMap;o&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),t.styleTagTransform(a,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},9329:e=>{"use strict";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))}}},4189:(e,t,n)=>{"use strict";n.r(t),n.d(t,{MainApplication:()=>M,MainTemplate:()=>r});var a=n(3147);const r=a.html`
  <design-system-editor custom-design-mode>
    <design-system-preview-container></design-system-preview-container>
    <design-system-export slot="export"></design-system-export>
  </design-system-editor>
`;var o=n(5286),s=n(5923),i=n(241),c=n(3896);const l=a.css`
  :host {
    background: var(--fill-color);
    color: var(--neutral-foreground-rest);
    flex-direction: column;
    flex: 1;
  }

  alpha-tab-panel {
    padding: 0;
  }

  .wrapper {
    padding: 0 calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px);
  }
`,p=a.html`
  <template>
    <alpha-tabs>
      <alpha-tab slot="tab">Components</alpha-tab>
      <alpha-tab slot="tab">Palettes</alpha-tab>
      <alpha-tab slot="tab">Typography</alpha-tab>
      <alpha-tab-panel slot="tabpanel">
        <design-system-preview></design-system-preview>
      </alpha-tab-panel>
      <alpha-tab-panel slot="tabpanel">
        <div class="wrapper">
          <h3>Accent</h3>
          <color-palette type="accent"></color-palette>
          <h3>Neutral</h3>
          <color-palette type="neutral"></color-palette>
        </div>
      </alpha-tab-panel>
      <alpha-tab-panel slot="tabpanel">
        <typography-tokens></typography-tokens>
      </alpha-tab-panel>
    </alpha-tabs>
  </template>
`;let d=class extends a.FASTElement{};d=(0,o.__decorate)([(0,a.customElement)({name:"design-system-preview-container",template:p,styles:l})],d),i.DesignSystemEditor,i.DesignSystemPreview,i.DesignSystemExport,i.ColorPalette;const u=(0,n(6524).createLogger)("desgn-system-configurator");var m=n(487),f=n.n(m),h=n(631),v=n.n(h),g=n(2052),y=n.n(g),b=n(4010),A=n.n(b),w=n(1469),C=n.n(w),x=n(9329),E=n.n(x),S=n(5210),_={};_.styleTagTransform=E(),_.setAttributes=A(),_.insert=y().bind(null,"head"),_.domAPI=v(),_.insertStyleElement=C();f()(S.Z,_);S.Z&&S.Z.locals&&S.Z.locals;const T=a.css`
  :host {
    display: flex;
    height: 100%;
    overflow: hidden;
  }
`,k="design-system-configurator";let M=class extends a.FASTElement{constructor(){super(...arguments),this.ready=!1}connectedCallback(){super.connectedCallback(),u.debug(`${k} is now connected to the DOM`),this.loadRemotes()}loadRemotes(){return(0,o.__awaiter)(this,void 0,void 0,(function*(){yield(0,o.__awaiter)(void 0,void 0,void 0,(function*(){(0,s.provideDesignSystem)().register(s.baseComponents),(0,c.provideFASTDesignSystem)().register(c.allComponents)}));this.ready=!0}))}};(0,o.__decorate)([a.observable],M.prototype,"ready",void 0),M=(0,o.__decorate)([(0,a.customElement)({name:k,template:r,styles:T})],M)}}]);
//# sourceMappingURL=189.13c717a624d5d53481cfa3d8b26d21f9488deb601fef461109edbcc30c08a101.js.map