@rededor/cura 0.3.4-alpha.2 → 0.3.4

package/dist/cura/p-731abb13.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,H as e,g as o}from"./p-d5990392.js";const i=":host{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;padding:calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 13px);display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;background-color:var(--color-base);border-width:1px;border-color:var(--color-dark);border-style:solid;border-radius:4px;-webkit-transition:background-color 0.12s linear, border-color 0.12s linear, -webkit-box-shadow 0.12s linear;transition:background-color 0.12s linear, border-color 0.12s linear, -webkit-box-shadow 0.12s linear;transition:background-color 0.12s linear, box-shadow 0.12s linear, border-color 0.12s linear;transition:background-color 0.12s linear, box-shadow 0.12s linear, border-color 0.12s linear, -webkit-box-shadow 0.12s linear;cursor:pointer}:host button:hover,:host a:hover{background-color:var(--color-light);border-color:var(--color-base);-webkit-box-shadow:0 4px 8px 0 var(--neutral-light);box-shadow:0 4px 8px 0 var(--neutral-light)}:host button .label,:host a .label{-ms-flex:1;flex:1;color:var(--neutral-black)}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right,:host a.icon-right{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}: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)}:host button.medium:hover,:host a.medium:hover{-webkit-box-shadow:0 3px 6px 0 var(--neutral-light);box-shadow:0 3px 6px 0 var(--neutral-light)}: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)}:host button.small:hover,:host a.small:hover{-webkit-box-shadow:0 2px 5px 0 var(--neutral-light);box-shadow:0 2px 5px 0 var(--neutral-light)}: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);border-color:var(--neutral-base)}:host button.disabled:hover,:host a.disabled:hover{-webkit-box-shadow:none;box-shadow:none}:host button.disabled .label,:host a.disabled .label{color:var(--neutral-dark)}";const h=class{constructor(s){t(this,s);this.type="primary";this.size="large";this.disabled=false;this.isLoading=false;this.iconName=undefined;this.iconset="default";this.iconPosition="left";this.href=undefined;this.target="_self";this.color="accent";this.styles={}}handleChangeColor(){this.setColors()}connectedCallback(){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-base"]=window.CuraAPI.theme.colors.getColor(`neutral-base`);this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor(`neutral-dark`);this.styles["--neutral-black"]=window.CuraAPI.theme.colors.getColor(`neutral-black`);this.setColors()}getClasses(){const t={};t[`button-${this.type.toLowerCase()}`]=true;t[`${this.size.toLowerCase()}`]=true;t[`icon-${this.iconPosition.toLowerCase()}`]=true;t["disabled"]=this.disabled;return t}setColors(){this.styles=Object.assign(Object.assign({},this.styles),{"--color-light":window.CuraAPI.theme.colors.getColor(`${this.color}-light`),"--color-base":window.CuraAPI.theme.colors.getColor(`${this.color}-base`),"--color-dark":window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)})}getIcon(){if(!this.iconName)return"";const t=this.size==="small"?16:this.size==="medium"?20:24;const e=this.disabled?"neutral-dark":`neutral-black`;return s("cura-icon",{name:this.iconName,iconset:this.iconset,size:t,color:e})}render(){return s(e,null,this.href?s("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles},this.getIcon(),s("span",{class:"label"},s("slot",null))):s("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null},this.getIcon(),s("span",{class:"label"},s("slot",null))))}static get watchers(){return{color:["handleChangeColor"]}}};h.style=i;const a=":host{display:block;font-size:var(--font-size);text-transform:uppercase}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:4.285em;font-weight:var(--font-weight-black);color:var(--color-body);line-height:120%;letter-spacing:-4%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:6.21em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3em;font-weight:var(--font-weight-bold)}@media (min-width: 768px) and (max-width: 1365px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.92em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:7.07em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.428em}}@media (min-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:6.14em;line-height:125%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:8.857em;letter-spacing:-6%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:4.285em;letter-spacing:-2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}: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}";const l=class{constructor(s){t(this,s);this.level=1;this.size="regular";this.inverted=false;this.spotColor="primary"}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()}getClasses(){const t={};t[this.size.toLowerCase()]=true;return t}setFontProperties(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize());this.setHostProperty("--block-margin","0.5em")}setColors(){const t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`):window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`)}setHostProperty(t,s){this.host.style.setProperty(t,s)}getHeadingTag(){const t={1:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null)),2:s("h2",{style:this.styles,class:this.getClasses()},s("slot",null)),3:s("h3",{style:this.styles,class:this.getClasses()},s("slot",null)),4:s("h4",{style:this.styles,class:this.getClasses()},s("slot",null)),5:s("h5",{style:this.styles,class:this.getClasses()},s("slot",null)),6:s("h6",{style:this.styles,class:this.getClasses()},s("slot",null)),default:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null))};return t[`${this.level}`]||t["default"]}render(){return s(e,null,this.getHeadingTag())}get host(){return o(this)}};l.style=a;const r=":host{display:block;font-size:var(--font-size)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.71em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:130%;letter-spacing:0%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}: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.07em;letter-spacing:-2%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:150%;letter-spacing:0%}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}@media (min-width: 768px) and (max-width: 1365px){: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}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}}@media (min-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:135%;letter-spacing:-2%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.92em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.71em;line-height:160%;letter-spacing:0%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}: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}";const n=class{constructor(s){t(this,s);this.level=1;this.size="regular";this.weight="regular";this.inverted=false;this.spotColor="primary"}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()}getClasses(){const t={};t[this.size.toLowerCase()]=true;t[`${this.weight.toLowerCase()}-weight`]=true;return t}setFontProperties(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("heading"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize());this.setHostProperty("--block-margin","0.5em")}setColors(){const t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`):window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`)}setHostProperty(t,s){this.host.style.setProperty(t,s)}getHeadingTag(){const t={1:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null)),2:s("h2",{style:this.styles,class:this.getClasses()},s("slot",null)),3:s("h3",{style:this.styles,class:this.getClasses()},s("slot",null)),4:s("h4",{style:this.styles,class:this.getClasses()},s("slot",null)),5:s("h5",{style:this.styles,class:this.getClasses()},s("slot",null)),6:s("h6",{style:this.styles,class:this.getClasses()},s("slot",null)),default:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null))};return t[`${this.level}`]||t["default"]}render(){return s(e,null,this.getHeadingTag())}get host(){return o(this)}};n.style=r;const d=":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}";const c=class{constructor(s){t(this,s);this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}};this.name="";this.color="neutral-base";this.size=undefined;this.iconset="default";this.disabled=false}sizeHandler(t){const s=t=>`${this.sizes[t].stroke*(this.sizes.default.size/this.sizes[t].size)}px`;this.setHostProperty("--size",this.sizes[`${t}`]?`${this.sizes[t].size}px`:`${this.sizes.default.size}px`);this.setHostProperty("--stroke",this.sizes[`${t}`]?s(t):s("default"))}colorHandler(){this.setHostProperty("--color",window.CuraAPI.theme.colors.getColor(this.disabled?"neutral-light":this.color))}connectedCallback(){this.assetsPath=window.CuraAPI.localAssetsPath;this.sizeHandler(this.size);this.colorHandler()}setHostProperty(t,s){this.host.style.setProperty(t,s)}render(){return s(e,null,s("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg"},s("use",{xlinkHref:`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`})))}get host(){return o(this)}static get watchers(){return{size:["sizeHandler"],color:["colorHandler"],disabled:["colorHandler"]}}};c.style=d;const g=':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: 360px){:host .grid-template{padding:0px}}@media (min-width: 768px) and (max-width: 1365px){:host .grid-template{padding:0px}}@media (min-width: 1366px) and (max-width: 1919px){: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: 1920px){: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:1920px;justify-self:center}}';const m=class{constructor(s){t(this,s);this.contentwidth="default"}connectedCallback(){this.styles={"--spacing":window.CuraAPI.theme.spacing.getSpacing()}}getClasses(){const t={};t[this.contentwidth.toLowerCase()]=true;return t}render(){return s(e,null,s("div",{style:this.styles,class:"grid-template"},s("div",{id:"sub-header"},s("slot",{name:"sub-header"})),s("div",{id:"header"},s("slot",{name:"header"})),s("div",{id:"pre-content"},s("slot",{name:"pre-content"})),s("div",{id:"content-container",class:this.getClasses()},s("div",{id:"sidebar-left"},s("slot",{name:"sidebar-left"})),s("div",{id:"content"},s("slot",{name:"content"}),s("slot",null)),s("div",{id:"sidebar-right"},s("slot",{name:"sidebar-right"}))),s("div",{id:"post-body"},s("slot",{name:"post-body"})),s("div",{id:"footer"},s("slot",{name:"footer"})),s("div",{id:"sub-footer"},s("slot",{name:"sub-footer"}))))}get host(){return o(this)}};m.style=g;const b=":host{display:block;font-size:var(--font-size)}:host p{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:140%;letter-spacing:2%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}:host p.large{font-size:1.21em;line-height:150%;letter-spacing:0%}:host p.small{font-size:0.85em;line-height:135%;letter-spacing:4%}:host p.caption{font-size:0.71em;line-height:135%;letter-spacing:6%}@media (min-width: 768px) and (max-width: 1365px){:host p{font-size:1.14em;line-height:145%}:host p.large{font-size:1.35em;line-height:150%}:host p.small{font-size:1em;line-height:135%}:host p.caption{font-size:0.85em;line-height:135%;letter-spacing:6%}}@media (min-width: 1366px){:host p{font-size:1.42em;line-height:150%;letter-spacing:0%}:host p.large{font-size:1.71em;line-height:160%}:host p.small{font-size:1.21em;line-height:145%;letter-spacing:0%}:host p.caption{font-size:1em;line-height:145%;letter-spacing:2%}}: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(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}";const p=class{constructor(s){t(this,s);this.size="regular";this.inverted=false;this.spotColor="primary"}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()}setsizeClass(){const t={};t[this.size.toLowerCase()]=true;return t}setFontProperties(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("body"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize());this.setHostProperty("--block-margin","1.25em")}setColors(){const t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`):window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`)}setHostProperty(t,s){this.host.style.setProperty(t,s)}render(){return s(e,null,s("p",{style:this.styles,class:this.setsizeClass()},s("slot",null)))}get host(){return o(this)}};p.style=b;export{h as cura_button,l as cura_display,n as cura_heading,c as cura_icon,m as cura_page_template,p as cura_paragraph};
-//# sourceMappingURL=p-731abb13.entry.js.map

