@rededor/cura 0.5.2 → 0.5.3

package/dist/cura/p-b0e13882.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-36a83bc7.system.js","./p-a32889a4.system.js"],(function(t){"use strict";var o,e,i,s,r,a;return{setters:[function(t){o=t.r;e=t.h;i=t.H;s=t.g},function(t){r=t.m;a=t.i}],execute:function(){var l=':host{display:block;color:var(--font-color);font-size:var(--font-size);font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--font-weight-regular)}:host::after{content:"";display:block;border-bottom:solid 1px var(--neutral-base);width:100%}';var n=t("cura_accordion",function(){function t(t){var e=this;o(this,t);this.mutationObserverCallback=function(t,o){var i;var s=function(t){if(t.type==="attributes"&&t.attributeName==="opened"&&((i=t.target)===null||i===void 0?void 0:i["opened"])){if(e.behavior!=="default")return"continue";e.host.querySelectorAll("cura-accordion-item").forEach((function(o){if(o!=t.target){o.opened=false}}))}if(t.type==="childList"){var o=Array.from(t.addedNodes||[]);for(var s=0,r=o;s<r.length;s++){var a=r[s];e.setChildProperties(a)}}};for(var r=0,a=t;r<a.length;r++){var l=a[r];s(l)}};this.mutationObserver=new MutationObserver(this.mutationObserverCallback);this.color="primary";this.activeColor="accent";this.colorMode="dark";this.iconSize=32;this.openIcon="down";this.closeIcon="up";this.iconColor="";this.iconActiveColor="";this.behavior="default";this.styles={}}t.prototype.handleChangeColor=function(){this.setColors()};t.prototype.connectedCallback=function(){var t=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-purewhite"]=window.CuraAPI.theme.colors.getColor("neutral-purewhite");this.styles["--neutral-lighter"]=window.CuraAPI.theme.colors.getColor("neutral-lighter");this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor("neutral-base");this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-color"]=window.CuraAPI.theme.fonts.getColor();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-regular"]=t.regular;this.setColors()};t.prototype.componentDidLoad=function(){var t=this;this.host.querySelectorAll("cura-accordion-item").forEach((function(o){t.setChildProperties(o)}));var o={childList:true,subtree:true,attributes:true};this.mutationObserver.observe(this.host,o)};t.prototype.disconnectedCallback=function(){this.mutationObserver.disconnect()};t.prototype.setChildProperties=function(t){t.colorMode=this.colorMode;t.iconColor=this.iconColor||this.color;t.iconActiveColor=this.iconActiveColor||this.activeColor;t.iconSize=this.iconSize;t.openIcon=this.openIcon;t.closeIcon=this.closeIcon};t.prototype.setColors=function(){this.styles=Object.assign(Object.assign({},this.styles),{"--color-lighter":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-lighter")),"--color-light":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-light")),"--color-base":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-base")),"--color-dark":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-dark")),"--color-active-lighter":window.CuraAPI.theme.colors.getColor("".concat(this.activeColor,"-lighter")),"--color-active-light":window.CuraAPI.theme.colors.getColor("".concat(this.activeColor,"-light")),"--color-active-base":window.CuraAPI.theme.colors.getColor("".concat(this.activeColor,"-base")),"--color-active-dark":window.CuraAPI.theme.colors.getColor("".concat(this.activeColor,"-dark")),"--icon-color-lighter":window.CuraAPI.theme.colors.getColor("".concat(this.iconColor||this.color,"-lighter")),"--icon-color-light":window.CuraAPI.theme.colors.getColor("".concat(this.iconColor||this.color,"-light")),"--icon-color-base":window.CuraAPI.theme.colors.getColor("".concat(this.iconColor||this.color,"-base")),"--icon-color-dark":window.CuraAPI.theme.colors.getColor("".concat(this.iconColor||this.color,"-dark")),"--icon-color-active-lighter":window.CuraAPI.theme.colors.getColor("".concat(this.iconActiveColor||this.activeColor,"-lighter")),"--icon-color-active-light":window.CuraAPI.theme.colors.getColor("".concat(this.iconActiveColor||this.activeColor,"-light")),"--icon-color-active-base":window.CuraAPI.theme.colors.getColor("".concat(this.iconActiveColor||this.activeColor,"-base")),"--icon-color-active-dark":window.CuraAPI.theme.colors.getColor("".concat(this.iconActiveColor||this.activeColor,"-dark"))})};t.prototype.render=function(){return e(i,{style:this.styles},e("slot",{name:"accordion-item"}))};Object.defineProperty(t.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{color:["handleChangeColor"],activeColor:["handleChangeColor"]}},enumerable:false,configurable:true});return t}());n.style=l;var h=':host{display:block}:host .accordion-item{width:100%}:host .accordion-item .label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .accordion-item .label::before{content:"";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item .label .label-container{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;gap:calc(var(--base-spacing) * 2px);min-height:40px;word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular);color:var(--color-base);padding:0px}:host .accordion-item .label .label-container cura-icon{margin-right:4px}:host .accordion-item .label .label-container:hover{color:var(--color-light)}:host .accordion-item .label .label-container:hover cura-icon{--color:var(--icon-color-light) !important}:host .accordion-item .label .label-container:active{color:var(--color-dark)}:host .accordion-item .label .label-container:active cura-icon{--color:var(--icon-color-dark) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;-webkit-transition:max-height 0.25s ease;transition:max-height 0.25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--base-spacing) * 2px) 0px;border-top:solid 1px var(--neutral-base)}:host .accordion-item.active .label .label-container{color:var(--color-active-base)}:host .accordion-item.active .label .label-container:hover{color:var(--color-active-light)}:host .accordion-item.active .label .label-container:hover cura-icon{--color:var(--icon-color-active-light) !important}:host .accordion-item.active .label .label-container:active{color:var(--color-active-dark)}:host .accordion-item.active .label .label-container:active cura-icon{--color:var(--icon-color-active-dark) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;-webkit-transition:max-height 0.5s ease 0.14s;transition:max-height 0.5s ease 0.14s}:host .accordion-item.inverted .label .label-container{color:var(--neutral-lighter)}:host .accordion-item.inverted .label .label-container:hover{color:var(--color-lighter)}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color:var(--icon-color-lighter) !important}:host .accordion-item.inverted .label .label-container:active{color:var(--color-light)}:host .accordion-item.inverted .label .label-container:active cura-icon{--color:var(--icon-color-light) !important}:host .accordion-item.active.inverted .label .label-container{color:var(--neutral-purewhite)}:host .accordion-item.active.inverted .label .label-container:hover{color:var(--color-active-lighter)}:host .accordion-item.active.inverted .label .label-container:hover cura-icon{--color:var(--icon-color-active-lighter) !important}:host .accordion-item.active.inverted .label .label-container:active{color:var(--color-active-light)}:host .accordion-item.active.inverted .label .label-container:active cura-icon{--color:var(--icon-color-active-light) !important}@media (min-width: 769px) and (max-width: 992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media (min-width: 993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}';var c=t("cura_accordion_item",function(){function t(t){o(this,t);this.label="";this.iconSize=32;this.openIcon="down";this.closeIcon="up";this.iconColor="";this.iconActiveColor="";this.colorMode="dark";this.opened=false;this.styles={}}t.prototype.getIconColor=function(){var t=this.colorMode==="light";var o=t?"neutral-lighter":"".concat(this.iconColor,"-base");var e=t?"neutral-purewhite":"".concat(this.iconActiveColor,"-base");return this.opened?e:o};t.prototype.getClasses=function(){var t={};t["accordion-item"]=true;t["active"]=this.opened;t["inverted"]=this.colorMode==="light";return t};t.prototype.accordionItemClick=function(t){this.opened=!this.opened};t.prototype.render=function(){var t=this;return e(i,{slot:"accordion-item"},e("div",{class:this.getClasses(),style:this.styles},e("div",{class:"label",onClick:function(o){return t.accordionItemClick(o)}},e("div",{class:"label-container"},e("span",null,this.label),e("cura-icon",{name:this.opened?this.closeIcon:this.openIcon,size:this.iconSize,color:this.getIconColor()}))),e("div",{class:"content"},e("div",{class:"content-wrapper"},e("slot",null)))))};return t}());c.style=h;var d=':host{--border-radius:4px;display:inline-block;vertical-align:middle}:host button,:host a{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);background-color:var(--color-base);border:none;padding:calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 13px);min-width:calc(var(--base-spacing) * 13px)}:host button:not(.isLoading):not(.disabled):hover,:host a:not(.isLoading):not(.disabled):hover{background-color:var(--color-light)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark)}:host button:hover,:host a:hover{-webkit-box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16);box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{-webkit-box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16);box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{-webkit-box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16);box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{-webkit-box-shadow:none !important;box-shadow:none !important}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px);min-width:calc(var(--base-spacing) * 11px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 8px);min-width:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}:host button.icon-right .button-container,:host a.icon-right .button-container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host button .label,:host a .label{-ms-flex:1;flex:1;font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:1.43em;line-height:1.2em;text-align:var(--text-align, "left");color:var(--neutral-black)}:host button .label.inverted,:host a .label.inverted{color:var(--neutral-white)}:host button.medium .label,:host a.medium .label{font-size:1.14em}:host button.small .label,:host a.small .label{font-size:1em}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host a.medium.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.7px)}:host button.medium.icon-right cura-icon,:host a.medium.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.7px)}:host button.small.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.5px)}:host button.small.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.5px)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-light)}:host button.disabled .label,:host button.disabled .label.inverted,:host a.disabled .label,:host a.disabled .label.inverted{color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3.5px)}:host button.icon-only .label,:host a.icon-only .label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 2.75px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 1.5px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0.3}:host button.isLoading.icon-only .button-container,:host a.isLoading.icon-only .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}';var g=t("cura_button",function(){function t(t){o(this,t);this.size="medium";this.disabled=false;this.isLoading=false;this.iconName=undefined;this.iconset="default";this.iconPosition="left";this.iconOnly=false;this.href=undefined;this.target="_self";this.color="accent";this.fontColor="dark";this.textAlign="left";this.styles={}}t.prototype.handleChangeColor=function(){this.setColors()};t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor("neutral-white");this.styles["--neutral-light"]=window.CuraAPI.theme.colors.getColor("neutral-light");this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark");this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium;this.styles["--text-align"]=this.textAlign;this.setColors()};t.prototype.getClasses=function(){var t={};t["".concat(this.size.toLowerCase())]=true;t["icon-".concat(this.iconPosition.toLowerCase())]=true;t["icon-only"]=this.iconOnly;t["inverted"]=this.fontColor==="light";t["disabled"]=this.disabled;t["isLoading"]=this.isLoading;return t};t.prototype.setColors=function(){this.styles=Object.assign(Object.assign({},this.styles),{"--color-light":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-light")),"--color-base":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-base")),"--color-dark":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-dark"))})};t.prototype.getIcon=function(){if(!this.iconName)return"";var t=this.size==="small"?16:this.size==="medium"?20:24;var o=this.getSymbolColor();return e("cura-icon",{name:this.iconName,iconset:this.iconset,size:t,color:o})};t.prototype.getSymbolColor=function(){return this.disabled?"neutral-dark":this.fontColor==="light"?"neutral-white":"neutral-black"};t.prototype.handleClick=function(t){if(this.disabled||this.isLoading)t.preventDefault()};t.prototype.render=function(){var t=this;return e(i,null,this.href?e("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:function(o){return t.handleClick(o)}},e("span",{class:"button-container"},this.getIcon(),e("span",{class:{label:true,inverted:this.fontColor==="light"}},e("slot",null))),e("cura-loader-circle",{size:this.size,color:this.getSymbolColor()})):e("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null,onClick:function(o){return t.handleClick(o)}},e("span",{class:"button-container"},this.getIcon(),e("span",{class:{label:true,inverted:this.fontColor==="light"}},e("slot",null))),e("cura-loader-circle",{size:this.size,color:this.getSymbolColor()})))};Object.defineProperty(t,"watchers",{get:function(){return{color:["handleChangeColor"]}},enumerable:false,configurable:true});return t}());g.style=d;var m=":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.714em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.071em;letter-spacing:-0.58px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:calc(var(--line-height) + 20%)}:host h1.small.bold-weight,:host h1.small ::slotted(b),:host h1.small ::slotted(strong),:host h2.small.bold-weight,:host h2.small ::slotted(b),:host h2.small ::slotted(strong),:host h3.small.bold-weight,:host h3.small ::slotted(b),:host h3.small ::slotted(strong),:host h4.small.bold-weight,:host h4.small ::slotted(b),:host h4.small ::slotted(strong),:host h5.small.bold-weight,:host h5.small ::slotted(b),:host h5.small ::slotted(strong),:host h6.small.bold-weight,:host h6.small ::slotted(b),:host h6.small ::slotted(strong){font-weight:var(--font-weight-bold)}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:0.714em;font-weight:var(--font-weight-medium);letter-spacing:0.6px}:host h1.xsmall.bold-weight,:host h1.xsmall ::slotted(b),:host h1.xsmall ::slotted(strong),:host h2.xsmall.bold-weight,:host h2.xsmall ::slotted(b),:host h2.xsmall ::slotted(strong),:host h3.xsmall.bold-weight,:host h3.xsmall ::slotted(b),:host h3.xsmall ::slotted(strong),:host h4.xsmall.bold-weight,:host h4.xsmall ::slotted(b),:host h4.xsmall ::slotted(strong),:host h5.xsmall.bold-weight,:host h5.xsmall ::slotted(b),:host h5.xsmall ::slotted(strong),:host h6.xsmall.bold-weight,:host h6.xsmall ::slotted(b),:host h6.xsmall ::slotted(strong){font-weight:var(--font-weight-bold)}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em;letter-spacing:-0.66px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:0.857em;line-height:calc(var(--line-height) + 3%);letter-spacing:0.72px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:calc(var(--line-height) + 5%);letter-spacing:-0.82px}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.929em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.714em;line-height:calc(var(--line-height) + 30%);letter-spacing:0%}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:1em;line-height:calc(var(--line-height) + 12.857%);letter-spacing:0.28px}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-medium)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}:host ::slotted(i),:host ::slotted(em){font-weight:var(--font-weight-medium)}";var u=t("cura_heading",function(){function t(t){o(this,t);this.theme=window.CuraAPI.theme;this.level=1;this.size="medium";this.weight="regular";this.spotColor="accent-dark";this.color=undefined;this.marginBlock="1.25em";this.lineHeight="130%";this.styles={}}t.prototype.handleChangeColor=function(){this.setColors()};t.prototype.connectedCallback=function(){this.setFontProperties();this.setColors()};t.prototype.getClasses=function(){var t={};t[this.size.toLowerCase()]=true;t["".concat(this.weight.toLowerCase(),"-weight")]=true;return t};t.prototype.setFontProperties=function(){this.weights=this.theme.fonts.getWeights();this.fontSizeBase=this.theme.fonts.getSize();this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("heading"),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black}};t.prototype.hostCSSProperties=function(){return{"--margin-block":this.marginBlock,"--font-size-base":this.fontSizeBase,"--line-height":this.lineHeight}};t.prototype.setColors=function(){var t=this.color?this.theme.colors.getColor(this.color):this.theme.fonts.getColor();this.styles=Object.assign(Object.assign({},this.styles),{"--color-body":t||this.theme.colors.getColor("neutral-darker"),"--color-link":this.theme.colors.getColor("".concat(this.spotColor))})};t.prototype.getHeadingTag=function(){var t={1:e("h1",{style:this.styles,class:this.getClasses()},e("slot",null)),2:e("h2",{style:this.styles,class:this.getClasses()},e("slot",null)),3:e("h3",{style:this.styles,class:this.getClasses()},e("slot",null)),4:e("h4",{style:this.styles,class:this.getClasses()},e("slot",null)),5:e("h5",{style:this.styles,class:this.getClasses()},e("slot",null)),6:e("h6",{style:this.styles,class:this.getClasses()},e("slot",null)),default:e("h1",{style:this.styles,class:this.getClasses()},e("slot",null))};return t["".concat(this.level)]||t["default"]};t.prototype.render=function(){return e(i,{style:this.hostCSSProperties()},this.getHeadingTag())};Object.defineProperty(t.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{color:["handleChangeColor"],spotColor:["handleChangeColor"]}},enumerable:false,configurable:true});return t}());u.style=m;var p=":host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";var b=t("cura_icon",function(){function t(t){o(this,t);this.name="";this.color="neutral-base";this.size=undefined;this.iconset="default";this.disabled=false}t.prototype.sizeHandler=function(t){if(t==="micro"&&!r.includes(this.name)){t=16;console.warn("Icon ".concat(this.name," doesn't support micro size. Minimum size of 16 was applied instead."))}var o=function(t){return"".concat(a[t].stroke*(a.default.size/a[t].size),"px")};this.setHostProperty("--size",a["".concat(t)]?"".concat(a[t].size,"px"):"".concat(a.default.size,"px"));this.setHostProperty("--stroke",a["".concat(t)]?o(t):o("default"))};t.prototype.colorHandler=function(){this.setHostProperty("--color",window.CuraAPI.theme.colors.getColor(this.disabled?"neutral-light":this.color||"neutral"))};t.prototype.connectedCallback=function(){this.assetsPath=window.CuraAPI.localAssetsPath;this.sizeHandler(this.size);this.colorHandler()};t.prototype.setHostProperty=function(t,o){this.host.style.setProperty(t,o)};t.prototype.render=function(){return e(i,null,e("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg"},e("use",{xlinkHref:"".concat(this.assetsPath,"/icons/iconset-").concat(this.iconset,".svg#").concat(this.name)})))};Object.defineProperty(t.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:["sizeHandler"],color:["colorHandler"],disabled:["colorHandler"]}},enumerable:false,configurable:true});return t}());b.style=p;var f=":host{display:inline-block;width:var(--size);height:var(--size)}:host svg{width:var(--size);height:var(--size);-webkit-animation:rotate 0.7s linear infinite;animation:rotate 0.7s linear infinite}:host circle,:host path{stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}:host path{stroke:var(--color)}:host stop{stop-color:var(--color)}:host linearGradient stop:first-child{stop-opacity:0.14}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var v=t("cura_loader_circle",function(){function t(t){var e=this;o(this,t);this.sizes={xlarge:32,large:24,medium:20,small:16,default:16};this.getPxSize=function(){return e.sizes[e.size]||e.sizes["default"]};this.size="medium";this.color="neutral-white"}t.prototype.getStyles=function(){return{"--size":"".concat(this.getPxSize(),"px"),"--color":window.CuraAPI.theme.colors.getColor(this.color)}};t.prototype.render=function(){return e(i,{style:this.getStyles()},e("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",null,e("circle",{cx:"8",cy:"8",r:"7",stroke:"url(#paint0_linear_13485_11488)","stroke-width":"2"}),e("path",{d:"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5","stroke-width":"2"})),e("defs",null,e("linearGradient",{id:"paint0_linear_13485_11488",x1:"15.7",y1:"4.5",x2:"4.15",y2:"11.5",gradientUnits:"userSpaceOnUse"},e("stop",null),e("stop",{offset:"1"})))))};return t}());v.style=f;var w=':host{display:block}:host .grid-template{display:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:"sub-header" "header" "pre-content" "content-container" "post-body" "footer" "sub-footer"}:host .grid-template #sub-header{grid-area:sub-header}:host .grid-template #header{grid-area:header}:host .grid-template #pre-content{grid-area:pre-content}:host .grid-template #content-container{grid-area:content-container}:host .grid-template #post-body{grid-area:post-body}:host .grid-template #footer{grid-area:footer}:host .grid-template #sub-footer{grid-area:sub-footer}@media (max-width: 768px){:host .grid-template{padding:0px}}@media (min-width: 769px) and (max-width: 992px){:host .grid-template{padding:0px}}@media (min-width: 993px) and (max-width: 1920px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 5px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 5px)}:host .grid-template #content-container{display:-ms-flexbox;display:flex}:host .grid-template #content-container #content{-ms-flex-positive:1;flex-grow:1}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}}@media (min-width: 1921px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 7px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 7px)}:host .grid-template #content-container{display:-ms-flexbox;display:flex}:host .grid-template #content-container #content{-ms-flex-positive:1;flex-grow:1}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}:host .grid-template #content-container.centered{max-width:1921px;justify-self:center}}';var y=t("cura_page_template",function(){function t(t){o(this,t);this.contentwidth="default"}t.prototype.connectedCallback=function(){this.styles={"--spacing":window.CuraAPI.theme.spacing.getSpacing()}};t.prototype.getClasses=function(){var t={};t[this.contentwidth.toLowerCase()]=true;return t};t.prototype.render=function(){return e(i,null,e("div",{style:this.styles,class:"grid-template"},e("div",{id:"sub-header"},e("slot",{name:"sub-header"})),e("div",{id:"header"},e("slot",{name:"header"})),e("div",{id:"pre-content"},e("slot",{name:"pre-content"})),e("div",{id:"content-container",class:this.getClasses()},e("div",{id:"sidebar-left"},e("slot",{name:"sidebar-left"})),e("div",{id:"content"},e("slot",{name:"content"}),e("slot",null)),e("div",{id:"sidebar-right"},e("slot",{name:"sidebar-right"}))),e("div",{id:"post-body"},e("slot",{name:"post-body"})),e("div",{id:"footer"},e("slot",{name:"footer"})),e("div",{id:"sub-footer"},e("slot",{name:"sub-footer"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());y.style=w;var x=":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.714em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.6px}@media (min-width: 769px) and (max-width: 1920px){:host p{font-size:1.143em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.32px}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.56px}:host p.caption,:host p.xsmall{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.72px}}@media (min-width: 1921px){:host p{font-size:1.429em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.large{font-size:1.714em;line-height:calc(var(--line-height) + 20%)}:host p.small{font-size:1.21em;line-height:calc(var(--line-height) + 5%);letter-spacing:0px}:host p.caption,:host p.xsmall{font-size:1em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.28px}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(u){font-weight:var(--font-weight-medium);text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";var C=t("cura_paragraph",function(){function t(t){o(this,t);this.theme=window.CuraAPI.theme;this.size="medium";this.spotColor="accent-dark";this.color=undefined;this.marginBlock="1.25em";this.lineHeight="140%";this.styles={}}t.prototype.handleChangeColor=function(){this.setColors()};t.prototype.connectedCallback=function(){this.setFontProperties();this.setColors()};t.prototype.setsizeClass=function(){var t={};t[this.size.toLowerCase()]=true;return t};t.prototype.setFontProperties=function(){this.weights=this.theme.fonts.getWeights();this.fontSizeBase=this.theme.fonts.getSize();this.styles={"--font-family":this.theme.fonts.getFamily("body"),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold}};t.prototype.setColors=function(){var t=this.color?this.theme.colors.getColor(this.color):this.theme.fonts.getColor();this.styles=Object.assign(Object.assign({},this.styles),{"--color-body":t||this.theme.colors.getColor("neutral-darker"),"--color-link":this.theme.colors.getColor("".concat(this.spotColor))})};t.prototype.hostCSSProperties=function(){return{"--margin-block":this.marginBlock,"--font-size-base":this.fontSizeBase,"--line-height":this.lineHeight}};t.prototype.render=function(){return e(i,{style:this.hostCSSProperties()},e("p",{style:this.styles,class:this.setsizeClass()},e("slot",null)))};Object.defineProperty(t.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{color:["handleChangeColor"],spotColor:["handleChangeColor"]}},enumerable:false,configurable:true});return t}());C.style=x}}}));
+//# sourceMappingURL=p-b0e13882.system.entry.js.map

package/dist/cura/p-b0e13882.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["curaAccordionCss","CuraAccordion","exports","this","mutationObserverCallback","mutations","_","mutation","type","attributeName","_a","target","_this","behavior","host","querySelectorAll","forEach","item","opened","addedNodes","Array","from","_b","addedNodes_1","length","node","setChildProperties","_i","mutations_1","mutationObserver","MutationObserver","class_1","prototype","handleChangeColor","setColors","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","regular","componentDidLoad","options","childList","subtree","attributes","observe","disconnectedCallback","disconnect","colorMode","iconColor","color","iconActiveColor","activeColor","iconSize","openIcon","closeIcon","Object","assign","concat","render","h","Host","style","name","curaAccordionItemCss","CuraAccordionItem","class_2","getIconColor","inverted","getClasses","classes","accordionItemClick","slot","class","onClick","e","label","size","curaButtonCss","CuraButton","class_3","medium","textAlign","toLowerCase","iconPosition","iconOnly","fontColor","disabled","isLoading","getIcon","iconName","getSymbolColor","iconset","handleClick","preventDefault","href","curaHeadingCss","CuraHeading","class_4","setFontProperties","weight","fontSizeBase","bold","black","hostCSSProperties","marginBlock","lineHeight","spotColor","getHeadingTag","tags","default","level","curaIconCss","CuraIcon","class_5","sizeHandler","microIcons","includes","console","warn","scaledStroke","iconSizes","stroke","setHostProperty","colorHandler","assetsPath","localAssetsPath","prop","value","setProperty","version","viewBox","preserveAspectRatio","xmlns","xlinkHref","curaLoaderCircleCss","CuraLoaderCircle","sizes","xlarge","large","small","getPxSize","class_6","getStyles","fill","cx","cy","r","d","id","x1","y1","x2","y2","gradientUnits","offset","curaPageTemplateCss","CuraPageTemplate","class_7","contentwidth","curaParagraphCss","CuraParagraph","class_8","setsizeClass","sizeclass"],"sources":["src/components/accordion/cura-accordion/cura-accordion.scss?tag=cura-accordion&encapsulation=shadow","src/components/accordion/cura-accordion/cura-accordion.tsx","src/components/accordion/cura-accordion-item/cura-accordion-item.scss?tag=cura-accordion-item&encapsulation=shadow","src/components/accordion/cura-accordion-item/cura-accordion-item.tsx","src/components/buttons/cura-button/cura-button.scss?tag=cura-button&encapsulation=shadow","src/components/buttons/cura-button/cura-button.tsx","src/components/text/cura-heading/cura-heading.scss?tag=cura-heading&encapsulation=shadow","src/components/text/cura-heading/cura-heading.tsx","src/components/cura-icon/cura-icon.scss?tag=cura-icon&encapsulation=shadow","src/components/cura-icon/cura-icon.tsx","src/components/loaders/cura-loader-circle/cura-loader-circle.scss?tag=cura-loader-circle&encapsulation=shadow","src/components/loaders/cura-loader-circle/cura-loader-circle.tsx","src/components/cura-page-template/cura-page-template.scss?tag=cura-page-template&encapsulation=shadow","src/components/cura-page-template/cura-page-template.tsx","src/components/text/cura-paragraph/cura-paragraph.scss?tag=cura-paragraph&encapsulation=shadow","src/components/text/cura-paragraph/cura-paragraph.tsx"],"sourcesContent":[":host {\n  display: block;\n  color: var(--font-color);\n  font-size: var(--font-size);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n  font-weight: var(--font-weight-regular);\n\n  &::after {\n    content: \"\";\n    display: block;\n    border-bottom: solid 1px var(--neutral-base);\n    width: 100%;\n  }\n}\n\n","import { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-accordion',\n  styleUrl: 'cura-accordion.scss',\n  shadow: true,\n})\nexport class CuraAccordion {\n\n  @Element() host: HTMLElement;\n\n  /**\n   * Color scheme base color\n   */\n  @Prop({reflect: true}) color = 'primary';\n  @Prop({reflect: true}) activeColor = 'accent';\n  @Watch('color')\n  @Watch('activeColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * Set the color mode to dark or light\n   */\n  @Prop({reflect: true}) colorMode: 'dark' | 'light' = 'dark';\n\n  /**\n   * Accordion items icons\n   */\n  @Prop({reflect: true}) iconSize = 32;\n  @Prop({reflect: true}) openIcon = 'down';\n  @Prop({reflect: true}) closeIcon = 'up';\n\n  /**\n   * Color scheme base color\n   * (By default, the icon will use the same color of 'color' and 'activeColor')\n   */\n  @Prop({reflect: true}) iconColor = '';\n  @Prop({reflect: true}) iconActiveColor = '';\n\n  /**\n   * Accordion behavior when item is clicked\n   * (The default will close all items except the current one)\n   */\n  @Prop({reflect: true}) behavior: 'default' | 'keep-open' = 'default';\n\n  mutationObserverCallback = (mutations: MutationRecord[], _: MutationObserver) => {\n    for (const mutation of mutations) {\n      if (mutation.type === 'attributes' && mutation.attributeName === 'opened' && mutation.target?.['opened']) {\n        if (this.behavior !== 'default') continue;\n        this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n          if (item != mutation.target) {\n            item.opened = false;\n          }\n        });\n      }\n      if (mutation.type === 'childList') {\n        const addedNodes = Array.from(mutation.addedNodes || []);\n        for(let node of addedNodes) {\n          this.setChildProperties(node as HTMLCuraAccordionItemElement);\n        }\n      }\n    }\n  }\n  mutationObserver: MutationObserver = new MutationObserver(this.mutationObserverCallback);\n\n  @State() styles = {};\n\n  connectedCallback() {\n    const weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-lighter'] = window.CuraAPI.theme.colors.getColor(`neutral-lighter`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-regular'] = weights.regular;\n    this.setColors();\n  }\n\n  componentDidLoad() {\n    this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n      this.setChildProperties(item);\n    });\n    const options: MutationObserverInit = {childList: true, subtree: true, attributes: true}\n    this.mutationObserver.observe(this.host, options)\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver.disconnect();\n  }\n\n  setChildProperties(item: HTMLCuraAccordionItemElement) {\n    // Theme\n    item.colorMode = this.colorMode;\n    item.iconColor = this.iconColor || this.color;\n    item.iconActiveColor = this.iconActiveColor || this.activeColor;\n    // Icon\n    item.iconSize = this.iconSize;\n    item.openIcon = this.openIcon;\n    item.closeIcon = this.closeIcon;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n      '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n      '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`),\n      '--color-active-lighter': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-lighter`),\n      '--color-active-light': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-light`),\n      '--color-active-base': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-base`),\n      '--color-active-dark': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-dark`),\n\n      '--icon-color-lighter': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-lighter`),\n      '--icon-color-light': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-light`),\n      '--icon-color-base': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-base`),\n      '--icon-color-dark': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-dark`),\n      '--icon-color-active-lighter': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-lighter`),\n      '--icon-color-active-light': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-light`),\n      '--icon-color-active-base': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-base`),\n      '--icon-color-active-dark': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-dark`),\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.styles}>\n        <slot name='accordion-item'></slot>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n\n  .accordion-item {\n    width: 100%;\n\n    .label {\n      display: flex;\n      flex-direction: column;\n      &::before {\n        content: \"\";\n        display: block;\n        border-top: solid 1px var(--neutral-base);\n        width: 100%;\n      }\n      .label-container {\n        display: flex;\n        flex-grow: 1;\n        justify-content: space-between;\n        align-items: center;\n        gap: calc(var(--base-spacing) * 2px);\n        min-height: 40px;\n        word-break: break-word;\n        cursor: pointer;\n        font-size: 1.14em;\n        font-weight: var(--font-weight-regular);\n        color: var(--color-base);\n        padding: 0px;\n\n        cura-icon {\n          margin-right: 4px;\n        }\n\n        &:hover {\n          color: var(--color-light);\n          cura-icon {\n            --color: var(--icon-color-light) !important;\n          }\n        }\n        &:active {\n          color: var(--color-dark);\n          cura-icon {\n            --color: var(--icon-color-dark) !important;\n          }\n        }\n      }\n    }\n\n    .content {\n      font-size: 1em;\n      overflow: hidden;\n      max-height: 0;\n      transition: max-height .25s ease;\n      .content-wrapper {\n        padding: calc(var(--base-spacing) * 2px) 0px;\n        border-top: solid 1px var(--neutral-base);\n      }\n    }\n\n    &.active {\n      .label .label-container {\n        color: var(--color-active-base);\n        &:hover {\n          color: var(--color-active-light);\n          cura-icon {\n            --color: var(--icon-color-active-light) !important;\n          }\n        }\n        &:active {\n          color: var(--color-active-dark);\n          cura-icon {\n            --color: var(--icon-color-active-dark) !important;\n          }\n        }\n      }\n\n      .content {\n        max-height: 200vh;\n        overflow-y: auto;\n        transition: max-height .5s ease .14s;\n      }\n    }\n\n    &.inverted {\n      .label .label-container {\n        color: var(--neutral-lighter);\n        &:hover {\n          color: var(--color-lighter);\n          cura-icon {\n            --color: var(--icon-color-lighter) !important;\n          }\n        }\n        &:active {\n          color: var(--color-light);\n          cura-icon {\n            --color: var(--icon-color-light) !important;\n          }\n        }\n      }\n    }\n\n    &.active.inverted {\n      .label .label-container {\n        color: var(--neutral-purewhite);\n        &:hover {\n          color: var(--color-active-lighter);\n          cura-icon {\n            --color: var(--icon-color-active-lighter) !important;\n          }\n        }\n        &:active {\n          color: var(--color-active-light);\n          cura-icon {\n            --color: var(--icon-color-active-light) !important;\n          }\n        }\n      }\n    }\n  }\n\n  @include medium-only() {\n    .accordion-item {\n      .label .label-container {\n        font-size: 1.29em;\n      }\n\n      .content {\n        font-size: 1.14em;\n      }\n    }\n  }\n\n  @include large-up() {\n    .accordion-item {\n      .label .label-container {\n        font-size: 1.29em;\n      }\n\n      .content {\n        font-size: 1.14em;\n      }\n    }\n  }\n}\n","import { Component, Host,  Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-accordion-item',\n  styleUrl: 'cura-accordion-item.scss',\n  shadow: true,\n})\nexport class CuraAccordionItem {\n\n  /**\n   * Text label for accordion item\n   */\n  @Prop({reflect: true}) label: string = '';\n\n  /** ***Properties below are inherited from the cura-accordion*** */\n  /**\n   * Accordion items icons\n   */\n  @Prop({reflect: true}) iconSize = 32;\n  @Prop({reflect: true}) openIcon = 'down';\n  @Prop({reflect: true}) closeIcon = 'up';\n\n  /**\n   * Color scheme base color\n   * (By default, the icon will use the same color of 'color' and 'activeColor')\n   */\n  @Prop({reflect: true}) iconColor = '';\n  @Prop({reflect: true}) iconActiveColor = '';\n\n  /**\n   * Set the color mode to dark or light\n   */\n  @Prop() colorMode: 'dark' | 'light' = 'dark';\n\n  @Prop({ reflect: true, mutable: true }) opened: boolean = false;\n\n  @State() styles = {};\n\n  getIconColor() {\n    const inverted = this.colorMode === 'light';\n    const iconColor = inverted ? 'neutral-lighter' : `${this.iconColor}-base`;\n    const iconActiveColor = inverted ? 'neutral-purewhite' : `${this.iconActiveColor}-base`;\n    return this.opened ? iconActiveColor : iconColor;\n  }\n\n  getClasses() {\n    const classes = {};\n    classes['accordion-item'] = true;\n    classes['active'] = this.opened;\n    classes['inverted'] = this.colorMode === 'light';\n    return classes;\n  }\n\n  accordionItemClick(_: Event) {\n    this.opened = !this.opened;\n  }\n\n  render() {\n    return (\n      <Host slot=\"accordion-item\">\n        <div class={this.getClasses()} style={this.styles}>\n          <div class=\"label\" onClick={e => this.accordionItemClick(e)}>\n            <div class=\"label-container\">\n              <span>{this.label}</span>\n              <cura-icon name={this.opened ? this.closeIcon : this.openIcon} size={this.iconSize} color={this.getIconColor()}></cura-icon>\n            </div>\n          </div>\n          <div class='content'>\n            <div class=\"content-wrapper\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n","@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n  @include button-host();\n\n  button, a {\n    @include button-element() {\n      background-color: var(--color-base);\n      border: none;\n      &:not(.isLoading):not(.disabled):hover { background-color: var(--color-light); }\n      &:not(.isLoading):not(.disabled):active { background-color: var(--color-dark); }\n    };\n    @include button-shadow-behavior();\n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label() {\n      color: var(--neutral-black);\n      &.inverted { color: var(--neutral-white); }\n    }\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n      background-color: var(--neutral-light);  \n      .label, .label.inverted { color: var(--neutral-dark); }\n    };\n\n    // FAB / Icon-only\n    @include button-icon-only-behavior();\n\n    // Loading State\n    @include button-loading();\n\n  }\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button',\n  styleUrl: 'cura-button.scss',\n  shadow: true,\n})\nexport class CuraButton {\n\n  /**\n   * Button size: small | medium | large (default)\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Disabled state. Boolean.\n   */\n  @Prop({reflect: true}) disabled = false;\n  /**\n   * Loading state. Boolean.\n   */\n  @Prop({reflect: true}) isLoading = false;\n\n  /**\n   * Name of the icon to be used from iconset.\n   */\n  @Prop({reflect: true}) iconName: string;\n  /**\n   * Custom iconset if needed.\n   */\n  @Prop({reflect: true}) iconset = 'default';\n  /**\n   * Icon position: left (default) | right.\n   */\n  @Prop({reflect: true}) iconPosition: 'left' | 'right' = 'left';\n  /**\n   * Set button to FAB/icon only.\n   */\n  @Prop({reflect: true}) iconOnly = false;\n\n  /**\n   * Property href switch button to link.\n   */\n  @Prop({reflect: true}) href: string;\n  /**\n   * Set target if link.\n   */\n  @Prop({reflect: true}) target = \"_self\";\n\n  /**\n   * Color base from color scheme. Default: accent.\n   */\n  @Prop() color = 'accent';\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n  /**\n   * Set the font color to dark or light.\n   */\n  @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n  /**\n   * Set text aligment for the button label.\n   * Vales: left (default) | center | right.\n   */\n  @Prop({reflect: true}) textAlign: 'left' | 'center' | 'right' = 'left';\n\n\n  @State() styles = {};\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--text-align'] = this.textAlign;\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[`${this.size.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes[`icon-only`] = this.iconOnly;\n    classes['inverted'] = this.fontColor === 'light';\n    classes['disabled'] = this.disabled;\n    classes['isLoading'] = this.isLoading;\n    return classes;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n      '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n    };\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n    const color = this.getSymbolColor();\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n  }\n\n  getSymbolColor() {\n    return this.disabled\n      ? 'neutral-dark'\n      : this.fontColor === 'light'\n        ? 'neutral-white'\n        : 'neutral-black';\n  }\n\n  handleClick(e: Event) {\n    if (this.disabled || this.isLoading) e.preventDefault();\n  }\n\n  render() {\n    return (\n      <Host>\n      { this.href ? (\n        <a href={this.disabled ? '' : this.href}\n          target={this.target}\n          class={this.getClasses()}\n          style={this.styles}\n          onClick={(e) => this.handleClick(e)}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n          <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n        </a>\n      ) : (\n        <button class={this.getClasses()}\n          style={this.styles}\n          disabled={this.disabled || null}\n          onClick={(e) => this.handleClick(e)}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n          <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n        </button>\n      )}\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size-base);\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 1.714em;\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    margin-block: var(--margin-block);\n    letter-spacing: 0px;\n\n    &.bold-weight {\n      font-weight: var(--font-weight-medium);\n    }\n\n    &.large {\n      font-size: 2.071em;\n      letter-spacing: -0.58px;\n    }\n\n    &.small {\n      font-size: 1.214em;\n      line-height: calc(var(--line-height) + 20%);\n\n      &.bold-weight, ::slotted(b), ::slotted(strong) {\n        font-weight: var(--font-weight-bold);\n      }\n    }\n\n    &.xsmall {\n      font-size: 0.714em;\n      font-weight: var(--font-weight-medium);\n      letter-spacing: 0.6px;\n\n      &.bold-weight, ::slotted(b), ::slotted(strong) {\n        font-weight: var(--font-weight-bold);\n      }\n    }\n\n  }\n\n  @include medium-large() {\n    h1, h2, h3, h4, h5, h6 {\n      font-size: 2em;\n\n      &.large {\n        font-size: 2.357em;\n        letter-spacing: -0.66px;\n      }\n\n      &.small {\n        font-size: 1.357em;\n      }\n\n      &.xsmall {\n        font-size: 0.857em;\n        line-height: calc(var(--line-height) + 3%);\n        letter-spacing: 0.72px;\n      }\n\n    }\n  }\n\n  @include xlarge-only() {\n    h1, h2, h3, h4, h5, h6 {\n      font-size: 2.5em;\n      line-height: calc(var(--line-height) + 5%);\n      letter-spacing: -0.82px;\n\n      &.large {\n        font-size: 2.929em;\n      }\n\n      &.small {\n        font-size: 1.714em;\n        line-height: calc(var(--line-height) + 30%);\n        letter-spacing: 0%;\n      }\n\n      &.xsmall {\n        font-size: 1em;\n        line-height: calc(var(--line-height) + 12.857%);\n        letter-spacing: 0.28px;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-medium);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-bold);\n    color: var(--color-link);\n    text-underline-offset: 10%;\n    cursor: pointer;\n  }\n\n  ::slotted(u) {\n    text-underline-offset: 10%;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n  ::slotted(i), ::slotted(em) {\n    font-weight: var(--font-weight-medium);\n  }\n\n}\n","import { Component, Host, h, Prop, Element, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-heading',\n  styleUrl: 'cura-heading.scss',\n  shadow: true,\n})\nexport class CuraHeading {\n\n  /**\n   * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n   * Values: 1(default) to 6.\n   */\n  @Prop({reflect: true}) level: 1 | 2 | 3 | 4 | 5 | 6  = 1;\n\n  /**\n   * Heading style size.\n   * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.\n   */\n  @Prop({reflect: true}) size: 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall' = 'medium';\n\n  /**\n   * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\n   * Values: regular (default) | bold.\n   */\n  @Prop({reflect: true}) weight: 'regular' | 'bold' = 'regular';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop() color: string;\n  @Watch('color')\n  @Watch('spotColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '1.25em';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '130%';\n\n  /**\n   * Host element <cura-heading>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    classes[`${this.weight.toLowerCase()}-weight`] = true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('heading'),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-black': this.weights.black\n    }\n  }\n\n  hostCSSProperties() {\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight\n    };\n  }\n\n  setColors() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    this.styles = {\n      ...this.styles,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n      '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  getHeadingTag() {\n    const tags = {\n      '1': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={this.getClasses()}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={this.getClasses()}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={this.getClasses()}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={this.getClasses()}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={this.getClasses()}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()}>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n",":host {\n  width: var(--size);\n  height: var(--size);\n  svg {\n    display: inline-block;\n    stroke: var(--color);\n    width: var(--size);\n    height: var(--size);\n    stroke-width: var(--stroke);\n    fill: none;\n  }\n}\n","import { Component, Host, h, Prop, Element, Watch } from '@stencil/core';\nimport { microIcons, iconSizes } from './cura-icon.definitions';\n\n@Component({\n  tag: 'cura-icon',\n  styleUrl: 'cura-icon.scss',\n  shadow: true\n})\nexport class CuraIcon {\n\n  @Prop({reflect: true}) name = '';\n  @Prop() color = 'neutral-base';\n  @Prop() size: string | number;\n  @Prop({reflect: true}) iconset = 'default';\n  @Prop() disabled = false;\n\n  @Element() host: HTMLElement;\n\n  @Watch('size')\n  sizeHandler(size: string | number) {\n    if (size === 'micro' && !microIcons.includes(this.name) ) {\n      size = 16;\n      console.warn(`Icon ${this.name} doesn't support micro size. Minimum size of 16 was applied instead.`);\n    }\n    const scaledStroke = (iconSize: string | number) => {\n      return `${iconSizes[iconSize].stroke * (iconSizes.default.size / iconSizes[iconSize].size)}px`;\n    }\n    this.setHostProperty('--size', iconSizes[`${size}`] ? `${iconSizes[size].size}px` : `${iconSizes.default.size}px`);\n    this.setHostProperty('--stroke', iconSizes[`${size}`] ? scaledStroke(size) : scaledStroke(\"default\"));\n  }\n\n  @Watch('color')\n  @Watch('disabled')\n  colorHandler() {\n    this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color || 'neutral'));\n  }\n\n  assetsPath: string;\n\n  connectedCallback() {\n    this.assetsPath = window.CuraAPI.localAssetsPath;\n    this.sizeHandler(this.size);\n    this.colorHandler();\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <svg\n          version=\"1.1\"\n          viewBox=\"0 0 24 24\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <use\n            xlinkHref={`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`}>\n          </use>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/animations.scss';\n\n:host {\n  display: inline-block;\n  width: var(--size);\n  height: var(--size);\n  \n  svg {\n    width: var(--size);\n    height: var(--size);\n    animation: rotate .7s linear infinite;\n  }\n\n  circle, path {\n    stroke-miterlimit: 10;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  path { stroke: var(--color); }\n\n  stop { stop-color: var(--color); }\n  linearGradient stop:first-child {\n    stop-opacity: 0.14;\n  }\n}\n\n@include rotate();\n\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-loader-circle',\n  styleUrl: 'cura-loader-circle.scss',\n  shadow: true,\n})\nexport class CuraLoaderCircle {\n\n  /**\n   * Loader size. Values: small, medium or large.\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' | 'xlarge' = 'medium';\n  /**\n   * One from color scheme. Default: neutral-white.\n   */\n  @Prop({reflect: true}) color = 'neutral-white';\n\n  sizes = {\n    xlarge: 32,\n    large: 24,\n    medium: 20,\n    small: 16,\n    default: 16,\n  };\n\n  getPxSize = () => this.sizes[this.size] || this.sizes['default'];\n\n  getStyles() {\n    return {\n      '--size': `${this.getPxSize()}px`,\n      '--color': window.CuraAPI.theme.colors.getColor(this.color)\n    }\n  }\n\n  render() {\n    return (\n      <Host style={this.getStyles()}>\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g>\n            <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\"/>\n            <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\"/>\n          </g>\n          <defs>\n            <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n              <stop/>\n              <stop offset=\"1\"/>\n            </linearGradient>\n          </defs>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n","@import '../../scss/mixins/responsive.scss';\n\n@mixin template-spacing($spacing-scale: 0px, $large-device: false) {\n  $spacing-px: calc(var(--spacing) * $spacing-scale);\n  padding: 0px;\n  @if $large-device {\n    #content-container {\n      #sidebar-left ::slotted(div[slot=\"sidebar-left\"]) {\n        margin-right: $spacing-px;\n      }\n      #sidebar-right ::slotted(div[slot=\"sidebar-right\"]) {\n        margin-left: $spacing-px;\n      }\n    }\n  }\n}\n\n:host {\n  display: block;\n\n  .grid-template {\n    display: grid;\n    grid-template-rows: auto;\n    grid-template-columns: auto;\n    grid-template-areas:\n      'sub-header'\n      'header'\n      'pre-content'\n      'content-container'\n      'post-body'\n      'footer'\n      'sub-footer';\n\n    #sub-header {\n      grid-area: sub-header;\n    }\n\n    #header {\n      grid-area: header;\n    }\n\n    #pre-content {\n      grid-area: pre-content;\n    }\n\n    #content-container {\n      grid-area: content-container;\n    }\n\n    #post-body {\n      grid-area: post-body;\n    }\n\n    #footer {\n      grid-area: footer;\n    }\n\n    #sub-footer {\n      grid-area: sub-footer;\n    }\n\n    @include mobile-only() {\n      $spacing-scale: 4px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include medium-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include large-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n      }\n    }\n\n    @include xlarge-only() {\n      $spacing-scale: 7px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n        &.centered {\n          max-width: $breakpoint-xlarge-min;\n          justify-self: center;\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-page-template',\n  styleUrl: 'cura-page-template.scss',\n  shadow: true,\n})\nexport class CuraPageTemplate {\n\n  @Prop({reflect: true}) contentwidth: 'default' | 'centered' = 'default';\n\n  @Element() host: HTMLElement;\n\n  styles: any;\n\n  connectedCallback() {\n    this.styles = {\n      '--spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    }\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.contentwidth.toLowerCase()] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div style={this.styles} class=\"grid-template\">\n          <div id=\"sub-header\">\n            <slot name='sub-header'></slot>\n          </div>\n          <div id=\"header\">\n            <slot name='header'></slot>\n          </div>\n          <div id=\"pre-content\">\n            <slot name='pre-content'></slot>\n          </div>\n          <div id=\"content-container\" class={this.getClasses()}>\n            <div id=\"sidebar-left\">\n              <slot name='sidebar-left'></slot>\n            </div>\n            <div id=\"content\">\n              <slot name=\"content\"></slot>\n              <slot></slot>\n            </div>\n            <div id=\"sidebar-right\">\n              <slot name='sidebar-right'></slot>\n            </div>\n          </div>\n          <div id=\"post-body\">\n            <slot name='post-body'></slot>\n          </div>\n          <div id=\"footer\">\n            <slot name='footer'></slot>\n          </div>\n          <div id=\"sub-footer\">\n            <slot name='sub-footer'></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size-base);\n\n  p {\n    font-family: var(--font-family);\n    font-size: var(--font-size-base);\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    margin-block: var(--margin-block);\n    letter-spacing: 0.28px;\n\n    &.large {\n      font-size: 1.214em;\n      line-height: calc(var(--line-height) + 10%);\n      letter-spacing: 0px;\n    }\n\n    &.small {\n      font-size: 0.85em;\n      line-height: calc(var(--line-height) - 5%);\n      letter-spacing: 0.48px;\n    }\n\n    &.caption, &.xsmall {\n      font-size: 0.714em;\n      line-height: calc(var(--line-height) - 5%);\n      letter-spacing: 0.6px;\n    }\n  }\n\n  @include medium-large() {\n    p {\n      font-size: 1.143em;\n      line-height: calc(var(--line-height) + 5%);\n      letter-spacing: 0.32px;\n\n      &.large {\n        font-size: 1.357em;\n        line-height: calc(var(--line-height) + 10%);\n        letter-spacing: 0px;\n      }\n\n      &.small {\n        font-size: 1em;\n        line-height: calc(var(--line-height) - 5%);\n        letter-spacing: 0.56px;\n      }\n\n      &.caption, &.xsmall {\n        font-size: 0.85em;\n        line-height: calc(var(--line-height) - 5%);\n        letter-spacing: 0.72px;\n      }\n    }\n  }\n\n  @include xlarge-only() {\n    p {\n      font-size: 1.429em;\n      line-height: calc(var(--line-height) + 10%);\n      letter-spacing: 0px;\n\n      &.large {\n        font-size: 1.714em;\n        line-height: calc(var(--line-height) + 20%);\n      }\n\n      &.small {\n        font-size: 1.21em;\n        line-height: calc(var(--line-height) + 5%);\n        letter-spacing: 0px;\n      }\n\n      &.caption, &.xsmall {\n        font-size: 1em;\n        line-height: calc(var(--line-height) + 5%);\n        letter-spacing: 0.28px;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-bold);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-medium);\n    color: var(--color-link);\n    text-underline-offset: 10%;\n  }\n\n  ::slotted(u) {\n    font-weight: var(--font-weight-medium);\n    text-underline-offset: 10%;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n\n","import { Component, Host, Prop, h, Element, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-paragraph',\n  styleUrl: 'cura-paragraph.scss',\n  shadow: true,\n})\nexport class CuraParagraph {\n\n  /**\n   * Set size of body text.\n   * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.\n   */\n  @Prop({reflect: true}) size: 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall' = 'medium';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop() color: string;\n  @Watch('color')\n  @Watch('spotColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '1.25em';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '140%';\n\n  /**\n   * Host element <cura-paragraph>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  setsizeClass() {\n    const sizeclass = {};\n    sizeclass[this.size.toLowerCase()] = true;\n    return sizeclass;\n  }\n\n  setFontProperties() {\n    this.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': this.theme.fonts.getFamily('body'),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    };\n  }\n\n  setColors() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    this.styles = {\n      ...this.styles,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n      '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  hostCSSProperties() {\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()}>\n        <p style={this.styles} class={this.setsizeClass()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

package/dist/cura/p-ba66d7be.js

@@ -0,0 +1,3 @@
+const t="cura";let e;let n;let s;let l=false;let o=false;let i=false;let f=false;let c=false;const r=(t,e="")=>{{return()=>{}}};const u=(t,e)=>{{return()=>{}}};const a="r";const $="o";const d="s";const h="t";const p="s-id";const m="sty-id";const y="c-id";const w="{visibility:hidden}.hydrated{visibility:inherit}";const b="http://www.w3.org/1999/xlink";const g={};const v="http://www.w3.org/2000/svg";const S="http://www.w3.org/1999/xhtml";const k=t=>t!=null;const j=t=>{t=typeof t;return t==="object"||t==="function"};function C(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const x=(t,e,...n)=>{let s=null;let l=null;let o=false;let i=false;const f=[];const c=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){c(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!j(s)){s=String(s)}if(o&&i){f[f.length-1].t+=s}else{f.push(o?M(null,s):s)}i=o}}};c(n);if(e){if(e.name){l=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}const r=M(t,null);r.l=e;if(f.length>0){r.o=f}{r.i=l}return r};const M=(t,e)=>{const n={u:0,$:t,t:e,h:null,o:null};{n.l=null}{n.i=null}return n};const O={};const R=t=>t&&t.$===O;const I=(t,e,n,s)=>{const l=r("hydrateClient",e);const o=t.shadowRoot;const i=[];const f=[];const c=o?[]:null;const u=s.p=M(e,null);if(!Wt.m){T(Ht.body,Wt.m=new Map)}t[p]=n;t.removeAttribute(p);P(u,i,f,c,t,t,n);i.map((t=>{const n=t.g+"."+t.v;const s=Wt.m.get(n);const l=t.h;if(s&&qt&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=e;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}Wt.m.delete(n)}));if(o){c.map((t=>{if(t){o.appendChild(t)}}))}l()};const P=(t,e,n,s,l,o,i)=>{let f;let c;let r;let u;if(o.nodeType===1){f=o.getAttribute(y);if(f){c=f.split(".");if(c[0]===i||c[0]==="0"){r={u:0,g:c[0],v:c[1],S:c[2],k:c[3],$:o.tagName.toLowerCase(),h:o,l:null,o:null,j:null,i:null,t:null};e.push(r);o.removeAttribute(y);if(!t.o){t.o=[]}t.o[r.k]=r;t=r;if(s&&r.S==="0"){s[r.k]=r.h}}}for(u=o.childNodes.length-1;u>=0;u--){P(t,e,n,s,l,o.childNodes[u],i)}if(o.shadowRoot){for(u=o.shadowRoot.childNodes.length-1;u>=0;u--){P(t,e,n,s,l,o.shadowRoot.childNodes[u],i)}}}else if(o.nodeType===8){c=o.nodeValue.split(".");if(c[1]===i||c[1]==="0"){f=c[0];r={u:0,g:c[1],v:c[2],S:c[3],k:c[4],h:o,l:null,o:null,j:null,i:null,$:null,t:null};if(f===h){r.h=o.nextSibling;if(r.h&&r.h.nodeType===3){r.t=r.h.textContent;e.push(r);o.remove();if(!t.o){t.o=[]}t.o[r.k]=r;if(s&&r.S==="0"){s[r.k]=r.h}}}else if(r.g===i){if(f===d){r.$="slot";if(c[5]){o["s-sn"]=r.i=c[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){r.h=Ht.createElement(r.$);if(r.i){r.h.setAttribute("name",r.i)}o.parentNode.insertBefore(r.h,o);o.remove();if(r.S==="0"){s[r.k]=r.h}}n.push(r);if(!t.o){t.o=[]}t.o[r.k]=r}else if(f===a){if(s){o.remove()}else{l["s-cr"]=o;o["s-cn"]=true}}}}}else if(t&&t.$==="style"){const e=M(null,o.textContent);e.h=o;e.k="0";t.o=[e]}};const T=(t,e)=>{if(t.nodeType===1){let n=0;for(;n<t.childNodes.length;n++){T(t.childNodes[n],e)}if(t.shadowRoot){for(n=0;n<t.shadowRoot.childNodes.length;n++){T(t.shadowRoot.childNodes[n],e)}}}else if(t.nodeType===8){const n=t.nodeValue.split(".");if(n[0]===$){e.set(n[1]+"."+n[2],t);t.nodeValue="";t["s-en"]=n[3]}}};const N=(t,e)=>{if(t!=null&&!j(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const U=t=>Rt(t).C;const E=(t,e,n)=>{const s=U(t);return{emit:t=>L(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const L=(t,e,n)=>{const s=Wt.ce(e,n);t.dispatchEvent(s);return s};const A=new WeakMap;const F=(t,e,n)=>{let s=Lt.get(t);if(Vt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Lt.set(t,s)};const H=(t,e,n,s)=>{var l;let o=q(e);const i=Lt.get(o);t=t.nodeType===11?t:Ht;if(i){if(typeof i==="string"){t=t.head||t;let n=A.get(t);let f;if(!n){A.set(t,n=new Set)}if(!n.has(o)){if(t.host&&(f=t.querySelector(`[${m}="${o}"]`))){f.innerHTML=i}else{if(Wt.M){f=Wt.M.createHostStyle(s,o,i,!!(e.u&10));const t=f["s-sc"];if(t){o=t;n=null}}else{f=Ht.createElement("style");f.innerHTML=i}const c=(l=Wt.O)!==null&&l!==void 0?l:C(Ht);if(c!=null){f.setAttribute("nonce",c)}t.insertBefore(f,t.querySelector("link"))}if(n){n.add(o)}}}else if(!t.adoptedStyleSheets.includes(i)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,i]}}return o};const W=t=>{const e=t.R;const n=t.C;const s=e.u;const l=r("attachStyles",e.I);const o=H(qt&&n.shadowRoot?n.shadowRoot:n.getRootNode(),e,t.P,n);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h")}l()};const q=(t,e)=>"sc-"+t.I;const D=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const V=(t,e,n,s,l,o)=>{if(n!==s){let i=Tt(t,e);let f=e.toLowerCase();if(e==="class"){const e=t.classList;const l=z(n);const o=z(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="ref"){if(s){s(t)}}else if(!i&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(Tt(At,f)){e=f.slice(2)}else{e=f[2]+e.slice(3)}if(n){Wt.rel(t,e,n,false)}if(s){Wt.ael(t,e,s,false)}}else{const c=j(s);if((i||c&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){i=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}let r=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){e=f;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(b,e)}else{t.removeAttribute(e)}}}else if((!i||o&4||l)&&!c){s=s===true?"":s;if(r){t.setAttributeNS(b,e,s)}else{t.setAttribute(e,s)}}}}};const _=/\s/;const z=t=>!t?[]:t.split(_);const B=(t,e,n,s)=>{const l=e.h.nodeType===11&&e.h.host?e.h.host:e.h;const o=t&&t.l||g;const i=e.l||g;{for(s in o){if(!(s in i)){V(l,s,o[s],undefined,n,e.u)}}}for(s in i){V(l,s,o[s],i[s],n,e.u)}};const G=(t,o,c,r)=>{const u=o.o[c];let a=0;let $;let d;let h;if(!l){i=true;if(u.$==="slot"){if(e){r.classList.add(e+"-s")}u.u|=u.o?2:1}}if(u.t!==null){$=u.h=Ht.createTextNode(u.t)}else if(u.u&1){$=u.h=Ht.createTextNode("")}else{if(!f){f=u.$==="svg"}$=u.h=Ht.createElementNS(f?v:S,u.u&2?"slot-fb":u.$);if(f&&u.$==="foreignObject"){f=false}{B(null,u,f)}if(k(e)&&$["s-si"]!==e){$.classList.add($["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){d=G(t,u,a,$);if(d){$.appendChild(d)}}}{if(u.$==="svg"){f=false}else if($.tagName==="foreignObject"){f=true}}}{$["s-hn"]=s;if(u.u&(2|1)){$["s-sr"]=true;$["s-cr"]=n;$["s-sn"]=u.i||"";h=t&&t.o&&t.o[c];if(h&&h.$===u.$&&t.h){J(t.h,false)}}}return $};const J=(t,e)=>{Wt.u|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){tt(l).insertBefore(l,Z(l));l["s-ol"].remove();l["s-ol"]=undefined;i=true}if(e){J(l,e)}}Wt.u&=~1};const K=(t,e,n,l,o,i)=>{let f=t["s-cr"]&&t["s-cr"].parentNode||t;let c;if(f.shadowRoot&&f.tagName===s){f=f.shadowRoot}for(;o<=i;++o){if(l[o]){c=G(null,n,o,t);if(c){l[o].h=c;f.insertBefore(c,Z(e))}}}};const Q=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.h;it(e);if(t){{o=true;if(t["s-ol"]){t["s-ol"].remove()}else{J(t,true)}}t.remove()}}}};const X=(t,e,n,s)=>{let l=0;let o=0;let i=e.length-1;let f=e[0];let c=e[i];let r=s.length-1;let u=s[0];let a=s[r];let $;while(l<=i&&o<=r){if(f==null){f=e[++l]}else if(c==null){c=e[--i]}else if(u==null){u=s[++o]}else if(a==null){a=s[--r]}else if(Y(f,u)){et(f,u);f=e[++l];u=s[++o]}else if(Y(c,a)){et(c,a);c=e[--i];a=s[--r]}else if(Y(f,a)){if(f.$==="slot"||a.$==="slot"){J(f.h.parentNode,false)}et(f,a);t.insertBefore(f.h,c.h.nextSibling);f=e[++l];a=s[--r]}else if(Y(c,u)){if(f.$==="slot"||a.$==="slot"){J(c.h.parentNode,false)}et(c,u);t.insertBefore(c.h,f.h);c=e[--i];u=s[++o]}else{{$=G(e&&e[o],n,o,t);u=s[++o]}if($){{tt(f.h).insertBefore($,Z(f.h))}}}}if(l>i){K(t,s[r+1]==null?null:s[r+1].h,n,s,o,r)}else if(o>r){Q(e,l,i)}};const Y=(t,e)=>{if(t.$===e.$){if(t.$==="slot"){return t.i===e.i}return true}return false};const Z=t=>t&&t["s-ol"]||t;const tt=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const et=(t,e)=>{const n=e.h=t.h;const s=t.o;const l=e.o;const o=e.$;const i=e.t;let c;if(i===null){{f=o==="svg"?true:o==="foreignObject"?false:f}{if(o==="slot");else{B(t,e,f)}}if(s!==null&&l!==null){X(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}K(n,null,e,l,0,l.length-1)}else if(s!==null){Q(s,0,s.length-1)}if(f&&o==="svg"){f=false}}else if(c=n["s-cr"]){c.parentNode.textContent=i}else if(t.t!==i){n.data=i}};const nt=t=>{const e=t.childNodes;let n;let s;let l;let o;let i;let f;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){i=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){f=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||i!==""){if(f===1&&i===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(f===1||f===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}nt(n)}}};const st=[];const lt=t=>{let e;let n;let s;let l;let i;let f;let c=0;const r=t.childNodes;const u=r.length;for(;c<u;c++){e=r[c];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(f=s.length-1;f>=0;f--){n=s[f];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(ot(n,l)){i=st.find((t=>t.T===n));o=true;n["s-sn"]=n["s-sn"]||l;if(i){i.N=e}else{st.push({N:e,T:n})}if(n["s-sr"]){st.map((t=>{if(ot(t.T,n["s-sn"])){i=st.find((t=>t.T===n));if(i&&!t.N){t.N=i.N}}}))}}else if(!st.some((t=>t.T===n))){st.push({T:n})}}}}if(e.nodeType===1){lt(e)}}};const ot=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const it=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(it)}};const ft=(t,f)=>{const c=t.C;const r=t.R;const u=t.p||M(null,null);const a=R(f)?f:x(null,null,f);s=c.tagName;if(r.U){a.l=a.l||{};r.U.map((([t,e])=>a.l[e]=c[t]))}a.$=null;a.u|=4;t.p=a;a.h=u.h=c.shadowRoot||c;{e=c["s-sc"]}{n=c["s-cr"];l=qt&&(r.u&1)!==0;o=false}et(u,a);{Wt.u|=1;if(i){lt(a.h);let t;let e;let n;let s;let l;let o;let i=0;for(;i<st.length;i++){t=st[i];e=t.T;if(!e["s-ol"]){n=Ht.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(i=0;i<st.length;i++){t=st[i];e=t.T;if(t.N){s=t.N.parentNode;l=t.N.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){nt(a.h)}Wt.u&=~1;st.length=0}};const ct=(t,e)=>{if(e&&!t.L&&e["s-p"]){e["s-p"].push(new Promise((e=>t.L=e)))}};const rt=(t,e)=>{{t.u|=16}if(t.u&4){t.u|=512;return}ct(t,t.A);const n=()=>ut(t,e);return Qt(n)};const ut=(t,e)=>{const n=r("scheduleUpdate",t.R.I);const s=t.F;let l;n();return at(l,(()=>$t(t,s,e)))};const at=(t,e)=>t instanceof Promise?t.then(e):e();const $t=async(t,e,n)=>{var s;const l=t.C;const o=r("update",t.R.I);const i=l["s-rc"];if(n){W(t)}const f=r("render",t.R.I);{dt(t,e)}if(Wt.M){Wt.M.updateHost(l)}if(i){i.map((t=>t()));l["s-rc"]=undefined}f();o();{const e=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>ht(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.u|=4;e.length=0}}};const dt=(t,e,n)=>{try{e=e.render();{t.u&=~16}{t.u|=2}{{{ft(t,e)}}}}catch(e){Nt(e,t.C)}return null};const ht=t=>{const e=t.R.I;const n=t.C;const s=r("postUpdate",e);const l=t.F;const o=t.A;if(!(t.u&64)){t.u|=64;{yt(n)}{mt(l,"componentDidLoad")}s();{t.H(n);if(!o){pt()}}}else{s()}{if(t.L){t.L();t.L=undefined}if(t.u&512){Kt((()=>rt(t,false)))}t.u&=~(4|512)}};const pt=e=>{{yt(Ht.documentElement)}Kt((()=>L(At,"appload",{detail:{namespace:t}})))};const mt=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Nt(t)}}return undefined};const yt=t=>t.classList.add("hydrated");const wt=(t,e)=>Rt(t).W.get(e);const bt=(t,e,n,s)=>{const l=Rt(t);const o=l.C;const i=l.W.get(e);const f=l.u;const c=l.F;n=N(n,s.q[e][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(f&8)||i===undefined)&&u){l.W.set(e,n);if(c){if(s.D&&f&128){const t=s.D[e];if(t){t.map((t=>{try{c[t](n,i,e)}catch(t){Nt(t,o)}}))}}if((f&(2|16))===2){rt(l,false)}}}};const gt=(t,e,n)=>{if(e.q){if(t.watchers){e.D=t.watchers}const s=Object.entries(e.q);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return wt(this,t)},set(n){bt(this,t,n,e)},configurable:true,enumerable:true})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){Wt.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.U.push([t,l])}return l}))}}return t};const vt=async(t,e,n,s,l)=>{if((e.u&32)===0){e.u|=32;{l=Et(n);if(l.then){const t=u();l=await l;t()}if(!l.isProxied){{n.D=l.watchers}gt(l,n,2);l.isProxied=true}const t=r("createInstance",n.I);{e.u|=8}try{new l(e)}catch(t){Nt(t)}{e.u&=~8}{e.u|=128}t();St(e.F)}if(l.style){let t=l.style;const e=q(n);if(!Lt.has(e)){const s=r("registerStyles",n.I);if(n.u&8){t=await import("./p-beab48cd.js").then((n=>n.scopeCss(t,e,false)))}F(e,t,!!(n.u&1));s()}}}const o=e.A;const i=()=>rt(e,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const St=t=>{{mt(t,"connectedCallback")}};const kt=t=>{if((Wt.u&1)===0){const e=Rt(t);const n=e.R;const s=r("connectedCallback",n.I);if(!(e.u&1)){e.u|=1;let s;{s=t.getAttribute(p);if(s){if(qt&&n.u&1){const e=H(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}I(t,n.I,s,e)}}if(!s){if(n.u&(4|8)){jt(t)}}{let n=t;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){ct(e,e.A=n);break}}}if(n.q){Object.entries(n.q).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{vt(t,e,n)}}else{St(e.F)}s()}};const jt=t=>{const e=t["s-cr"]=Ht.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const Ct=t=>{if((Wt.u&1)===0){const e=Rt(t);const n=e.F;if(Wt.M){Wt.M.removeHost(t)}{mt(n,"disconnectedCallback")}}};const xt=(t,e={})=>{var n;const s=r();const l=[];const o=e.exclude||[];const i=At.customElements;const f=Ht.head;const c=f.querySelector("meta[charset]");const u=Ht.createElement("style");const a=[];const $=Ht.querySelectorAll(`[${m}]`);let d;let h=true;let p=0;Object.assign(Wt,e);Wt.V=new URL(e.resourcesUrl||"./",Ht.baseURI).href;{Wt.u|=2}{for(;p<$.length;p++){F($[p].getAttribute(m),D($[p].innerHTML),true)}}t.map((t=>{t[1].map((e=>{const n={u:e[0],I:e[1],q:e[2],_:e[3]};{n.q=e[2]}{n.U=[]}{n.D={}}if(!qt&&n.u&1){n.u|=8}const s=n.I;const f=class extends HTMLElement{constructor(t){super(t);t=this;Pt(t,n);if(n.u&1){if(qt){{t.attachShadow({mode:"open"})}}else if(!("shadowRoot"in t)){t.shadowRoot=t}}}connectedCallback(){if(d){clearTimeout(d);d=null}if(h){a.push(this)}else{Wt.jmp((()=>kt(this)))}}disconnectedCallback(){Wt.jmp((()=>Ct(this)))}componentOnReady(){return Rt(this).B}};n.G=t[0];if(!o.includes(s)&&!i.get(s)){l.push(s);i.define(s,gt(f,n,1))}}))}));{u.innerHTML=l+w;u.setAttribute("data-styles","");const t=(n=Wt.O)!==null&&n!==void 0?n:C(Ht);if(t!=null){u.setAttribute("nonce",t)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}h=false;if(a.length){a.map((t=>t.connectedCallback()))}else{{Wt.jmp((()=>d=setTimeout(pt,30)))}}s()};const Mt=t=>Wt.O=t;const Ot=new WeakMap;const Rt=t=>Ot.get(t);const It=(t,e)=>Ot.set(e.F=t,e);const Pt=(t,e)=>{const n={u:0,C:t,R:e,W:new Map};{n.B=new Promise((t=>n.H=t));t["s-p"]=[];t["s-rc"]=[]}return Ot.set(t,n)};const Tt=(t,e)=>e in t;const Nt=(t,e)=>(0,console.error)(t,e);const Ut=new Map;const Et=(t,e,n)=>{const s=t.I.replace(/-/g,"_");const l=t.G;const o=Ut.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Ut.set(l,t)}return t[s]}),Nt)};const Lt=new Map;const At=typeof window!=="undefined"?window:{};const Ft=At.CSS;const Ht=At.document||{head:{}};const Wt={u:0,V:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const qt=(()=>(Ht.head.attachShadow+"").indexOf("[native")>-1)();const Dt=t=>Promise.resolve(t);const Vt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const _t=[];const zt=[];const Bt=(t,e)=>n=>{t.push(n);if(!c){c=true;if(e&&Wt.u&4){Kt(Jt)}else{Wt.raf(Jt)}}};const Gt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Nt(t)}}t.length=0};const Jt=()=>{Gt(_t);{Gt(zt);if(c=_t.length>0){Wt.raf(Jt)}}};const Kt=t=>Dt().then(t);const Qt=Bt(zt,true);export{Ft as C,O as H,Dt as a,xt as b,E as c,U as g,x as h,Wt as p,It as r,Mt as s,At as w};
+//# sourceMappingURL=p-ba66d7be.js.map