package/dist/cura/p-731abb13.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaButtonCss","CuraButton","handleChangeColor","this","setColors","connectedCallback","styles","window","CuraAPI","theme","spacing","getSpacing","colors","getColor","getClasses","classes","type","toLowerCase","size","iconPosition","disabled","Object","assign","color","getIcon","iconName","iconSize","h","name","iconset","render","Host","href","target","class","style","curaDisplayCss","CuraDisplay","weights","fonts","getWeights","setFontProperties","getFamily","getSize","bold","black","setHostProperty","fontColor","inverted","spotColor","prop","value","host","setProperty","getHeadingTag","tags","default","level","curaHeadingCss","CuraHeading","weight","regular","medium","curaIconCss","CuraIcon","sizes","stroke","sizeHandler","scaledStroke","colorHandler","assetsPath","localAssetsPath","version","viewBox","preserveAspectRatio","xmlns","xlinkHref","curaPageTemplateCss","CuraPageTemplate","contentwidth","id","curaParagraphCss","CuraParagraph","setsizeClass","sizeclass"],"sources":["./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-display/cura-display.scss?tag=cura-display&encapsulation=shadow","./src/components/text/cura-display/cura-display.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/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: inline-block;\n  vertical-align: middle;\n\n  button, a {\n    outline: none;\n    box-shadow: none;\n    box-sizing: border-box;\n    padding: calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);\n    min-height: calc(var(--base-spacing) * 13px);\n    display: flex;\n    width: 100%;\n    align-items: center;\n    background-color: var(--color-base);\n    border-width: 1px;\n    border-color: var(--color-dark);\n    border-style: solid;\n    border-radius: 4px;\n    transition: background-color .12s linear, box-shadow .12s linear, border-color .12s linear;\n    cursor: pointer;\n\n    &:hover {\n      background-color: var(--color-light);\n      border-color: var(--color-base);\n      box-shadow: 0 4px 8px 0 var(--neutral-light);\n    }\n\n    .label { \n      flex: 1;\n      color: var(--neutral-black);\n    }\n\n    &.icon-left cura-icon {\n      margin-right: calc(var(--base-spacing) * 3px);\n    }\n\n    &.icon-right {\n      flex-direction: row-reverse;\n      cura-icon {\n        margin-left: calc(var(--base-spacing) * 3px);\n      }\n    }\n\n    &.medium {\n      padding: calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);\n      min-height: calc(var(--base-spacing) * 11px);\n\n      &:hover { box-shadow: 0 3px 6px 0 var(--neutral-light); }\n    }\n\n    &.small {\n      padding: calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);\n      min-height: calc(var(--base-spacing) * 8px);\n\n      &:hover { box-shadow: 0 2px 5px 0 var(--neutral-light); }\n\n      &.icon-left cura-icon { margin-right: calc(var(--base-spacing) * 2.5px); }\n\n      &.icon-right cura-icon { margin-left: calc(var(--base-spacing) * 2.5px); }\n    }\n\n    &.disabled {\n      cursor: not-allowed;\n      background-color: var(--neutral-light);\n      border-color: var(--neutral-base);\n      \n      &:hover { box-shadow: none; }\n\n      .label { color: var(--neutral-dark); }\n\n    }\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 type: primary (default) | outline | transparent | icon.\n   */\n  @Prop({reflect: true}) type = 'primary';\n  /**\n   * Button size: small | medium | large (default)\n   */\n  @Prop({reflect: true}) size = 'large';\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';\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() 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  @State() styles = {};\n\n  connectedCallback() {\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-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\n    this.setColors();\n  }\n  \n  getClasses() {\n    const classes = {};\n    classes[`button-${this.type.toLowerCase()}`] = true;\n    classes[`${this.size.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes['disabled'] = this.disabled;\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.disabled ? 'neutral-dark' : `neutral-black`;\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n  }\n\n  render() {\n    return (\n      <Host>\n      { this.href ? (\n        <a href={this.disabled ? '' : this.href} target={this.target} class={this.getClasses()} style={this.styles}>\n          { this.getIcon() }\n          <span class=\"label\"><slot></slot></span>\n        </a>\n      ) : (\n        <button class={this.getClasses()} style={this.styles} disabled={this.disabled || null}>\n          { this.getIcon() }\n          <span class=\"label\"><slot></slot></span>\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);\n  text-transform: uppercase;\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 4.285em;\n    font-weight: var(--font-weight-black);\n    color: var(--color-body);\n    line-height: 120%;\n    letter-spacing: -4%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size:6.21em;\n    }\n\n    &.small {\n      font-size: 3em;\n      font-weight: var(--font-weight-bold);\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 4.92em;\n\n      &.large {\n        font-size: 7.07em;\n      }\n\n      &.small {\n        font-size: 3.428em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 6.14em;\n      line-height: 125%;\n\n      &.large {\n        font-size: 8.857em;\n        letter-spacing: -6%;\n      }\n\n      &.small {\n        font-size: 4.285em;\n        letter-spacing: -2%;\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-bold);\n    color: var(--color-link);\n    text-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\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","import { Component, Host, h, Element, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-display',\n  styleUrl: 'cura-display.scss',\n  shadow: true,\n})\nexport class CuraDisplay {\n\n  /**\n   * Heading level for semantics.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n  * Heading style size.\n  * Values: small | regular(default) | large.\n  */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n \n   /**\n    * Host element <cura-heading>\n    */\n   @Element() host: HTMLElement;\n \n   /**\n    * Internal Props\n    */\n   weights: any;\n   styles: any;\n\n   connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('display'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\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>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 1.71em;\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 130%;\n    letter-spacing: 0%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.bold-weight {\n      font-weight: var(--font-weight-medium);\n    }\n\n    &.large {\n      font-size: 2.07em;\n      letter-spacing: -2%;\n    }\n\n    &.small {\n      font-size: 1.214em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.bold-weight {\n        font-weight: var(--font-weight-bold);\n      }\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2em;\n\n      &.large {\n        font-size: 2.357em;\n      }\n\n      &.small {\n        font-size: 1.357em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2.5em;\n      line-height: 135%;\n      letter-spacing: -2%;\n\n      &.large {\n        font-size: 2.92em;\n      }\n\n      &.small {\n        font-size: 1.71em;\n        line-height: 160%;\n        letter-spacing: 0%;\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-bold);\n    color: var(--color-link);\n    text-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\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","import { Component, Host, h, Prop, Element } 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.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n   * Heading style size.\n   * Values: small | regular(default) | large.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n   * Heading font weight.\n   * Values: regular(default) | bold.\n   */\n  @Prop({reflect: true}) weight = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n\n  /**\n   * Host element <cura-heading>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\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.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('heading'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\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    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\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>\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';\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  sizes = {\n    \"128\": {size: 128, stroke: 5.25},\n    \"72\": {size: 72, stroke: 3.5},\n    \"64\": {size: 64, stroke: 3.25},\n    \"48\": {size: 48, stroke: 2.75},\n    \"40\": {size: 40, stroke: 2.5},\n    \"32\": {size: 32, stroke: 2.25},\n    \"24\": {size: 24, stroke: 2},\n    \"20\": {size: 20, stroke: 1.75},\n    \"16\": {size: 16, stroke: 1.5},\n    \"default\": {size: 24, stroke: 2}\n  };\n\n  @Watch('size')\n  sizeHandler(size: string | number) {\n    const scaledStroke = (iconSize: string | number) => {\n      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;\n    }\n    this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);\n    this.setHostProperty('--stroke', this.sizes[`${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));\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/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;\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);\n\n  p {\n    font-family: var(--font-family);\n    font-size: var(--font-size);\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 140%;\n    letter-spacing: 2%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size: 1.21em;\n      line-height: 150%;\n      letter-spacing: 0%;\n    }\n\n    &.small {\n      font-size: 0.85em;\n      line-height: 135%;\n      letter-spacing: 4%;\n    }\n\n    &.caption {\n      font-size: 0.71em;\n      line-height: 135%;\n      letter-spacing: 6%;\n    }\n  }\n\n  @include medium-only() {\n    p { \n      font-size: 1.14em;\n      line-height: 145%;\n\n      &.large {\n        font-size: 1.35em;\n        line-height: 150%;\n      }\n\n      &.small {\n        font-size: 1em;\n        line-height: 135%;\n      }\n\n      &.caption {\n        font-size: 0.85em;\n        line-height: 135%;\n        letter-spacing: 6%;\n      }\n    }\n  }\n\n  @include large-up() {\n    p { \n      font-size: 1.42em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.large {\n        font-size: 1.71em;\n        line-height: 160%;\n      }\n\n      &.small {\n        font-size: 1.21em;\n        line-height: 145%;\n        letter-spacing: 0%;\n      }\n\n      &.caption {\n        font-size: 1em;\n        line-height: 145%;\n        letter-spacing: 2%;\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(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 } 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 (default) | large | small | caption.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n  \n  /**\n   * Host element <cura-paragraph>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\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.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('body'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '1.25em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\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-b5872ed0.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-c30e14d5.system.js"],(function(t){"use strict";var e,o,s,i;return{setters:[function(t){e=t.r;o=t.h;s=t.H;i=t.g}],execute:function(){var r=":host{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;padding:calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 13px);display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;background-color:var(--color-base);border-width:1px;border-color:var(--color-dark);border-style:solid;border-radius:4px;-webkit-transition:background-color 0.12s linear, border-color 0.12s linear, -webkit-box-shadow 0.12s linear;transition:background-color 0.12s linear, border-color 0.12s linear, -webkit-box-shadow 0.12s linear;transition:background-color 0.12s linear, box-shadow 0.12s linear, border-color 0.12s linear;transition:background-color 0.12s linear, box-shadow 0.12s linear, border-color 0.12s linear, -webkit-box-shadow 0.12s linear;cursor:pointer}:host button:hover,:host a:hover{background-color:var(--color-light);border-color:var(--color-base);-webkit-box-shadow:0 4px 8px 0 var(--neutral-light);box-shadow:0 4px 8px 0 var(--neutral-light)}:host button .label,:host a .label{-ms-flex:1;flex:1;color:var(--neutral-black)}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right,:host a.icon-right{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}: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)}:host button.medium:hover,:host a.medium:hover{-webkit-box-shadow:0 3px 6px 0 var(--neutral-light);box-shadow:0 3px 6px 0 var(--neutral-light)}: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)}:host button.small:hover,:host a.small:hover{-webkit-box-shadow:0 2px 5px 0 var(--neutral-light);box-shadow:0 2px 5px 0 var(--neutral-light)}: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);border-color:var(--neutral-base)}:host button.disabled:hover,:host a.disabled:hover{-webkit-box-shadow:none;box-shadow:none}:host button.disabled .label,:host a.disabled .label{color:var(--neutral-dark)}";var l=t("cura_button",function(){function t(t){e(this,t);this.type="primary";this.size="large";this.disabled=false;this.isLoading=false;this.iconName=undefined;this.iconset="default";this.iconPosition="left";this.href=undefined;this.target="_self";this.color="accent";this.styles={}}t.prototype.handleChangeColor=function(){this.setColors()};t.prototype.connectedCallback=function(){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-base"]=window.CuraAPI.theme.colors.getColor("neutral-base");this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark");this.styles["--neutral-black"]=window.CuraAPI.theme.colors.getColor("neutral-black");this.setColors()};t.prototype.getClasses=function(){var t={};t["button-".concat(this.type.toLowerCase())]=true;t["".concat(this.size.toLowerCase())]=true;t["icon-".concat(this.iconPosition.toLowerCase())]=true;t["disabled"]=this.disabled;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 e=this.disabled?"neutral-dark":"neutral-black";return o("cura-icon",{name:this.iconName,iconset:this.iconset,size:t,color:e})};t.prototype.render=function(){return o(s,null,this.href?o("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles},this.getIcon(),o("span",{class:"label"},o("slot",null))):o("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null},this.getIcon(),o("span",{class:"label"},o("slot",null))))};Object.defineProperty(t,"watchers",{get:function(){return{color:["handleChangeColor"]}},enumerable:false,configurable:true});return t}());l.style=r;var a=":host{display:block;font-size:var(--font-size);text-transform:uppercase}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:4.285em;font-weight:var(--font-weight-black);color:var(--color-body);line-height:120%;letter-spacing:-4%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:6.21em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3em;font-weight:var(--font-weight-bold)}@media (min-width: 768px) and (max-width: 1365px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.92em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:7.07em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.428em}}@media (min-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:6.14em;line-height:125%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:8.857em;letter-spacing:-6%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:4.285em;letter-spacing:-2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}: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 n=t("cura_display",function(){function t(t){e(this,t);this.level=1;this.size="regular";this.inverted=false;this.spotColor="primary"}t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()};t.prototype.getClasses=function(){var t={};t[this.size.toLowerCase()]=true;return t};t.prototype.setFontProperties=function(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize());this.setHostProperty("--block-margin","0.5em")};t.prototype.setColors=function(){var t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-100")):window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-700"))};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.getHeadingTag=function(){var t={1:o("h1",{style:this.styles,class:this.getClasses()},o("slot",null)),2:o("h2",{style:this.styles,class:this.getClasses()},o("slot",null)),3:o("h3",{style:this.styles,class:this.getClasses()},o("slot",null)),4:o("h4",{style:this.styles,class:this.getClasses()},o("slot",null)),5:o("h5",{style:this.styles,class:this.getClasses()},o("slot",null)),6:o("h6",{style:this.styles,class:this.getClasses()},o("slot",null)),default:o("h1",{style:this.styles,class:this.getClasses()},o("slot",null))};return t["".concat(this.level)]||t["default"]};t.prototype.render=function(){return o(s,null,this.getHeadingTag())};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());n.style=a;var h=":host{display:block;font-size:var(--font-size)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.71em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:130%;letter-spacing:0%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}: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.07em;letter-spacing:-2%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:150%;letter-spacing:0%}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}@media (min-width: 768px) and (max-width: 1365px){: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}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}}@media (min-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:135%;letter-spacing:-2%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.92em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.71em;line-height:160%;letter-spacing:0%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}: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_heading",function(){function t(t){e(this,t);this.level=1;this.size="regular";this.weight="regular";this.inverted=false;this.spotColor="primary"}t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();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.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("heading"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize());this.setHostProperty("--block-margin","0.5em")};t.prototype.setColors=function(){var t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-100")):window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-700"))};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.getHeadingTag=function(){var t={1:o("h1",{style:this.styles,class:this.getClasses()},o("slot",null)),2:o("h2",{style:this.styles,class:this.getClasses()},o("slot",null)),3:o("h3",{style:this.styles,class:this.getClasses()},o("slot",null)),4:o("h4",{style:this.styles,class:this.getClasses()},o("slot",null)),5:o("h5",{style:this.styles,class:this.getClasses()},o("slot",null)),6:o("h6",{style:this.styles,class:this.getClasses()},o("slot",null)),default:o("h1",{style:this.styles,class:this.getClasses()},o("slot",null))};return t["".concat(this.level)]||t["default"]};t.prototype.render=function(){return o(s,null,this.getHeadingTag())};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());c.style=h;var d=":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 g=t("cura_icon",function(){function t(t){e(this,t);this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}};this.name="";this.color="neutral-base";this.size=undefined;this.iconset="default";this.disabled=false}t.prototype.sizeHandler=function(t){var e=this;var o=function(t){return"".concat(e.sizes[t].stroke*(e.sizes.default.size/e.sizes[t].size),"px")};this.setHostProperty("--size",this.sizes["".concat(t)]?"".concat(this.sizes[t].size,"px"):"".concat(this.sizes.default.size,"px"));this.setHostProperty("--stroke",this.sizes["".concat(t)]?o(t):o("default"))};t.prototype.colorHandler=function(){this.setHostProperty("--color",window.CuraAPI.theme.colors.getColor(this.disabled?"neutral-light":this.color))};t.prototype.connectedCallback=function(){this.assetsPath=window.CuraAPI.localAssetsPath;this.sizeHandler(this.size);this.colorHandler()};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.render=function(){return o(s,null,o("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg"},o("use",{xlinkHref:"".concat(this.assetsPath,"/icons/iconset-").concat(this.iconset,".svg#").concat(this.name)})))};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:["sizeHandler"],color:["colorHandler"],disabled:["colorHandler"]}},enumerable:false,configurable:true});return t}());g.style=d;var u=':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: 360px){:host .grid-template{padding:0px}}@media (min-width: 768px) and (max-width: 1365px){:host .grid-template{padding:0px}}@media (min-width: 1366px) and (max-width: 1919px){: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: 1920px){: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:1920px;justify-self:center}}';var p=t("cura_page_template",function(){function t(t){e(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 o(s,null,o("div",{style:this.styles,class:"grid-template"},o("div",{id:"sub-header"},o("slot",{name:"sub-header"})),o("div",{id:"header"},o("slot",{name:"header"})),o("div",{id:"pre-content"},o("slot",{name:"pre-content"})),o("div",{id:"content-container",class:this.getClasses()},o("div",{id:"sidebar-left"},o("slot",{name:"sidebar-left"})),o("div",{id:"content"},o("slot",{name:"content"}),o("slot",null)),o("div",{id:"sidebar-right"},o("slot",{name:"sidebar-right"}))),o("div",{id:"post-body"},o("slot",{name:"post-body"})),o("div",{id:"footer"},o("slot",{name:"footer"})),o("div",{id:"sub-footer"},o("slot",{name:"sub-footer"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());p.style=u;var m=":host{display:block;font-size:var(--font-size)}:host p{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:140%;letter-spacing:2%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}:host p.large{font-size:1.21em;line-height:150%;letter-spacing:0%}:host p.small{font-size:0.85em;line-height:135%;letter-spacing:4%}:host p.caption{font-size:0.71em;line-height:135%;letter-spacing:6%}@media (min-width: 768px) and (max-width: 1365px){:host p{font-size:1.14em;line-height:145%}:host p.large{font-size:1.35em;line-height:150%}:host p.small{font-size:1em;line-height:135%}:host p.caption{font-size:0.85em;line-height:135%;letter-spacing:6%}}@media (min-width: 1366px){:host p{font-size:1.42em;line-height:150%;letter-spacing:0%}:host p.large{font-size:1.71em;line-height:160%}:host p.small{font-size:1.21em;line-height:145%;letter-spacing:0%}:host p.caption{font-size:1em;line-height:145%;letter-spacing:2%}}: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(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 f=t("cura_paragraph",function(){function t(t){e(this,t);this.size="regular";this.inverted=false;this.spotColor="primary"}t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()};t.prototype.setsizeClass=function(){var t={};t[this.size.toLowerCase()]=true;return t};t.prototype.setFontProperties=function(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("body"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize());this.setHostProperty("--block-margin","1.25em")};t.prototype.setColors=function(){var t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-100")):window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-700"))};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.render=function(){return o(s,null,o("p",{style:this.styles,class:this.setsizeClass()},o("slot",null)))};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());f.style=m}}}));
-//# sourceMappingURL=p-b5872ed0.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["curaButtonCss","CuraButton","exports","class_1","prototype","handleChangeColor","this","setColors","connectedCallback","styles","window","CuraAPI","theme","spacing","getSpacing","colors","getColor","getClasses","classes","concat","type","toLowerCase","size","iconPosition","disabled","Object","assign","color","getIcon","iconName","iconSize","h","name","iconset","render","Host","href","target","class","style","curaDisplayCss","CuraDisplay","class_2","weights","fonts","getWeights","setFontProperties","getFamily","getSize","bold","black","setHostProperty","fontColor","inverted","spotColor","prop","value","host","setProperty","getHeadingTag","tags","default","level","curaHeadingCss","CuraHeading","class_3","weight","regular","medium","curaIconCss","CuraIcon","sizes","stroke","class_4","sizeHandler","_this","scaledStroke","colorHandler","assetsPath","localAssetsPath","version","viewBox","preserveAspectRatio","xmlns","xlinkHref","curaPageTemplateCss","CuraPageTemplate","class_5","contentwidth","id","curaParagraphCss","CuraParagraph","class_6","setsizeClass","sizeclass"],"sources":["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-display/cura-display.scss?tag=cura-display&encapsulation=shadow","src/components/text/cura-display/cura-display.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/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: inline-block;\n  vertical-align: middle;\n\n  button, a {\n    outline: none;\n    box-shadow: none;\n    box-sizing: border-box;\n    padding: calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);\n    min-height: calc(var(--base-spacing) * 13px);\n    display: flex;\n    width: 100%;\n    align-items: center;\n    background-color: var(--color-base);\n    border-width: 1px;\n    border-color: var(--color-dark);\n    border-style: solid;\n    border-radius: 4px;\n    transition: background-color .12s linear, box-shadow .12s linear, border-color .12s linear;\n    cursor: pointer;\n\n    &:hover {\n      background-color: var(--color-light);\n      border-color: var(--color-base);\n      box-shadow: 0 4px 8px 0 var(--neutral-light);\n    }\n\n    .label { \n      flex: 1;\n      color: var(--neutral-black);\n    }\n\n    &.icon-left cura-icon {\n      margin-right: calc(var(--base-spacing) * 3px);\n    }\n\n    &.icon-right {\n      flex-direction: row-reverse;\n      cura-icon {\n        margin-left: calc(var(--base-spacing) * 3px);\n      }\n    }\n\n    &.medium {\n      padding: calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);\n      min-height: calc(var(--base-spacing) * 11px);\n\n      &:hover { box-shadow: 0 3px 6px 0 var(--neutral-light); }\n    }\n\n    &.small {\n      padding: calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);\n      min-height: calc(var(--base-spacing) * 8px);\n\n      &:hover { box-shadow: 0 2px 5px 0 var(--neutral-light); }\n\n      &.icon-left cura-icon { margin-right: calc(var(--base-spacing) * 2.5px); }\n\n      &.icon-right cura-icon { margin-left: calc(var(--base-spacing) * 2.5px); }\n    }\n\n    &.disabled {\n      cursor: not-allowed;\n      background-color: var(--neutral-light);\n      border-color: var(--neutral-base);\n      \n      &:hover { box-shadow: none; }\n\n      .label { color: var(--neutral-dark); }\n\n    }\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 type: primary (default) | outline | transparent | icon.\n   */\n  @Prop({reflect: true}) type = 'primary';\n  /**\n   * Button size: small | medium | large (default)\n   */\n  @Prop({reflect: true}) size = 'large';\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';\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() 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  @State() styles = {};\n\n  connectedCallback() {\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-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\n    this.setColors();\n  }\n  \n  getClasses() {\n    const classes = {};\n    classes[`button-${this.type.toLowerCase()}`] = true;\n    classes[`${this.size.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes['disabled'] = this.disabled;\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.disabled ? 'neutral-dark' : `neutral-black`;\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n  }\n\n  render() {\n    return (\n      <Host>\n      { this.href ? (\n        <a href={this.disabled ? '' : this.href} target={this.target} class={this.getClasses()} style={this.styles}>\n          { this.getIcon() }\n          <span class=\"label\"><slot></slot></span>\n        </a>\n      ) : (\n        <button class={this.getClasses()} style={this.styles} disabled={this.disabled || null}>\n          { this.getIcon() }\n          <span class=\"label\"><slot></slot></span>\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);\n  text-transform: uppercase;\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 4.285em;\n    font-weight: var(--font-weight-black);\n    color: var(--color-body);\n    line-height: 120%;\n    letter-spacing: -4%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size:6.21em;\n    }\n\n    &.small {\n      font-size: 3em;\n      font-weight: var(--font-weight-bold);\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 4.92em;\n\n      &.large {\n        font-size: 7.07em;\n      }\n\n      &.small {\n        font-size: 3.428em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 6.14em;\n      line-height: 125%;\n\n      &.large {\n        font-size: 8.857em;\n        letter-spacing: -6%;\n      }\n\n      &.small {\n        font-size: 4.285em;\n        letter-spacing: -2%;\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-bold);\n    color: var(--color-link);\n    text-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\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","import { Component, Host, h, Element, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-display',\n  styleUrl: 'cura-display.scss',\n  shadow: true,\n})\nexport class CuraDisplay {\n\n  /**\n   * Heading level for semantics.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n  * Heading style size.\n  * Values: small | regular(default) | large.\n  */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n \n   /**\n    * Host element <cura-heading>\n    */\n   @Element() host: HTMLElement;\n \n   /**\n    * Internal Props\n    */\n   weights: any;\n   styles: any;\n\n   connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('display'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\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>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 1.71em;\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 130%;\n    letter-spacing: 0%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.bold-weight {\n      font-weight: var(--font-weight-medium);\n    }\n\n    &.large {\n      font-size: 2.07em;\n      letter-spacing: -2%;\n    }\n\n    &.small {\n      font-size: 1.214em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.bold-weight {\n        font-weight: var(--font-weight-bold);\n      }\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2em;\n\n      &.large {\n        font-size: 2.357em;\n      }\n\n      &.small {\n        font-size: 1.357em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2.5em;\n      line-height: 135%;\n      letter-spacing: -2%;\n\n      &.large {\n        font-size: 2.92em;\n      }\n\n      &.small {\n        font-size: 1.71em;\n        line-height: 160%;\n        letter-spacing: 0%;\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-bold);\n    color: var(--color-link);\n    text-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\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","import { Component, Host, h, Prop, Element } 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.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n   * Heading style size.\n   * Values: small | regular(default) | large.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n   * Heading font weight.\n   * Values: regular(default) | bold.\n   */\n  @Prop({reflect: true}) weight = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n\n  /**\n   * Host element <cura-heading>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\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.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('heading'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\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    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\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>\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';\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  sizes = {\n    \"128\": {size: 128, stroke: 5.25},\n    \"72\": {size: 72, stroke: 3.5},\n    \"64\": {size: 64, stroke: 3.25},\n    \"48\": {size: 48, stroke: 2.75},\n    \"40\": {size: 40, stroke: 2.5},\n    \"32\": {size: 32, stroke: 2.25},\n    \"24\": {size: 24, stroke: 2},\n    \"20\": {size: 20, stroke: 1.75},\n    \"16\": {size: 16, stroke: 1.5},\n    \"default\": {size: 24, stroke: 2}\n  };\n\n  @Watch('size')\n  sizeHandler(size: string | number) {\n    const scaledStroke = (iconSize: string | number) => {\n      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;\n    }\n    this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);\n    this.setHostProperty('--stroke', this.sizes[`${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));\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/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;\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);\n\n  p {\n    font-family: var(--font-family);\n    font-size: var(--font-size);\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 140%;\n    letter-spacing: 2%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size: 1.21em;\n      line-height: 150%;\n      letter-spacing: 0%;\n    }\n\n    &.small {\n      font-size: 0.85em;\n      line-height: 135%;\n      letter-spacing: 4%;\n    }\n\n    &.caption {\n      font-size: 0.71em;\n      line-height: 135%;\n      letter-spacing: 6%;\n    }\n  }\n\n  @include medium-only() {\n    p { \n      font-size: 1.14em;\n      line-height: 145%;\n\n      &.large {\n        font-size: 1.35em;\n        line-height: 150%;\n      }\n\n      &.small {\n        font-size: 1em;\n        line-height: 135%;\n      }\n\n      &.caption {\n        font-size: 0.85em;\n        line-height: 135%;\n        letter-spacing: 6%;\n      }\n    }\n  }\n\n  @include large-up() {\n    p { \n      font-size: 1.42em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.large {\n        font-size: 1.71em;\n        line-height: 160%;\n      }\n\n      &.small {\n        font-size: 1.21em;\n        line-height: 145%;\n        letter-spacing: 0%;\n      }\n\n      &.caption {\n        font-size: 1em;\n        line-height: 145%;\n        letter-spacing: 2%;\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(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 } 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 (default) | large | small | caption.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n  \n  /**\n   * Host element <cura-paragraph>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\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.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('body'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '1.25em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\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-c30e14d5.system.js

@@ -1,3 +0,0 @@
-var __extends=this&&this.__extends||function(){var e=function(t,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]};return e(t,r)};return function(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");e(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function l(e){try{s(n.next(e))}catch(e){i(e)}}function o(e){try{s(n["throw"](e))}catch(e){i(e)}}function s(e){e.done?r(e.value):a(e.value).then(l,o)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(e){return function(t){return s([e,t])}}function s(o){if(n)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(r=0)),r)try{if(n=1,a&&(i=o[0]&2?a["return"]:o[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;if(a=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;a=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(o[0]===6&&r.label<i[1]){r.label=i[1];i=o;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(o);break}if(i[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(e){o=[6,e];a=0}finally{n=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||arguments.length===2)for(var n=0,a=t.length,i;n<a;n++){if(i||!(n in t)){if(!i)i=Array.prototype.slice.call(t,0,n);i[n]=t[n]}}return e.concat(i||Array.prototype.slice.call(t))};System.register([],(function(e,t){"use strict";return{execute:function(){var r=this;var n="cura";var a;var i;var l;var o=false;var s=false;var $=false;var f=false;var u=false;var c=function(e,t){if(t===void 0){t=""}{return function(){return}}};var v=function(e,t){{return function(){return}}};var d="r";var h="o";var m="s";var p="t";var g="s-id";var y="sty-id";var b="c-id";var w="{visibility:hidden}.hydrated{visibility:inherit}";var N="http://www.w3.org/1999/xlink";var S={};var R="http://www.w3.org/2000/svg";var x="http://www.w3.org/1999/xhtml";var _=function(e){return e!=null};var T=function(e){e=typeof e;return e==="object"||e==="function"};function C(e){var t,r,n;return(n=(r=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||r===void 0?void 0:r.getAttribute("content"))!==null&&n!==void 0?n:undefined}var A=e("h",(function(e,t){var r=[];for(var n=2;n<arguments.length;n++){r[n-2]=arguments[n]}var a=null;var i=null;var l=false;var o=false;var s=[];var $=function(t){for(var r=0;r<t.length;r++){a=t[r];if(Array.isArray(a)){$(a)}else if(a!=null&&typeof a!=="boolean"){if(l=typeof e!=="function"&&!T(a)){a=String(a)}if(l&&o){s[s.length-1].$text$+=a}else{s.push(l?k(null,a):a)}o=l}}};$(r);if(t){if(t.name){i=t.name}{var f=t.className||t.class;if(f){t.class=typeof f!=="object"?f:Object.keys(f).filter((function(e){return f[e]})).join(" ")}}}var u=k(e,null);u.$attrs$=t;if(s.length>0){u.$children$=s}{u.$name$=i}return u}));var k=function(e,t){var r={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};{r.$attrs$=null}{r.$name$=null}return r};var j=e("H",{});var E=function(e){return e&&e.$tag$===j};var L=function(e,t,r,n){var a=c("hydrateClient",t);var i=e.shadowRoot;var l=[];var o=[];var s=i?[]:null;var $=n.$vnode$=k(t,null);if(!Ue.$orgLocNodes$){O(ze.body,Ue.$orgLocNodes$=new Map)}e[g]=r;e.removeAttribute(g);M($,l,o,s,e,e,r);l.map((function(e){var r=e.$hostId$+"."+e.$nodeId$;var n=Ue.$orgLocNodes$.get(r);var a=e.$elm$;if(n&&Ve&&n["s-en"]===""){n.parentNode.insertBefore(a,n.nextSibling)}if(!i){a["s-hn"]=t;if(n){a["s-ol"]=n;a["s-ol"]["s-nr"]=a}}Ue.$orgLocNodes$.delete(r)}));if(i){s.map((function(e){if(e){i.appendChild(e)}}))}a()};var M=function(e,t,r,n,a,i,l){var o;var s;var $;var f;if(i.nodeType===1){o=i.getAttribute(b);if(o){s=o.split(".");if(s[0]===l||s[0]==="0"){$={$flags$:0,$hostId$:s[0],$nodeId$:s[1],$depth$:s[2],$index$:s[3],$tag$:i.tagName.toLowerCase(),$elm$:i,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null};t.push($);i.removeAttribute(b);if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$;e=$;if(n&&$.$depth$==="0"){n[$.$index$]=$.$elm$}}}for(f=i.childNodes.length-1;f>=0;f--){M(e,t,r,n,a,i.childNodes[f],l)}if(i.shadowRoot){for(f=i.shadowRoot.childNodes.length-1;f>=0;f--){M(e,t,r,n,a,i.shadowRoot.childNodes[f],l)}}}else if(i.nodeType===8){s=i.nodeValue.split(".");if(s[1]===l||s[1]==="0"){o=s[0];$={$flags$:0,$hostId$:s[1],$nodeId$:s[2],$depth$:s[3],$index$:s[4],$elm$:i,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null};if(o===p){$.$elm$=i.nextSibling;if($.$elm$&&$.$elm$.nodeType===3){$.$text$=$.$elm$.textContent;t.push($);i.remove();if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$;if(n&&$.$depth$==="0"){n[$.$index$]=$.$elm$}}}else if($.$hostId$===l){if(o===m){$.$tag$="slot";if(s[5]){i["s-sn"]=$.$name$=s[5]}else{i["s-sn"]=""}i["s-sr"]=true;if(n){$.$elm$=ze.createElement($.$tag$);if($.$name$){$.$elm$.setAttribute("name",$.$name$)}i.parentNode.insertBefore($.$elm$,i);i.remove();if($.$depth$==="0"){n[$.$index$]=$.$elm$}}r.push($);if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$}else if(o===d){if(n){i.remove()}else{a["s-cr"]=i;i["s-cn"]=true}}}}}else if(e&&e.$tag$==="style"){var u=k(null,i.textContent);u.$elm$=i;u.$index$="0";e.$children$=[u]}};var O=function(e,t){if(e.nodeType===1){var r=0;for(;r<e.childNodes.length;r++){O(e.childNodes[r],t)}if(e.shadowRoot){for(r=0;r<e.shadowRoot.childNodes.length;r++){O(e.shadowRoot.childNodes[r],t)}}}else if(e.nodeType===8){var n=e.nodeValue.split(".");if(n[0]===h){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var P=function(e,t){if(e!=null&&!T(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var I=e("g",(function(e){return ke(e).$hostElement$}));var B=function(e,t,r){var n=Ue.ce(t,r);e.dispatchEvent(n);return n};var H=new WeakMap;var z=function(e,t,r){var n=Ie.get(e);if(Fe&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}Ie.set(e,n)};var U=function(e,t,r,n){var a;var i=q(t);var l=Ie.get(i);e=e.nodeType===11?e:ze;if(l){if(typeof l==="string"){e=e.head||e;var o=H.get(e);var s=void 0;if(!o){H.set(e,o=new Set)}if(!o.has(i)){if(e.host&&(s=e.querySelector("[".concat(y,'="').concat(i,'"]')))){s.innerHTML=l}else{if(Ue.$cssShim$){s=Ue.$cssShim$.createHostStyle(n,i,l,!!(t.$flags$&10));var $=s["s-sc"];if($){i=$;o=null}}else{s=ze.createElement("style");s.innerHTML=l}var f=(a=Ue.$nonce$)!==null&&a!==void 0?a:C(ze);if(f!=null){s.setAttribute("nonce",f)}e.insertBefore(s,e.querySelector("link"))}if(o){o.add(i)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[l],false)}}return i};var V=function(e){var t=e.$cmpMeta$;var r=e.$hostElement$;var n=t.$flags$;var a=c("attachStyles",t.$tagName$);var i=U(Ve&&r.shadowRoot?r.shadowRoot:r.getRootNode(),t,e.$modeName$,r);if(n&10){r["s-sc"]=i;r.classList.add(i+"-h")}a()};var q=function(e,t){return"sc-"+e.$tagName$};var F=function(e){return e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{")};var W=function(e,t,r,n,a,i){if(r!==n){var l=Le(e,t);var o=t.toLowerCase();if(t==="class"){var s=e.classList;var $=D(r);var f=D(n);s.remove.apply(s,$.filter((function(e){return e&&!f.includes(e)})));s.add.apply(s,f.filter((function(e){return e&&!$.includes(e)})))}else if(t==="style"){{for(var u in r){if(!n||n[u]==null){if(u.includes("-")){e.style.removeProperty(u)}else{e.style[u]=""}}}}for(var u in n){if(!r||n[u]!==r[u]){if(u.includes("-")){e.style.setProperty(u,n[u])}else{e.style[u]=n[u]}}}}else if(!l&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Le(Be,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(r){Ue.rel(e,t,r,false)}if(n){Ue.ael(e,t,n,false)}}else{var c=T(n);if((l||c&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var v=n==null?"":n;if(t==="list"){l=false}else if(r==null||e[t]!=v){e[t]=v}}else{e[t]=n}}catch(e){}}var d=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;d=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(d){e.removeAttributeNS(N,t)}else{e.removeAttribute(t)}}}else if((!l||i&4||a)&&!c){n=n===true?"":n;if(d){e.setAttributeNS(N,t,n)}else{e.setAttribute(t,n)}}}}};var G=/\s/;var D=function(e){return!e?[]:e.split(G)};var J=function(e,t,r,n){var a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var i=e&&e.$attrs$||S;var l=t.$attrs$||S;{for(n in i){if(!(n in l)){W(a,n,i[n],undefined,r,t.$flags$)}}}for(n in l){W(a,n,i[n],l[n],r,t.$flags$)}};var K=function(e,t,r,n){var s=t.$children$[r];var u=0;var c;var v;var d;if(!o){$=true;if(s.$tag$==="slot"){if(a){n.classList.add(a+"-s")}s.$flags$|=s.$children$?2:1}}if(s.$text$!==null){c=s.$elm$=ze.createTextNode(s.$text$)}else if(s.$flags$&1){c=s.$elm$=ze.createTextNode("")}else{if(!f){f=s.$tag$==="svg"}c=s.$elm$=ze.createElementNS(f?R:x,s.$flags$&2?"slot-fb":s.$tag$);if(f&&s.$tag$==="foreignObject"){f=false}{J(null,s,f)}if(_(a)&&c["s-si"]!==a){c.classList.add(c["s-si"]=a)}if(s.$children$){for(u=0;u<s.$children$.length;++u){v=K(e,s,u,c);if(v){c.appendChild(v)}}}{if(s.$tag$==="svg"){f=false}else if(c.tagName==="foreignObject"){f=true}}}{c["s-hn"]=l;if(s.$flags$&(2|1)){c["s-sr"]=true;c["s-cr"]=i;c["s-sn"]=s.$name$||"";d=e&&e.$children$&&e.$children$[r];if(d&&d.$tag$===s.$tag$&&e.$elm$){Q(e.$elm$,false)}}}return c};var Q=function(e,t){Ue.$flags$|=1;var r=e.childNodes;for(var n=r.length-1;n>=0;n--){var a=r[n];if(a["s-hn"]!==l&&a["s-ol"]){re(a).insertBefore(a,te(a));a["s-ol"].remove();a["s-ol"]=undefined;$=true}if(t){Q(a,t)}}Ue.$flags$&=~1};var X=function(e,t,r,n,a,i){var o=e["s-cr"]&&e["s-cr"].parentNode||e;var s;if(o.shadowRoot&&o.tagName===l){o=o.shadowRoot}for(;a<=i;++a){if(n[a]){s=K(null,r,a,e);if(s){n[a].$elm$=s;o.insertBefore(s,te(t))}}}};var Y=function(e,t,r){for(var n=t;n<=r;++n){var a=e[n];if(a){var i=a.$elm$;if(i){{s=true;if(i["s-ol"]){i["s-ol"].remove()}else{Q(i,true)}}i.remove()}}}};var Z=function(e,t,r,n){var a=0;var i=0;var l=t.length-1;var o=t[0];var s=t[l];var $=n.length-1;var f=n[0];var u=n[$];var c;while(a<=l&&i<=$){if(o==null){o=t[++a]}else if(s==null){s=t[--l]}else if(f==null){f=n[++i]}else if(u==null){u=n[--$]}else if(ee(o,f)){ne(o,f);o=t[++a];f=n[++i]}else if(ee(s,u)){ne(s,u);s=t[--l];u=n[--$]}else if(ee(o,u)){if(o.$tag$==="slot"||u.$tag$==="slot"){Q(o.$elm$.parentNode,false)}ne(o,u);e.insertBefore(o.$elm$,s.$elm$.nextSibling);o=t[++a];u=n[--$]}else if(ee(s,f)){if(o.$tag$==="slot"||u.$tag$==="slot"){Q(s.$elm$.parentNode,false)}ne(s,f);e.insertBefore(s.$elm$,o.$elm$);s=t[--l];f=n[++i]}else{{c=K(t&&t[i],r,i,e);f=n[++i]}if(c){{re(o.$elm$).insertBefore(c,te(o.$elm$))}}}}if(a>l){X(e,n[$+1]==null?null:n[$+1].$elm$,r,n,i,$)}else if(i>$){Y(t,a,l)}};var ee=function(e,t){if(e.$tag$===t.$tag$){if(e.$tag$==="slot"){return e.$name$===t.$name$}return true}return false};var te=function(e){return e&&e["s-ol"]||e};var re=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var ne=function(e,t){var r=t.$elm$=e.$elm$;var n=e.$children$;var a=t.$children$;var i=t.$tag$;var l=t.$text$;var o;if(l===null){{f=i==="svg"?true:i==="foreignObject"?false:f}{if(i==="slot");else{J(e,t,f)}}if(n!==null&&a!==null){Z(r,n,t,a)}else if(a!==null){if(e.$text$!==null){r.textContent=""}X(r,null,t,a,0,a.length-1)}else if(n!==null){Y(n,0,n.length-1)}if(f&&i==="svg"){f=false}}else if(o=r["s-cr"]){o.parentNode.textContent=l}else if(e.$text$!==l){r.data=l}};var ae=function(e){var t=e.childNodes;var r;var n;var a;var i;var l;var o;for(n=0,a=t.length;n<a;n++){r=t[n];if(r.nodeType===1){if(r["s-sr"]){l=r["s-sn"];r.hidden=false;for(i=0;i<a;i++){o=t[i].nodeType;if(t[i]["s-hn"]!==r["s-hn"]||l!==""){if(o===1&&l===t[i].getAttribute("slot")){r.hidden=true;break}}else{if(o===1||o===3&&t[i].textContent.trim()!==""){r.hidden=true;break}}}}ae(r)}}};var ie=[];var le=function(e){var t;var r;var n;var a;var i;var l;var o=0;var $=e.childNodes;var f=$.length;for(;o<f;o++){t=$[o];if(t["s-sr"]&&(r=t["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;a=t["s-sn"];for(l=n.length-1;l>=0;l--){r=n[l];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==t["s-hn"]){if(oe(r,a)){i=ie.find((function(e){return e.$nodeToRelocate$===r}));s=true;r["s-sn"]=r["s-sn"]||a;if(i){i.$slotRefNode$=t}else{ie.push({$slotRefNode$:t,$nodeToRelocate$:r})}if(r["s-sr"]){ie.map((function(e){if(oe(e.$nodeToRelocate$,r["s-sn"])){i=ie.find((function(e){return e.$nodeToRelocate$===r}));if(i&&!e.$slotRefNode$){e.$slotRefNode$=i.$slotRefNode$}}}))}}else if(!ie.some((function(e){return e.$nodeToRelocate$===r}))){ie.push({$nodeToRelocate$:r})}}}}if(t.nodeType===1){le(t)}}};var oe=function(e,t){if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var se=function(e,t){var r=e.$hostElement$;var n=e.$cmpMeta$;var f=e.$vnode$||k(null,null);var u=E(t)?t:A(null,null,t);l=r.tagName;if(n.$attrsToReflect$){u.$attrs$=u.$attrs$||{};n.$attrsToReflect$.map((function(e){var t=e[0],n=e[1];return u.$attrs$[n]=r[t]}))}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=f.$elm$=r.shadowRoot||r;{a=r["s-sc"]}{i=r["s-cr"];o=Ve&&(n.$flags$&1)!==0;s=false}ne(f,u);{Ue.$flags$|=1;if($){le(u.$elm$);var c=void 0;var v=void 0;var d=void 0;var h=void 0;var m=void 0;var p=void 0;var g=0;for(;g<ie.length;g++){c=ie[g];v=c.$nodeToRelocate$;if(!v["s-ol"]){d=ze.createTextNode("");d["s-nr"]=v;v.parentNode.insertBefore(v["s-ol"]=d,v)}}for(g=0;g<ie.length;g++){c=ie[g];v=c.$nodeToRelocate$;if(c.$slotRefNode$){h=c.$slotRefNode$.parentNode;m=c.$slotRefNode$.nextSibling;d=v["s-ol"];while(d=d.previousSibling){p=d["s-nr"];if(p&&p["s-sn"]===v["s-sn"]&&h===p.parentNode){p=p.nextSibling;if(!p||!p["s-nr"]){m=p;break}}}if(!m&&h!==v.parentNode||v.nextSibling!==m){if(v!==m){if(!v["s-hn"]&&v["s-ol"]){v["s-hn"]=v["s-ol"].parentNode.nodeName}h.insertBefore(v,m)}}}else{if(v.nodeType===1){v.hidden=true}}}}if(s){ae(u.$elm$)}Ue.$flags$&=~1;ie.length=0}};var $e=function(e,t){if(t&&!e.$onRenderResolve$&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.$onRenderResolve$=t})))}};var fe=function(e,t){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}$e(e,e.$ancestorComponent$);var r=function(){return ue(e,t)};return Xe(r)};var ue=function(e,t){var r=c("scheduleUpdate",e.$cmpMeta$.$tagName$);var n=e.$lazyInstance$;var a;r();return ce(a,(function(){return ve(e,n,t)}))};var ce=function(e,t){return e instanceof Promise?e.then(t):t()};var ve=function(e,t,n){return __awaiter(r,void 0,void 0,(function(){var r,a,i,l,o,s,$;return __generator(this,(function(f){a=e.$hostElement$;i=c("update",e.$cmpMeta$.$tagName$);l=a["s-rc"];if(n){V(e)}o=c("render",e.$cmpMeta$.$tagName$);{de(e,t)}if(Ue.$cssShim$){Ue.$cssShim$.updateHost(a)}if(l){l.map((function(e){return e()}));a["s-rc"]=undefined}o();i();{s=(r=a["s-p"])!==null&&r!==void 0?r:[];$=function(){return he(e)};if(s.length===0){$()}else{Promise.all(s).then($);e.$flags$|=4;s.length=0}}return[2]}))}))};var de=function(e,t,r){try{t=t.render();{e.$flags$&=~16}{e.$flags$|=2}{{{se(e,t)}}}}catch(t){Me(t,e.$hostElement$)}return null};var he=function(e){var t=e.$cmpMeta$.$tagName$;var r=e.$hostElement$;var n=c("postUpdate",t);var a=e.$ancestorComponent$;if(!(e.$flags$&64)){e.$flags$|=64;{ge(r)}n();{e.$onReadyResolve$(r);if(!a){me()}}}else{n()}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){Qe((function(){return fe(e,false)}))}e.$flags$&=~(4|512)}};var me=function(e){{ge(ze.documentElement)}Qe((function(){return B(Be,"appload",{detail:{namespace:n}})}))};var pe=function(e,t,r){if(e&&e[t]){try{return e[t](r)}catch(e){Me(e)}}return undefined};var ge=function(e){return e.classList.add("hydrated")};var ye=function(e,t){return ke(e).$instanceValues$.get(t)};var be=function(e,t,r,n){var a=ke(e);var i=a.$hostElement$;var l=a.$instanceValues$.get(t);var o=a.$flags$;var s=a.$lazyInstance$;r=P(r,n.$members$[t][0]);var $=Number.isNaN(l)&&Number.isNaN(r);var f=r!==l&&!$;if((!(o&8)||l===undefined)&&f){a.$instanceValues$.set(t,r);if(s){if(n.$watchers$&&o&128){var u=n.$watchers$[t];if(u){u.map((function(e){try{s[e](r,l,t)}catch(e){Me(e,i)}}))}}if((o&(2|16))===2){fe(a,false)}}}};var we=function(e,t,r){if(t.$members$){if(e.watchers){t.$watchers$=e.watchers}var n=Object.entries(t.$members$);var a=e.prototype;n.map((function(e){var n=e[0],i=e[1][0];if(i&31||r&2&&i&32){Object.defineProperty(a,n,{get:function(){return ye(this,n)},set:function(e){be(this,n,e,t)},configurable:true,enumerable:true})}}));if(r&1){var i=new Map;a.attributeChangedCallback=function(e,t,r){var n=this;Ue.jmp((function(){var t=i.get(e);if(n.hasOwnProperty(t)){r=n[t];delete n[t]}else if(a.hasOwnProperty(t)&&typeof n[t]==="number"&&n[t]==r){return}n[t]=r===null&&typeof n[t]==="boolean"?false:r}))};e.observedAttributes=n.filter((function(e){var t=e[0],r=e[1];return r[0]&15})).map((function(e){var r=e[0],n=e[1];var a=n[1]||r;i.set(a,r);if(n[0]&512){t.$attrsToReflect$.push([r,a])}return a}))}}return e};var Ne=function(e,n,a,i,l){return __awaiter(r,void 0,void 0,(function(){var e,r,i,o,s,$,f;return __generator(this,(function(u){switch(u.label){case 0:if(!((n.$flags$&32)===0))return[3,5];n.$flags$|=32;l=Pe(a);if(!l.then)return[3,2];e=v();return[4,l];case 1:l=u.sent();e();u.label=2;case 2:if(!l.isProxied){{a.$watchers$=l.watchers}we(l,a,2);l.isProxied=true}r=c("createInstance",a.$tagName$);{n.$flags$|=8}try{new l(n)}catch(e){Me(e)}{n.$flags$&=~8}{n.$flags$|=128}r();Se(n.$lazyInstance$);if(!l.style)return[3,5];i=l.style;o=q(a);if(!!Ie.has(o))return[3,5];s=c("registerStyles",a.$tagName$);if(!(a.$flags$&8))return[3,4];return[4,t.import("./p-118112e5.system.js").then((function(e){return e.scopeCss(i,o,false)}))];case 3:i=u.sent();u.label=4;case 4:z(o,i,!!(a.$flags$&1));s();u.label=5;case 5:$=n.$ancestorComponent$;f=function(){return fe(n,true)};if($&&$["s-rc"]){$["s-rc"].push(f)}else{f()}return[2]}}))}))};var Se=function(e){{pe(e,"connectedCallback")}};var Re=function(e){if((Ue.$flags$&1)===0){var t=ke(e);var r=t.$cmpMeta$;var n=c("connectedCallback",r.$tagName$);if(!(t.$flags$&1)){t.$flags$|=1;var a=void 0;{a=e.getAttribute(g);if(a){if(Ve&&r.$flags$&1){var i=U(e.shadowRoot,r);e.classList.remove(i+"-h",i+"-s")}L(e,r.$tagName$,a,t)}}if(!a){if(r.$flags$&(4|8)){xe(e)}}{var l=e;while(l=l.parentNode||l.host){if(l.nodeType===1&&l.hasAttribute("s-id")&&l["s-p"]||l["s-p"]){$e(t,t.$ancestorComponent$=l);break}}}if(r.$members$){Object.entries(r.$members$).map((function(t){var r=t[0],n=t[1][0];if(n&31&&e.hasOwnProperty(r)){var a=e[r];delete e[r];e[r]=a}}))}{Ne(e,t,r)}}else{Se(t.$lazyInstance$)}n()}};var xe=function(e){var t=e["s-cr"]=ze.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};var _e=function(e){if((Ue.$flags$&1)===0){ke(e);if(Ue.$cssShim$){Ue.$cssShim$.removeHost(e)}}};var Te=e("b",(function(e,t){if(t===void 0){t={}}var r;var n=c();var a=[];var i=t.exclude||[];var l=Be.customElements;var o=ze.head;var s=o.querySelector("meta[charset]");var $=ze.createElement("style");var f=[];var u=ze.querySelectorAll("[".concat(y,"]"));var v;var d=true;var h=0;Object.assign(Ue,t);Ue.$resourcesUrl$=new URL(t.resourcesUrl||"./",ze.baseURI).href;{Ue.$flags$|=2}{for(;h<u.length;h++){z(u[h].getAttribute(y),F(u[h].innerHTML),true)}}e.map((function(e){e[1].map((function(t){var r={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};{r.$members$=t[2]}{r.$attrsToReflect$=[]}{r.$watchers$={}}if(!Ve&&r.$flags$&1){r.$flags$|=8}var n=r.$tagName$;var o=function(e){__extends(t,e);function t(t){var n=e.call(this,t)||this;t=n;Ee(t,r);if(r.$flags$&1){if(Ve){{t.attachShadow({mode:"open"})}}else if(!("shadowRoot"in t)){t.shadowRoot=t}}return n}t.prototype.connectedCallback=function(){var e=this;if(v){clearTimeout(v);v=null}if(d){f.push(this)}else{Ue.jmp((function(){return Re(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;Ue.jmp((function(){return _e(e)}))};t.prototype.componentOnReady=function(){return ke(this).$onReadyPromise$};return t}(HTMLElement);r.$lazyBundleId$=e[0];if(!i.includes(n)&&!l.get(n)){a.push(n);l.define(n,we(o,r,1))}}))}));{$.innerHTML=a+w;$.setAttribute("data-styles","");var m=(r=Ue.$nonce$)!==null&&r!==void 0?r:C(ze);if(m!=null){$.setAttribute("nonce",m)}o.insertBefore($,s?s.nextSibling:o.firstChild)}d=false;if(f.length){f.map((function(e){return e.connectedCallback()}))}else{{Ue.jmp((function(){return v=setTimeout(me,30)}))}}n()}));var Ce=e("s",(function(e){return Ue.$nonce$=e}));var Ae=new WeakMap;var ke=function(e){return Ae.get(e)};var je=e("r",(function(e,t){return Ae.set(t.$lazyInstance$=e,t)}));var Ee=function(e,t){var r={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};{r.$onReadyPromise$=new Promise((function(e){return r.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}return Ae.set(e,r)};var Le=function(e,t){return t in e};var Me=function(e,t){return(0,console.error)(e,t)};var Oe=new Map;var Pe=function(e,r,n){var a=e.$tagName$.replace(/-/g,"_");var i=e.$lazyBundleId$;var l=Oe.get(i);if(l){return l[a]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return t.import("./".concat(i,".entry.js").concat("")).then((function(e){{Oe.set(i,e)}return e[a]}),Me)};var Ie=new Map;var Be=e("w",typeof window!=="undefined"?window:{});var He=e("C",Be.CSS);var ze=Be.document||{head:{}};var Ue=e("p",{$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,r,n){return e.addEventListener(t,r,n)},rel:function(e,t,r,n){return e.removeEventListener(t,r,n)},ce:function(e,t){return new CustomEvent(e,t)}});var Ve=function(){return(ze.head.attachShadow+"").indexOf("[native")>-1}();var qe=e("a",(function(e){return Promise.resolve(e)}));var Fe=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var We=[];var Ge=[];var De=function(e,t){return function(r){e.push(r);if(!u){u=true;if(t&&Ue.$flags$&4){Qe(Ke)}else{Ue.raf(Ke)}}}};var Je=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){Me(e)}}e.length=0};var Ke=function(){Je(We);{Je(Ge);if(u=We.length>0){Ue.raf(Ke)}}};var Qe=function(e){return qe().then(e)};var Xe=De(Ge,true)}}}));
-//# sourceMappingURL=p-c30e14d5.system.js.map