npm - @rededor/cura - Versions diffs - 0.5.4 → 1.0.0-alpha.0 - Mend

@rededor/cura 0.5.4 → 1.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (640) hide show

package/dist/esm-es5/css-shim-d13f0738.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["__assign","Object","assign","e","t","r","n","arguments","length","s","prototype","hasOwnProperty","call","apply","this","StyleNode","start","end","previous","parent","rules","parsedCssText","cssText","atRule","type","keyframesName","selector","parsedSelector","parse","parseCss","lex","clean","replace","RX","comments","port","OPEN_BRACE","o","a","push","CLOSE_BRACE","substring","trim","_expandUnicodeEscapes","multipleSpaces","lastIndexOf","indexOf","AT_START","MEDIA_START","types","MEDIA_RULE","match","keyframesRule","KEYFRAMES_RULE","split","pop","VAR_START","MIXIN_RULE","STYLE_RULE","i","l","customProp","mixinProp","mixinApply","varApply","VAR_USAGE_START","VAR_ASSIGN_START","COMMENTS","TRAILING_LINES","findRegex","lastIndex","index","resolveVar","executeTemplate","findVarEndIndex","parseVar","slice","propName","fallback","join","compileVar","compileTemplate","findEndValue","removeCustomAssigns","resolveValues","forEach","declarations","prop","value","entries","getSelectors","filter","getDeclarations","specificity","computeSpecificity","nu","IMPORTANT","FIND_DECLARATIONS","exec","normalizeValue","important","endsWith","getActiveSelectors","getScopesForElement","sortSelectors","getSelectorsForScopes","matches","get","parentElement","selectors","sort","parseCSS","original","template","usesCssVars","addGlobalStyle","some","styleEl","textContent","updateGlobalScopes","reScope","map","replaceScope","scopeId","replaceAll","concat","RegExp","loadDocument","loadDocumentStyles","loadDocumentLinks","then","startWatcher","MutationObserver","observe","document","head","childList","querySelectorAll","addGlobalLink","Promise","all","Array","from","Boolean","href","fetch","text","hasCssVariables","parentNode","hasRelativeUrls","fixRelativeUrls","createElement","setAttribute","insertBefore","remove","catch","console","error","CSS_VARIABLE_REGEXP","test","CSS_URL_REGEXP","CustomStyle","win","doc","count","hostStyleMap","WeakMap","hostScopeMap","globalScopes","scopesMap","Map","didInit","requestAnimationFrame","resolve","addLink","updateGlobal","createHostStyle","has","Error","registerHostTemplate","set","removeHost","delete","updateHost","isScoped","__cssshim","CSS","supports","window"],"sources":["node_modules/@stencil/core/internal/client/css-shim.js"],"sourcesContent":["/*\n Stencil Client Patch Esm v3.3.0 | MIT Licensed | https://stenciljs.com\n */\nvar __assign=undefined&&undefined.__assign||function(){return __assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e},__assign.apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText=\"\",this.cssText=\"\",this.atRule=!1,this.type=0,this.keyframesName=\"\",this.selector=\"\",this.parsedSelector=\"\";};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,\"\").replace(RX.port,\"\")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r);}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces,\" \")).substring(r.lastIndexOf(\";\")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE;}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\\$[0-9a-f]{1,6})\\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e=\"0\"+e;return \"\\\\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE=\"{\",CLOSE_BRACE=\"}\",RX={comments:/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\\n]|$)/gim,mixinProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\\n]|$)?/gim,mixinApply:/@apply\\s*\\(?[^);]*\$?\\s*(?:[;\\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\$[^;]*\$(?:[;\\n]|$)?/gim,keyframesRule:/^@[^\\s]*keyframes/,multipleSpaces:/\\s+/g},VAR_START=\"--\",MEDIA_START=\"@media\",AT_START=\"@\",VAR_USAGE_START=/\\bvar\\(/,VAR_ASSIGN_START=/\\B--[\\w-]+\\s*:/,COMMENTS=/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,TRAILING_LINES=/^[\\t ]+\\n/gm;function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return {start:s,end:s+n[0].length}}return null}function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):\"\"}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if(\"(\"===s)r++;else if(\")\"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(\",\"),o=s[0],a=s.slice(1);return {start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(\",\").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r=\"\",n=0;n<e.length;n++){var s=e[n];r+=\"string\"==typeof s?s:s(t);}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'\"'===o&&(r=!1),n||\"'\"!==o||(r=!1);else if('\"'===o)r=!0,n=!0;else if(\"'\"===o)r=!0,n=!1;else {if(\";\"===o)return s+1;if(\"}\"===o)return s}}return s}function removeCustomAssigns(e){for(var t=\"\",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s);}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,\"\")).replace(TRAILING_LINES,\"\");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value;}));}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0);})),!t)return \"break\"},o=0;o<10;o++){if(\"break\"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return [];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(\",\").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t});})),t++;})),r}function computeSpecificity(e){return 1}var IMPORTANT=\"!important\",FIND_DECLARATIONS=/(?:^|[;\\s{]\\s*)(--[\\w-]*?)\\s*:\\s*(?:((?:'(?:\\\\'|.)*?'|\"(?:\\\\\"|.)*?\"|\$[^)]*?\$|[^};{])+)|\\{([^}]*)\\}(?:(?=[;\\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o});}return r}function normalizeValue(e){var t=(e=e.replace(/\\s+/gim,\" \").trim()).endsWith(IMPORTANT);return t&&(e=e.slice(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement;}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors);})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return \":root\"===t||\"html\"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return {original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return !1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t));}));}function reScope(e,t){var r=e.template.map((function(r){return \"string\"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,\"\\\\.\".concat(t),\".\".concat(r))}function replaceAll(e,t,r){return e.replace(new RegExp(t,\"g\"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t);}))}function startWatcher(e,t){\"undefined\"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t);})).observe(document.head,{childList:!0});}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel=\"stylesheet\"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll(\"style:not([data-styles]):not([data-no-shim])\")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement(\"style\");o.setAttribute(\"data-styles\",\"\"),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove();}})).catch((function(e){console.error(e);}))}var CSS_VARIABLE_REGEXP=/[\\s;{]--[-a-zA-Z0-9]+\\s*:/m;function hasCssVariables(e){return e.indexOf(\"var(\")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\\s]*\$[\\s]*['\"]?(?!(?:https?|data)\\:|\\/)([^\\'\\\"\$]*)[\\s]*['\"]?\\)[\\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,\"\");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1;}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}));}));})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal();}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal();},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error(\"host style already created\");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement(\"style\");return o.setAttribute(\"data-no-shim\",\"\"),s.usesCssVars?n?(o[\"s-sc\"]=t=\"\".concat(s.scopeId,\"-\").concat(this.count),o.textContent=\"/*needs update*/\",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e);},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n);}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes);},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports(\"color\",\"var(--c)\")||(e.__cssshim=new CustomStyle(e,e.document));}(\"undefined\"!=typeof window&&window);\n"],"mappings":"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"}

package/dist/esm-es5/cura-accordion_8.entry.js DELETED Viewed

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

package/dist/esm-es5/cura-accordion_8.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/dist/esm-es5/cura-alert.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-81f1a268.js";var curaAlertCss=":host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}:host .conteiner{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px;gap:12px;-ms-flex-negative:0;flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{-webkit-box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .icon-left{margin-right:5px}:host .icon-right{margin-left:auto;cursor:pointer}:host .text{margin-top:3px}:host .actions{margin-top:5px}";var CuraAlert=function(){function e(e){var t=this;registerInstance(this,e);this.close=createEvent(this,"close",7);this.handleClose=function(){t.close.emit();t.host.remove()};this.type="info";this.floating=false;this.label=undefined;this.closeable=true;this.styles={}}e.prototype.setColors=function(){var e=this;var t=[{name:"--color-lighter",theme:"".concat(this.type,"-lighter")},{name:"--neutral-black",theme:"neutral-black"},{name:"--color-light",theme:"".concat(this.type,"-light")},{name:"--color-base",theme:"".concat(this.type,"-base")}];t.forEach((function(t){e.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme)}));this.styles=Object.assign({},this.styles)};e.prototype.connectedCallback=function(){this.setColors()};e.prototype.getClasses=function(){var e={};e["conteiner"]=true;e["floating"]=this.floating;return e};e.prototype.getNameIcon=function(){var e={info:"infoCircle",success:"checkCircle",warning:"alertCircle",error:"alertTriangle"};return e[this.type]};e.prototype.render=function(){return h(Host,null,h("div",{class:this.getClasses(),style:this.styles},h("cura-icon",{name:this.getNameIcon(),class:"icon-left",size:16,color:"".concat(this.type,"-dark")}),h("div",{class:"content"},h("cura-label",{class:"title",size:"small",color:"neutral-darker",weight:"bold"},this.label),h("cura-paragraph",{class:"text",color:"".concat(this.type,"-darker"),size:"xsmall",marginBlock:"0",lineHeight:"133.33%"},h("slot",null)),h("div",{class:"actions"},h("slot",{name:"actions"}))),this.closeable?h("cura-icon",{name:"close",size:16,color:"error-dark",class:"icon-right",onClick:this.handleClose}):""))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{type:["setColors"]}},enumerable:false,configurable:true});return e}();CuraAlert.style=curaAlertCss;export{CuraAlert as cura_alert};
2	- //# sourceMappingURL=cura-alert.entry.js.map

package/dist/esm-es5/cura-alert.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaAlertCss","CuraAlert","this","handleClose","_this","close","emit","host","remove","prototype","setColors","colors","name","theme","concat","type","forEach","color","styles","window","CuraAPI","getColor","Object","assign","connectedCallback","getClasses","classes","floating","getNameIcon","iconMapping","info","success","warning","error","render","h","Host","class","style","size","weight","label","marginBlock","lineHeight","closeable","onClick"],"sources":["src/components/cura-alert/cura-alert.scss?tag=cura-alert&encapsulation=shadow","src/components/cura-alert/cura-alert.tsx"],"sourcesContent":[":host {\n display: block;\n box-sizing: border-box;\n\n .conteiner {\n display: flex;\n box-sizing: border-box;\n padding: 12px;\n gap: 12px;\n flex-shrink: 0;\n border: 1px solid var(--color-base);\n border-radius: 4px;\n background-color: var(--color-lighter);\n &.floating {\n box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.16);\n }\n }\n\n .icon-left {\n margin-right: 5px;\n }\n\n .icon-right {\n margin-left: auto;\n cursor: pointer;\n }\n\n .text {\n margin-top: 3px;\n }\n\n .actions {\n margin-top: 5px;\n }\n}\n","import { Component, Element, Prop, Host, h, State, Watch, Event, EventEmitter } from '@stencil/core';\n@Component({\n tag: 'cura-alert',\n styleUrl: 'cura-alert.scss',\n shadow: true,\n})\nexport class CuraAlert {\n @Element() host: HTMLElement;\n\n @Prop() type: 'info' | 'success' | 'warning' | 'error' = 'info';\n @Prop({ reflect: true }) floating = false;\n @Prop({ reflect: true }) label: string;\n @Prop({reflect: true}) closeable = true;\n @State()\n styles = {};\n\n @Event({ eventName: 'close' }) close: EventEmitter<void>;\n\n @Watch('type')\n setColors() {\n const colors = [\n { name: '--color-lighter', theme: `${this.type}-lighter` },\n { name: '--neutral-black', theme: 'neutral-black' },\n { name: '--color-light', theme: `${this.type}-light` },\n { name: '--color-base', theme: `${this.type}-base` },\n ];\n\n colors.forEach(color => {\n this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.theme);\n });\n this.styles = {...this.styles};\n }\n\n connectedCallback() {\n this.setColors();\n }\n\n getClasses() {\n const classes = {};\n classes['conteiner'] = true;\n classes['floating'] = this.floating;\n return classes;\n }\n\n getNameIcon() {\n const iconMapping = {\n info: 'infoCircle',\n success: 'checkCircle',\n warning: 'alertCircle',\n error: 'alertTriangle',\n };\n return iconMapping[this.type];\n }\n\n handleClose = () => {\n this.close.emit();\n this.host.remove();\n };\n\n render() {\n return (\n <Host>\n <div class={this.getClasses()} style={this.styles}>\n <cura-icon name={this.getNameIcon()} class=\"icon-left\" size={16} color={`${this.type}-dark`}></cura-icon>\n <div class=\"content\">\n <cura-label class=\"title\" size=\"small\" color=\"neutral-darker\" weight=\"bold\">\n {this.label}\n </cura-label>\n <cura-paragraph class=\"text\" color={`${this.type}-darker`} size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\n <slot></slot>\n </cura-paragraph>\n <div class=\"actions\">\n <slot name=\"actions\"></slot>\n </div>\n </div>\n { this.closeable ?\n (<cura-icon name=\"close\" size={16} color=\"error-dark\" class=\"icon-right\" onClick={this.handleClose}></cura-icon>)\n : '' }\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"oGAAA,IAAMA,aAAe,ulB,ICMRC,UAAS,W,yFAgDpBC,KAAAC,YAAc,WACZC,EAAKC,MAAMC,OACXF,EAAKG,KAAKC,Q,YA/C6C,O,cACrB,M,oCAED,K,YAE1B,E,CAKTP,EAAAQ,UAAAC,UAAA,eAAAN,EAAAF,KACE,IAAMS,EAAS,CACb,CAAEC,KAAM,kBAAmBC,MAAO,GAAAC,OAAGZ,KAAKa,KAAI,aAC9C,CAAEH,KAAM,kBAAmBC,MAAO,iBAClC,CAAED,KAAM,gBAAiBC,MAAO,GAAAC,OAAGZ,KAAKa,KAAI,WAC5C,CAAEH,KAAM,eAAgBC,MAAO,GAAAC,OAAGZ,KAAKa,KAAI,WAG7CJ,EAAOK,SAAQ,SAAAC,GACbb,EAAKc,OAAOD,EAAML,MAAQO,OAAOC,QAAQP,MAAMF,OAAOU,SAASJ,EAAMJ,M,IAEvEX,KAAKgB,OAAMI,OAAAC,OAAA,GAAOrB,KAAKgB,O,EAGzBjB,EAAAQ,UAAAe,kBAAA,WACEtB,KAAKQ,W,EAGPT,EAAAQ,UAAAgB,WAAA,WACE,IAAMC,EAAU,GAChBA,EAAQ,aAAe,KACvBA,EAAQ,YAAcxB,KAAKyB,SAC3B,OAAOD,C,EAGTzB,EAAAQ,UAAAmB,YAAA,WACE,IAAMC,EAAc,CAClBC,KAAM,aACNC,QAAS,cACTC,QAAS,cACTC,MAAO,iBAET,OAAOJ,EAAY3B,KAAKa,K,EAQ1Bd,EAAAQ,UAAAyB,OAAA,WACE,OACEC,EAACC,KAAI,KACHD,EAAA,OAAKE,MAAOnC,KAAKuB,aAAca,MAAOpC,KAAKgB,QACzCiB,EAAA,aAAWvB,KAAMV,KAAK0B,cAAeS,MAAM,YAAYE,KAAM,GAAItB,MAAO,GAAAH,OAAGZ,KAAKa,KAAI,WACpFoB,EAAA,OAAKE,MAAM,WACTF,EAAA,cAAYE,MAAM,QAAQE,KAAK,QAAQtB,MAAM,iBAAiBuB,OAAO,QAClEtC,KAAKuC,OAERN,EAAA,kBAAgBE,MAAM,OAAOpB,MAAO,GAAAH,OAAGZ,KAAKa,KAAI,WAAWwB,KAAK,SAASG,YAAY,IAAIC,WAAW,WAClGR,EAAA,cAEFA,EAAA,OAAKE,MAAM,WACTF,EAAA,QAAMvB,KAAK,cAGbV,KAAK0C,UACNT,EAAA,aAAWvB,KAAK,QAAQ2B,KAAM,GAAItB,MAAM,aAAaoB,MAAM,aAAaQ,QAAS3C,KAAKC,cACrF,I,sPAvEU,G"}

package/dist/esm-es5/cura-button-outline.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as registerInstance,h,H as Host}from"./index-81f1a268.js";var curaButtonOutlineCss=':host{--border-radius:4px;display:inline-block;vertical-align:middle}:host button,:host a{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);background-color:transparent;border:none;-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-base);box-shadow:inset 0px 0px 0px 2px var(--color-base);padding:calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 13px);min-width:calc(var(--base-spacing) * 13px)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-light);box-shadow:inset 0px 0px 0px 2px var(--color-light)}:host button:not(.disabled):not(.isLoading):hover .label,:host a:not(.disabled):not(.isLoading):hover .label{color:var(--color-light)}:host button:not(.disabled):not(.isLoading):hover cura-icon,:host a:not(.disabled):not(.isLoading):hover cura-icon{--color:var(--color-light) !important}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-dark);box-shadow:inset 0px 0px 0px 2px var(--color-dark)}:host button:not(.disabled):not(.inverted):not(.isLoading):active .label,:host a:not(.disabled):not(.inverted):not(.isLoading):active .label{color:var(--color-dark)}:host button:not(.disabled):not(.inverted):not(.isLoading):active cura-icon,:host a:not(.disabled):not(.inverted):not(.isLoading):active cura-icon{--color:var(--color-dark) !important}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px);min-width:calc(var(--base-spacing) * 11px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 8px);min-width:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}:host button.icon-right .button-container,:host a.icon-right .button-container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host button .label,:host a .label{-ms-flex:1;flex:1;font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:1.43em;line-height:1.2em;text-align:var(--text-align, "left");color:var(--color-base)}:host button .label.inverted,:host a .label.inverted{color:var(--neutral-white)}:host button.medium .label,:host a.medium .label{font-size:1.14em}:host button.small .label,:host a.small .label{font-size:1em}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host a.medium.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.7px)}:host button.medium.icon-right cura-icon,:host a.medium.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.7px)}:host button.small.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.5px)}:host button.small.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.5px)}:host button.disabled,:host a.disabled{cursor:not-allowed;-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-base);box-shadow:inset 0px 0px 0px 2px var(--neutral-base)}:host button.disabled .label,:host button.disabled .label.inverted,:host a.disabled .label,:host a.disabled .label.inverted{color:var(--neutral-dark)}:host button.disabled.inverted,:host a.disabled.inverted{opacity:0.6;-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-white);box-shadow:inset 0px 0px 0px 2px var(--neutral-white)}:host button.disabled.inverted .label,:host button.disabled.inverted .label.inverted,:host a.disabled.inverted .label,:host a.disabled.inverted .label.inverted{color:var(--neutral-white)}:host button.disabled.inverted cura-icon,:host a.disabled.inverted cura-icon{--color:var(--neutral-white) !important}:host button.disabled.inverted cura-loader-circle,:host a.disabled.inverted cura-loader-circle{--color:var(--neutral-white) !important}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3.5px)}:host button.icon-only .label,:host a.icon-only .label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 2.75px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 1.5px)}:host button.inverted,:host a.inverted{-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-white);box-shadow:inset 0px 0px 0px 2px var(--neutral-white)}:host button.inverted:not(.disabled):not(.isLoading):hover,:host a.inverted:not(.disabled):not(.isLoading):hover{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-lighter);box-shadow:inset 0px 0px 0px 2px var(--color-lighter)}:host button.inverted:not(.disabled):not(.isLoading):hover .label,:host a.inverted:not(.disabled):not(.isLoading):hover .label{color:var(--color-lighter)}:host button.inverted:not(.disabled):not(.isLoading):hover cura-icon,:host a.inverted:not(.disabled):not(.isLoading):hover cura-icon{--color:var(--color-lighter) !important}:host button.inverted:not(.disabled):not(.isLoading):active,:host a.inverted:not(.disabled):not(.isLoading):active{-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-light);box-shadow:inset 0px 0px 0px 2px var(--color-light)}:host button.inverted:not(.disabled):not(.isLoading):active .label,:host a.inverted:not(.disabled):not(.isLoading):active .label{color:var(--color-light)}:host button.inverted:not(.disabled):not(.isLoading):active cura-icon,:host a.inverted:not(.disabled):not(.isLoading):active cura-icon{--color:var(--color-light) !important}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0.3}:host button.isLoading.icon-only .button-container,:host a.isLoading.icon-only .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}';var CuraButtonOutline=function(){function t(t){registerInstance(this,t);this.size="large";this.disabled=false;this.isLoading=false;this.iconName=undefined;this.iconset="default";this.iconPosition="left";this.iconOnly=false;this.href=undefined;this.target="_self";this.color="accent";this.fontColor="dark";this.textAlign="left";this.styles={}}t.prototype.handleChangeColor=function(){this.setColors()};t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor("neutral-white");this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor("neutral-base");this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark");this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium;this.styles["--text-align"]=this.textAlign;this.setColors()};t.prototype.getClasses=function(){var t={};t["".concat(this.size.toLowerCase())]=true;t["icon-".concat(this.iconPosition.toLowerCase())]=true;t["icon-only"]=this.iconOnly;t["inverted"]=this.fontColor==="light";t["disabled"]=this.disabled;t["isLoading"]=this.isLoading;return t};t.prototype.setColors=function(){this.styles=Object.assign(Object.assign({},this.styles),{"--color-lighter":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-lighter")),"--color-light":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-light")),"--color-base":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-base")),"--color-dark":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-dark"))})};t.prototype.getIcon=function(){if(!this.iconName)return"";var t=this.size==="small"?16:this.size==="medium"?20:24;var o=this.getSymbolColor();return h("cura-icon",{name:this.iconName,iconset:this.iconset,size:t,color:o})};t.prototype.getSymbolColor=function(){return this.disabled?"neutral-dark":this.fontColor==="light"?"neutral-white":"".concat(this.color,"-base")};t.prototype.handleClick=function(t){if(this.disabled\|\|this.isLoading)t.preventDefault()};t.prototype.render=function(){var t=this;return h(Host,null,this.href?h("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:function(o){return t.handleClick(o)}},h("span",{class:"button-container"},this.getIcon(),h("span",{class:{label:true,inverted:this.fontColor==="light"}},h("slot",null))),h("cura-loader-circle",{size:this.size,color:this.getSymbolColor()})):h("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled\|\|null,onClick:function(o){return t.handleClick(o)}},h("span",{class:"button-container"},this.getIcon(),h("span",{class:{label:true,inverted:this.fontColor==="light"}},h("slot",null))),h("cura-loader-circle",{size:this.size,color:this.getSymbolColor()})))};Object.defineProperty(t,"watchers",{get:function(){return{color:["handleChangeColor"]}},enumerable:false,configurable:true});return t}();CuraButtonOutline.style=curaButtonOutlineCss;export{CuraButtonOutline as cura_button_outline};
2	- //# sourceMappingURL=cura-button-outline.entry.js.map

package/dist/esm-es5/cura-button-outline.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaButtonOutlineCss","CuraButtonOutline","prototype","handleChangeColor","this","setColors","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","textAlign","getClasses","classes","concat","size","toLowerCase","iconPosition","iconOnly","fontColor","disabled","isLoading","Object","assign","color","getIcon","iconName","iconSize","getSymbolColor","h","name","iconset","handleClick","e","preventDefault","render","_this","Host","href","target","class","style","onClick","label","inverted"],"sources":["src/components/buttons/cura-button-outline/cura-button-outline.scss?tag=cura-button-outline&encapsulation=shadow","src/components/buttons/cura-button-outline/cura-button-outline.tsx"],"sourcesContent":["@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n @include button-host();\n\n button, a {\n @include button-element() {\n background-color: transparent;\n border: none;\n box-shadow: inset 0px 0px 0px 2px var(--color-base);\n\n &:not(.disabled):not(.isLoading):hover {\n box-shadow: inset 0px 0px 0px 2px var(--color-light);\n .label { color: var(--color-light); }\n cura-icon { --color: var(--color-light) !important; }\n }\n\n &:not(.disabled):not(.inverted):not(.isLoading):active { \n box-shadow: inset 0px 0px 0px 2px var(--color-dark);\n .label { color: var(--color-dark); }\n cura-icon { --color: var(--color-dark) !important; }\n }\n };\n\n @include button-sizes();\n\n // Children Elements\n @include button-container();\n @include button-label() {\n color: var(--color-base);\n &.inverted { color: var(--neutral-white); }\n }\n @include button-icon();\n\n // Disabled state\n @include button-disabled() {\n box-shadow: inset 0px 0px 0px 2px var(--neutral-base);\n .label, .label.inverted { color: var(--neutral-dark); }\n &.inverted {\n opacity: 0.6;\n box-shadow: inset 0px 0px 0px 2px var(--neutral-white);\n .label, .label.inverted { color: var(--neutral-white); }\n cura-icon { --color: var(--neutral-white) !important; }\n cura-loader-circle { --color: var(--neutral-white) !important; }\n }\n };\n\n // FAB / Icon-only\n @include button-icon-only-behavior();\n\n // Light version, inverted.\n &.inverted {\n box-shadow: inset 0px 0px 0px 2px var(--neutral-white);\n &:not(.disabled):not(.isLoading):hover { \n box-shadow: inset 0px 0px 0px 2px var(--color-lighter);\n .label { color: var(--color-lighter); }\n cura-icon { --color: var(--color-lighter) !important; }\n }\n &:not(.disabled):not(.isLoading):active {\n box-shadow: inset 0px 0px 0px 2px var(--color-light);\n .label { color: var(--color-light); }\n cura-icon { --color: var(--color-light) !important; }\n }\n }\n\n // Loading State\n @include button-loading();\n\n }\n\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\n\n@Component({\n tag: 'cura-button-outline',\n styleUrl: 'cura-button-outline.scss',\n shadow: true,\n})\nexport class CuraButtonOutline {\n\n /**\n * Button size: small | medium | large (default)\n */\n @Prop({reflect: true}) size: 'small' | 'medium' | 'large' = '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' | 'right' = 'left';\n /**\n * Set button to FAB/icon only.\n */\n @Prop({reflect: true}) iconOnly = false;\n\n /**\n * Property href switch button to link.\n */\n @Prop({reflect: true}) href: string;\n /**\n * Set target if link.\n */\n @Prop({reflect: true}) target = \"_self\";\n\n /**\n * Color base from color scheme. Default: accent.\n */\n @Prop() color = 'accent';\n @Watch('color')\n handleChangeColor() {\n this.setColors();\n }\n /**\n * Set the font color to dark or light.\n */\n @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n /**\n * Set text aligment for the button label.\n * Vales: left (default) | center | right.\n */\n @Prop({reflect: true}) textAlign: 'left' | 'center' | 'right' = 'left';\n\n\n @State() styles = {};\n\n weights;\n\n connectedCallback() {\n this.weights = window.CuraAPI.theme.fonts.getWeights();\n this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n this.styles['--font-weight-medium'] = this.weights.medium;\n this.styles['--text-align'] = this.textAlign;\n this.setColors();\n }\n\n getClasses() {\n const classes = {};\n classes[`${this.size.toLowerCase()}`] = true;\n classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n classes[`icon-only`] = this.iconOnly;\n classes['inverted'] = this.fontColor === 'light';\n classes['disabled'] = this.disabled;\n classes['isLoading'] = this.isLoading;\n return classes;\n }\n\n setColors() {\n this.styles = {\n ...this.styles,\n '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n };\n }\n\n getIcon() {\n if (!this.iconName) return '';\n const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n const color = this.getSymbolColor();\n return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n }\n\n getSymbolColor() {\n return this.disabled\n ? 'neutral-dark'\n : this.fontColor === 'light'\n ? 'neutral-white'\n : `${this.color}-base`;\n }\n\n handleClick(e: Event) {\n if (this.disabled || this.isLoading) e.preventDefault();\n }\n\n render() {\n return (\n <Host>\n { this.href ? (\n <a href={this.disabled ? '' : this.href}\n target={this.target}\n class={this.getClasses()}\n style={this.styles}\n onClick={(e) => this.handleClick(e)}>\n <span class=\"button-container\">\n { this.getIcon() }\n <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n </span>\n <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n </a>\n ) : (\n <button class={this.getClasses()}\n style={this.styles}\n disabled={this.disabled || null}\n onClick={(e) => this.handleClick(e)}>\n <span class=\"button-container\">\n { this.getIcon() }\n <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n </span>\n <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n </button>\n )}\n </Host>\n );\n }\n\n}\n"],"mappings":"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"}

package/dist/esm-es5/cura-button-select.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as registerInstance,c as createEvent,h,H as Host}from"./index-81f1a268.js";var curaButtonSelectCss=':host{--border-radius:4px;display:inline-block;vertical-align:middle}:host button,:host a{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);background-color:var(--neutral-purewhite);border:none;-webkit-box-shadow:inset 0px 0px 0px 2px var(--primary-base);box-shadow:inset 0px 0px 0px 2px var(--primary-base);padding:calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 13px);min-width:calc(var(--base-spacing) * 13px)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-lighter);-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-base);box-shadow:inset 0px 0px 0px 2px var(--color-base)}:host button:not(.disabled):hover .label,:host a:not(.disabled):hover .label{color:var(--neutral-purewhite-black)}:host button:focus,:host a:focus{-webkit-box-shadow:inset 0px 0px 0px 2px var(--info-base) !important;box-shadow:inset 0px 0px 0px 2px var(--info-base) !important}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px);min-width:calc(var(--base-spacing) * 11px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 8px);min-width:calc(var(--base-spacing) * 8px)}:host button .label,:host a .label{-ms-flex:1;flex:1;font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:1.43em;line-height:1.2em;text-align:var(--text-align, "left");color:var(--primary-base)}:host button.medium .label,:host a.medium .label{font-size:1.14em}:host button.small .label,:host a.small .label{font-size:1em}:host button .button-container,:host a .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;gap:5px}:host button.icon-right .button-container,:host a.icon-right .button-container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--color-base);-webkit-box-shadow:inset 0px 0px 0px 2px var(--color-darker);box-shadow:inset 0px 0px 0px 2px var(--color-darker)}:host button.selected .label,:host a.selected .label{color:var(--neutral-purewhite-black)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);-webkit-box-shadow:inset 0px 0px 0px 2px var(--neutral-medium-primary-base);box-shadow:inset 0px 0px 0px 2px var(--neutral-medium-primary-base)}:host button.disabled .label,:host a.disabled .label{color:var(--neutral-medium-primary-base)}';var CuraButtonOutline=function(){function e(e){registerInstance(this,e);this.onclick=createEvent(this,"onclick",7);this.theme=window.CuraAPI.theme;this.size="medium";this.disabled=false;this.selected=false;this.iconPosition="right";this.color="accent";this.background="light";this.fontcolor="dark";this.hovered=false;this.styles={}}e.prototype.setColors=function(){var e=this;var t=[{name:"--color-base",theme:"".concat(this.color,"-base")},{name:"--color-darker",theme:"".concat(this.color,"-darker")},{name:"--color-lighter",theme:"".concat(this.color,"-lighter")},{name:"--neutral-purewhite-black",theme:this.fontcolor==="light"?"neutral-purewhite":"neutral-black"},{name:"--neutral-white-primary-darker",theme:this.background==="light"?"neutral-white":"primary-darker"},{name:"--neutral-medium-primary-base",theme:this.background==="light"?"neutral-medium":"primary-base"}];t.forEach((function(t){var o;e.styles=Object.assign(Object.assign({},e.styles),(o={},o[t.name]=e.theme.colors.getColor(t.theme),o))}))};e.prototype.setStyles=function(){this.weights=this.theme.fonts.getWeights();this.styles["--base-spacing"]=this.theme.spacing.getSpacing();this.styles["--font-size"]=this.theme.fonts.getSize();this.styles["--font-family"]=this.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium;this.styles["--neutral-purewhite"]=this.theme.colors.getColor("neutral-purewhite");this.styles["--neutral-black"]=this.theme.colors.getColor("neutral-black");this.styles["--primary-base"]=this.theme.colors.getColor("primary-base");this.styles["--info-base"]=this.theme.colors.getColor("info-base")};e.prototype.connectedCallback=function(){this.setStyles();this.setColors()};e.prototype.handleMouseEnter=function(){if(this.disabled)return;this.hovered=true};e.prototype.handleMouseLeave=function(){this.hovered=false};e.prototype.getIcon=function(){if(!this.selected)return"";var e=this.size==="small"?16:this.size==="medium"?20:24;var t=this.hovered?"closeCircle":"checkCircle";var o=this.disabled?this.background==="light"?"neutral-medium":"primary-base":this.selected&&this.fontcolor==="dark"?"neutral-black":"neutral-purewhite";return h("cura-icon",{class:"button-icon",name:t,size:e,color:o})};e.prototype.handleClick=function(e){if(this.disabled)e.preventDefault();this.selected=!this.selected;this.onclick.emit({selected:this.selected})};e.prototype.getClasses=function(){var e={};e["".concat(this.size.toLowerCase())]=true;e["icon-".concat(this.iconPosition.toLowerCase())]=true;e["disabled"]=this.disabled;e["selected"]=this.selected;return e};e.prototype.render=function(){var e=this;return h(Host,null,h("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled,onClick:function(t){return e.handleClick(t)},onMouseEnter:function(){return e.handleMouseEnter()},onMouseLeave:function(){return e.handleMouseLeave()}},h("div",{class:"button-container"},this.getIcon(),h("span",{class:"label"},h("slot",null)))))};Object.defineProperty(e,"watchers",{get:function(){return{background:["setColors","getIcon"],color:["setColors"],fontcolor:["setColors","getIcon"]}},enumerable:false,configurable:true});return e}();CuraButtonOutline.style=curaButtonSelectCss;export{CuraButtonOutline as cura_button_select};
2	- //# sourceMappingURL=cura-button-select.entry.js.map

package/dist/esm-es5/cura-button-select.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaButtonSelectCss","CuraButtonOutline","this","theme","window","CuraAPI","prototype","setColors","_this","colors","name","concat","color","fontcolor","background","forEach","styles","Object","assign","_a","getColor","setStyles","weights","fonts","getWeights","spacing","getSpacing","getSize","getFamily","medium","connectedCallback","handleMouseEnter","disabled","hovered","handleMouseLeave","getIcon","selected","iconSize","size","iconName","h","class","handleClick","e","preventDefault","onclick","emit","getClasses","classes","toLowerCase","iconPosition","render","Host","style","onClick","onMouseEnter","onMouseLeave"],"sources":["src/components/buttons/cura-button-select/cura-button-select.scss?tag=cura-button-select&encapsulation=shadow","src/components/buttons/cura-button-select/cura-button-select.tsx"],"sourcesContent":["@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n @include button-host();\n\n button, a {\n @include button-element() {\n background-color: var(--neutral-purewhite);\n border: none;\n box-shadow: inset 0px 0px 0px 2px var(--primary-base);\n\n &:not(.disabled):hover {\n background-color: var(--color-lighter);\n box-shadow: inset 0px 0px 0px 2px var(--color-base);\n .label {\n color: var(--neutral-purewhite-black);\n }\n }\n\n &:focus {\n box-shadow: inset 0px 0px 0px 2px var(--info-base) !important;\n }\n }\n\n @include button-sizes();\n\n @include button-label() {\n color: var(--primary-base);\n }\n\n // Children Elements\n @include button-container() {\n gap: 5px;\n }\n\n @mixin button-icon() {\n margin: 0;\n }\n\n // selected state\n @include button-selected() {\n background-color: var(--color-base);\n box-shadow: inset 0px 0px 0px 2px var(--color-darker);\n .label {\n color: var(--neutral-purewhite-black);\n }\n }\n\n // Disabled state\n @include button-disabled() {\n background-color: var(--neutral-white-primary-darker);\n box-shadow: inset 0px 0px 0px 2px var(--neutral-medium-primary-base);\n .label {\n color: var(--neutral-medium-primary-base);\n }\n }\n\n }\n}\n","import { Component, Host, h, Prop, Watch, State, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'cura-button-select',\n styleUrl: 'cura-button-select.scss',\n shadow: true,\n})\n\nexport class CuraButtonOutline {\n /**\n * Button size: small | medium (default) | large = medium\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n /**\n * Disabled state. Boolean.\n */\n @Prop({ reflect: true }) disabled = false;\n /**\n * selected state. Boolean.\n */\n @Prop({ reflect: true }) selected = false;\n /**\n * Icon position: left (default) | right.\n */\n @Prop({ reflect: true }) iconPosition: 'left' | 'right' = 'right';\n /**\n * Color base from color scheme. Default: accent.\n */\n @Prop() color = 'accent';\n /**\n * Set the font color to dark or light.\n */\n @Prop() background: 'dark' | 'light' = 'light';\n /**\n * fontcolor theme of the checkbox.\n * Can be 'dark' or 'light'.\n */\n @Prop() fontcolor: 'dark' | 'light' = 'dark';\n /**\n * hovered state. Boolean.\n */\n @State() hovered = false;\n\n @State() styles = {};\n\n @Event({ eventName: \"onclick\" }) onclick: EventEmitter<{ selected: boolean; }>;\n\n theme = window.CuraAPI.theme\n\n weights;\n\n @Watch('background')\n @Watch('color')\n @Watch('fontcolor')\n setColors() {\n const colors = [\n { name: '--color-base', theme: `${this.color}-base` },\n { name: '--color-darker', theme: `${this.color}-darker` },\n { name: '--color-lighter', theme: `${this.color}-lighter` },\n { name: '--neutral-purewhite-black', theme: this.fontcolor === 'light' ? 'neutral-purewhite' : 'neutral-black' },\n { name: '--neutral-white-primary-darker', theme: this.background === 'light' ? 'neutral-white' : 'primary-darker' },\n { name: '--neutral-medium-primary-base', theme: this.background === 'light' ? 'neutral-medium' : 'primary-base' },\n ];\n\n colors.forEach(color => {\n this.styles = {\n ...this.styles,\n [color.name]: this.theme.colors.getColor(color.theme)\n };\n });\n }\n\n setStyles() {\n this.weights = this.theme.fonts.getWeights();\n this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n this.styles['--font-size'] = this.theme.fonts.getSize();\n this.styles['--font-family'] = this.theme.fonts.getFamily();\n this.styles['--font-weight-medium'] = this.weights.medium;\n this.styles['--neutral-purewhite'] = this.theme.colors.getColor(\"neutral-purewhite\");\n this.styles['--neutral-black'] = this.theme.colors.getColor(\"neutral-black\");\n this.styles['--primary-base'] = this.theme.colors.getColor(\"primary-base\");\n this.styles['--info-base'] = this.theme.colors.getColor(\"info-base\");\n }\n\n connectedCallback() {\n this.setStyles()\n this.setColors();\n }\n\n handleMouseEnter() {\n if (this.disabled) return;\n this.hovered = true;\n }\n\n handleMouseLeave() {\n this.hovered = false;\n }\n\n @Watch('background')\n @Watch('fontcolor')\n getIcon() {\n if (!this.selected) return '';\n\n const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n const iconName = this.hovered ? 'closeCircle' : 'checkCircle';\n const fontcolor =\n this.disabled\n ? (this.background === 'light' ? 'neutral-medium' : 'primary-base')\n : this.selected && this.fontcolor === \"dark\" ? 'neutral-black' : \"neutral-purewhite\";\n\n return <cura-icon class=\"button-icon\" name={iconName} size={iconSize} color={fontcolor}></cura-icon>;\n }\n\n\n handleClick(e: Event) {\n if (this.disabled) e.preventDefault();\n this.selected = !this.selected;\n this.onclick.emit({ selected: this.selected });\n }\n\n\n getClasses() {\n const classes = {};\n classes[`${this.size.toLowerCase()}`] = true;\n classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n classes['disabled'] = this.disabled;\n classes['selected'] = this.selected;\n return classes;\n }\n\n render() {\n return (\n <Host>\n <button class={this.getClasses()}\n style={this.styles}\n disabled={this.disabled}\n onClick={(e) => this.handleClick(e)}\n onMouseEnter={() => this.handleMouseEnter()}\n onMouseLeave={() => this.handleMouseLeave()}>\n <div class=\"button-container\">\n {this.getIcon()}\n <span class=\"label\"><slot></slot></span>\n </div>\n </button>\n </Host>\n );\n }\n\n}\n"],"mappings":"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"}

package/dist/esm-es5/cura-button-transparent.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as registerInstance,h,H as Host}from"./index-81f1a268.js";var curaButtonTransparentCss=':host{--border-radius:4px;display:inline-block;vertical-align:middle}:host button,:host a{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;-webkit-transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear, -webkit-box-shadow 0.07s linear;border-radius:var(--border-radius);background-color:transparent;border-width:0px;border-color:transparent;padding:calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 13px);min-width:calc(var(--base-spacing) * 13px)}:host button:not(.disabled):not(.isLoading):hover .label,:host a:not(.disabled):not(.isLoading):hover .label{color:var(--color-light)}:host button:not(.disabled):not(.isLoading):hover cura-icon,:host a:not(.disabled):not(.isLoading):hover cura-icon{--color:var(--color-light) !important}:host button:not(.disabled):not(.inverted):not(.isLoading):active .label,:host a:not(.disabled):not(.inverted):not(.isLoading):active .label{color:var(--color-dark)}:host button:not(.disabled):not(.inverted):not(.isLoading):active cura-icon,:host a:not(.disabled):not(.inverted):not(.isLoading):active cura-icon{--color:var(--color-dark) !important}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px);min-width:calc(var(--base-spacing) * 11px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 8px);min-width:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}:host button.icon-right .button-container,:host a.icon-right .button-container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host button .label,:host a .label{-ms-flex:1;flex:1;font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:1.43em;line-height:1.2em;text-align:var(--text-align, "left");color:var(--color-base)}:host button .label.inverted,:host a .label.inverted{color:var(--neutral-white)}:host button.medium .label,:host a.medium .label{font-size:1.14em}:host button.small .label,:host a.small .label{font-size:1em}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host a.medium.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.7px)}:host button.medium.icon-right cura-icon,:host a.medium.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.7px)}:host button.small.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.5px)}:host button.small.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.5px)}:host button.disabled,:host a.disabled{cursor:not-allowed;border-color:var(--neutral-base)}:host button.disabled .label,:host button.disabled .label.inverted,:host a.disabled .label,:host a.disabled .label.inverted{color:var(--neutral-dark)}:host button.disabled.inverted,:host a.disabled.inverted{opacity:0.6}:host button.disabled.inverted .label,:host button.disabled.inverted .label.inverted,:host a.disabled.inverted .label,:host a.disabled.inverted .label.inverted{color:var(--neutral-white)}:host button.disabled.inverted cura-icon,:host a.disabled.inverted cura-icon{--color:var(--neutral-white) !important}:host button.disabled.inverted cura-loader-circle,:host a.disabled.inverted cura-loader-circle{--color:var(--neutral-white) !important}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3.5px)}:host button.icon-only .label,:host a.icon-only .label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 2.75px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 1.5px)}:host button.inverted:not(.isLoading):not(.disabled):hover .label,:host a.inverted:not(.isLoading):not(.disabled):hover .label{color:var(--color-lighter)}:host button.inverted:not(.isLoading):not(.disabled):hover cura-icon,:host a.inverted:not(.isLoading):not(.disabled):hover cura-icon{--color:var(--color-lighter) !important}:host button.inverted:not(.isLoading):not(.disabled):active .label,:host a.inverted:not(.isLoading):not(.disabled):active .label{color:var(--color-light)}:host button.inverted:not(.isLoading):not(.disabled):active cura-icon,:host a.inverted:not(.isLoading):not(.disabled):active cura-icon{--color:var(--color-light) !important}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0.3}:host button.isLoading.icon-only .button-container,:host a.isLoading.icon-only .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}';var CuraButtonTransparent=function(){function t(t){registerInstance(this,t);this.size="large";this.disabled=false;this.isLoading=false;this.iconName=undefined;this.iconset="default";this.iconPosition="left";this.iconOnly=false;this.href=undefined;this.target="_self";this.color="accent";this.fontColor="dark";this.textAlign="left";this.styles={}}t.prototype.handleChangeColor=function(){this.setColors()};t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor("neutral-white");this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor("neutral-base");this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark");this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium;this.styles["--text-align"]=this.textAlign;this.setColors()};t.prototype.getClasses=function(){var t={};t["".concat(this.size.toLowerCase())]=true;t["icon-".concat(this.iconPosition.toLowerCase())]=true;t["icon-only"]=this.iconOnly;t["inverted"]=this.fontColor==="light";t["disabled"]=this.disabled;t["isLoading"]=this.isLoading;return t};t.prototype.setColors=function(){this.styles=Object.assign(Object.assign({},this.styles),{"--color-lighter":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-lighter")),"--color-light":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-light")),"--color-base":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-base")),"--color-dark":window.CuraAPI.theme.colors.getColor("".concat(this.color,"-dark"))})};t.prototype.getIcon=function(){if(!this.iconName)return"";var t=this.size==="small"?16:this.size==="medium"?20:24;var o=this.getSymbolColor();return h("cura-icon",{name:this.iconName,iconset:this.iconset,size:t,color:o})};t.prototype.getSymbolColor=function(){return this.disabled?"neutral-dark":this.fontColor==="light"?"neutral-white":"".concat(this.color,"-base")};t.prototype.handleClick=function(t){if(this.disabled\|\|this.isLoading)t.preventDefault()};t.prototype.render=function(){var t=this;return h(Host,null,this.href?h("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:function(o){return t.handleClick(o)}},h("span",{class:"button-container"},this.getIcon(),h("span",{class:{label:true,inverted:this.fontColor==="light"}},h("slot",null))),h("cura-loader-circle",{size:this.size,color:this.getSymbolColor()})):h("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled\|\|null,onClick:function(o){return t.handleClick(o)}},h("span",{class:"button-container"},this.getIcon(),h("span",{class:{label:true,inverted:this.fontColor==="light"}},h("slot",null))),h("cura-loader-circle",{size:this.size,color:this.getSymbolColor()})))};Object.defineProperty(t,"watchers",{get:function(){return{color:["handleChangeColor"]}},enumerable:false,configurable:true});return t}();CuraButtonTransparent.style=curaButtonTransparentCss;export{CuraButtonTransparent as cura_button_transparent};
2	- //# sourceMappingURL=cura-button-transparent.entry.js.map

package/dist/esm-es5/cura-button-transparent.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaButtonTransparentCss","CuraButtonTransparent","prototype","handleChangeColor","this","setColors","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","textAlign","getClasses","classes","concat","size","toLowerCase","iconPosition","iconOnly","fontColor","disabled","isLoading","Object","assign","color","getIcon","iconName","iconSize","getSymbolColor","h","name","iconset","handleClick","e","preventDefault","render","_this","Host","href","target","class","style","onClick","label","inverted"],"sources":["src/components/buttons/cura-button-transparent/cura-button-transparent.scss?tag=cura-button-transparent&encapsulation=shadow","src/components/buttons/cura-button-transparent/cura-button-transparent.tsx"],"sourcesContent":["@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n @include button-host();\n\n button, a {\n @include button-element() {\n background-color: transparent;\n border-width: 0px;\n border-color: transparent;\n\n &:not(.disabled):not(.isLoading):hover {\n .label { color: var(--color-light); }\n cura-icon { --color: var(--color-light) !important; }\n }\n\n &:not(.disabled):not(.inverted):not(.isLoading):active { \n .label { color: var(--color-dark); }\n cura-icon { --color: var(--color-dark) !important; }\n }\n }\n \n @include button-sizes();\n\n // Children Elements\n @include button-container();\n @include button-label() {\n color: var(--color-base);\n &.inverted { color: var(--neutral-white); }\n }\n @include button-icon();\n\n // Disabled state\n @include button-disabled() {\n border-color: var(--neutral-base);\n .label, .label.inverted { color: var(--neutral-dark); }\n &.inverted {\n opacity: 0.6;\n .label, .label.inverted { color: var(--neutral-white); }\n cura-icon { --color: var(--neutral-white) !important; }\n cura-loader-circle { --color: var(--neutral-white) !important; }\n }\n }\n\n // FAB / Icon-only\n @include button-icon-only-behavior();\n\n &.inverted {\n &:not(.isLoading):not(.disabled):hover { \n .label { color: var(--color-lighter); }\n cura-icon { --color: var(--color-lighter) !important; }\n }\n &:not(.isLoading):not(.disabled):active {\n .label { color: var(--color-light); }\n cura-icon { --color: var(--color-light) !important; }\n }\n }\n\n // Loading State\n @include button-loading();\n\n }\n}\n","import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'cura-button-transparent',\n styleUrl: 'cura-button-transparent.scss',\n shadow: true,\n})\nexport class CuraButtonTransparent {\n\n /**\n * Button size: small | medium | large (default)\n */\n @Prop({reflect: true}) size: 'small' | 'medium' | 'large' = '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' | 'right' = 'left';\n /**\n * Set button to FAB/icon only.\n */\n @Prop({reflect: true}) iconOnly = false;\n\n /**\n * Property href switch button to link.\n */\n @Prop({reflect: true}) href: string;\n /**\n * Set target if link.\n */\n @Prop({reflect: true}) target = \"_self\";\n\n /**\n * Color base from color scheme. Default: accent.\n */\n @Prop() color = 'accent';\n @Watch('color')\n handleChangeColor() {\n this.setColors();\n }\n /**\n * Set the font color to dark or light.\n */\n @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n /**\n * Set text aligment for the button label.\n * Vales: left (default) | center | right.\n */\n @Prop({reflect: true}) textAlign: 'left' | 'center' | 'right' = 'left';\n\n\n @State() styles = {};\n\n weights;\n\n connectedCallback() {\n this.weights = window.CuraAPI.theme.fonts.getWeights();\n this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n this.styles['--font-weight-medium'] = this.weights.medium;\n this.styles['--text-align'] = this.textAlign;\n this.setColors();\n }\n\n getClasses() {\n const classes = {};\n classes[`${this.size.toLowerCase()}`] = true;\n classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n classes[`icon-only`] = this.iconOnly;\n classes['inverted'] = this.fontColor === 'light';\n classes['disabled'] = this.disabled;\n classes['isLoading'] = this.isLoading;\n return classes;\n }\n\n setColors() {\n this.styles = {\n ...this.styles,\n '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n };\n }\n\n getIcon() {\n if (!this.iconName) return '';\n const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n const color = this.getSymbolColor();\n return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n }\n\n getSymbolColor() {\n return this.disabled\n ? 'neutral-dark'\n : this.fontColor === 'light'\n ? 'neutral-white'\n : `${this.color}-base`;\n }\n\n handleClick(e: Event) {\n if (this.disabled || this.isLoading) e.preventDefault();\n }\n\n render() {\n return (\n <Host>\n { this.href ? (\n <a href={this.disabled ? '' : this.href}\n target={this.target}\n class={this.getClasses()}\n style={this.styles}\n onClick={(e) => this.handleClick(e)}>\n <span class=\"button-container\">\n { this.getIcon() }\n <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n </span>\n <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n </a>\n ) : (\n <button class={this.getClasses()}\n style={this.styles}\n disabled={this.disabled || null}\n onClick={(e) => this.handleClick(e)}>\n <span class=\"button-container\">\n { this.getIcon() }\n <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n </span>\n <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n </button>\n )}\n </Host>\n );\n }\n\n}\n"],"mappings":"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"}

package/dist/esm-es5/cura-checkbox.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-81f1a268.js";import{f as formsSizes}from"./cura-forms.definitions-0f774253.js";var curaCheckboxCss='@charset "UTF-8";:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-sizing:border-box;box-sizing:border-box}.container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:var(--gap)}.position.container{-ms-flex-direction:row;flex-direction:row}.position .label-wrapper{-ms-flex-pack:end;justify-content:end}.position .message{text-align:right}.position .label{-ms-flex-order:1;order:1}.info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.label-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;gap:5px}.control{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;position:relative}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--primary-base-neutral-medium);border-radius:4px;background:var(--neutral-lighter-neutral-purewhite);-ms-flex:1 0;flex:1 0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--size);height:var(--size);-ms-flex:0 0 var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:-ms-flexbox;display:flex;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.checkbox:focus{border-color:var(--info-base) !important}.disabled .checkbox{background:var(--primary-darker-neutral-white);border-color:var(--primary-base-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--primary-base-neutral-base) !important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--primary-base-neutral-white);border-color:var(--primary-base-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--primary-base-neutral-base)}.checked .checkbox,.indeterminate .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover,.indeterminate .checkbox:hover{border-color:var(--color-light) !important;background:var(--color-lighter)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--primary-base-neutral-dark)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base) !important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base) !important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}';var CuraCheckbox=function(){function e(e){var r=this;registerInstance(this,e);this.onchange=createEvent(this,"onchange",7);this.isDarkbackground=function(){return r.background==="dark"};this.isDarkIconColor=function(){return r.iconColor==="dark"};this.handleClick=function(){if(r.disabled)return;r.indeterminate=false;r.checked=!r.checked;r.onchange.emit({value:r.value,checked:r.checked,indeterminate:r.indeterminate})};this.checked=false;this.indeterminate=false;this.status="default";this.disabled=false;this.required=false;this.label=undefined;this.ontabindex=0;this.position="left";this.value=undefined;this.name=undefined;this.size="medium";this.background="light";this.iconColor="dark";this.color="accent";this.styles={}}e.prototype.sizeHandler=function(){this.styles=Object.assign(Object.assign({},this.styles),{"--size":"".concat(formsSizes[this.size].size,"px"),"--gap":"".concat(formsSizes[this.size].gap,"px")})};e.prototype.setColors=function(){var e=this;var r=[{name:"--color-base",background:"".concat(this.color,"-base")},{name:"--color-lighter",background:"".concat(this.color,"-lighter")},{name:"--color-light",background:"".concat(this.color,"-light")},{name:"--color-dark",background:"".concat(this.color,"-dark")},{name:"--info-base",background:"info-base"},{name:"--error-base",background:"error-base"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--success-dark",background:"success-dark"},{name:"--error-lighter",background:"error-lighter"},{name:"--primary-base-neutral-white",background:this.isDarkbackground()?"primary-base":"neutral-white"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--neutral-lighter-neutral-purewhite",background:this.isDarkbackground()?"neutral-lighter":"neutral-purewhite"},{name:"--primary-darker-neutral-white",background:this.isDarkbackground()?"primary-darker":"neutral-white"},{name:"--primary-base-neutral-base",background:this.isDarkbackground()?"primary-base":"neutral-base"},{name:"--primary-base-neutral-dark",background:this.isDarkbackground()?"primary-base":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--success-base-lighter",background:this.isDarkbackground()?"success-base":"success-lighter"},{name:"--success-dark-base",background:this.isDarkbackground()?"success-dark":"success-base"},{name:"--error-base-lighter",background:this.isDarkbackground()?"error-base":"error-lighter"},{name:"--error-dark-base",background:this.isDarkbackground()?"error-dark":"error-base"}];r.forEach((function(r){e.styles[r.name]=window.CuraAPI.theme.colors.getColor(r.background)}));this.styles=Object.assign({},this.styles)};e.prototype.connectedCallback=function(){this.sizeHandler();this.setColors()};e.prototype.getClasses=function(){var e={};e["container"]=true;e["checked"]=this.checked;e["disabled"]=this.disabled;e["indeterminate"]=this.indeterminate;e["position"]=this.position==="right";e[this.status]=true;return e};e.prototype.assignColor=function(e){if(this.disabled)return this.isDarkbackground()?"primary-darker":"neutral-medium";var r={success:{icon:"success-dark",label:this.isDarkbackground()?"success-lighter":"success-darker",message:this.isDarkbackground()?"success-base":"success-dark"},error:{icon:"error-dark",label:this.isDarkbackground()?"error-lighter":"neutral-darker",message:this.isDarkbackground()?"error-base":"error-dark"},default:{icon:this.isDarkIconColor()?"neutral-black":"neutral-purewhite",label:this.isDarkbackground()?"neutral-white":"neutral-black",message:this.isDarkbackground()?"primary-lighter":"neutral-dark"}};return r[this.status][e]};e.prototype.getIcon=function(){var e=this.indeterminate?"minus":"check";var r=this.assignColor("icon");var a=this.size==="large"?20:"micro";return h("cura-icon",{class:"icon",name:e,size:a,color:r})};e.prototype.render=function(){return h(Host,null,h("div",{class:this.getClasses(),style:this.styles},h("div",{class:"info"},h("div",{class:"label-wrapper"},h("cura-label",{class:"label",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&h("cura-paragraph",{lineHeight:"0%",marginBlock:"0",color:"error-base"},"* ")),h("cura-label",{color:this.assignColor("message"),size:"xsmall",class:"message"},h("slot",null))),h("div",{class:"checkbox",onClick:this.handleClick,tabIndex:this.ontabindex},h("input",{type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,required:this.required,checked:this.checked,indeterminate:this.indeterminate}),this.getIcon())))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"],iconColor:["assignColor"]}},enumerable:false,configurable:true});return e}();CuraCheckbox.style=curaCheckboxCss;export{CuraCheckbox as cura_checkbox};
2	- //# sourceMappingURL=cura-checkbox.entry.js.map

package/dist/esm-es5/cura-checkbox.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaCheckboxCss","CuraCheckbox","this","isDarkbackground","_this","background","isDarkIconColor","iconColor","handleClick","disabled","indeterminate","checked","onchange","emit","value","prototype","sizeHandler","styles","Object","assign","concat","formsSizes","size","gap","setColors","colors","name","color","forEach","window","CuraAPI","theme","getColor","connectedCallback","getClasses","classes","position","status","assignColor","type","statusColors","success","icon","label","message","error","default","getIcon","iconName","iconSize","h","class","render","Host","style","required","lineHeight","marginBlock","onClick","tabIndex","ontabindex"],"sources":["src/components/forms/cura-checkbox/cura-checkbox.scss?tag=cura-checkbox&encapsulation=shadow","src/components/forms/cura-checkbox/cura-checkbox.tsx"],"sourcesContent":[":host {\n display: block;\n width: fit-content;\n box-sizing: border-box;\n}\n\n/* Container e Layout */\n.container {\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n gap: var(--gap);\n\n}\n\n.position {\n\n &.container {\n flex-direction: row;\n }\n\n .label-wrapper {\n justify-content: end;\n }\n\n .message {\n text-align: right;\n }\n\n .label {\n order:1\n }\n\n}\n\n.info {\n display: flex;\n flex-direction: column;\n}\n\n.label-wrapper {\n display: flex;\n justify-content: start;\n align-items: center;\n gap: 5px;\n}\n\n/* Control e Checkbox */\n.control {\n width: fit-content;\n cursor: pointer;\n position: relative;\n}\n\n.checkbox {\n appearance: none;\n border: 2px solid var(--primary-base-neutral-medium);\n border-radius: 4px;\n background: var(--neutral-lighter-neutral-purewhite);\n flex: 1 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n box-sizing: border-box;\n width: var(--size);\n height: var(--size);\n flex: 0 0 var(--size);\n}\n\n.icon {\n position: absolute;\n display: flex;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n/* Estados de Foco */\n.checkbox:focus {\n border-color: var(--info-base) !important;\n}\n\n/* Estado Disabled */\n.disabled .checkbox {\n background: var(--primary-darker-neutral-white);\n border-color: var(--primary-base-neutral-base);\n cursor: not-allowed;\n\n &:hover {\n border-color: var(--primary-base-neutral-base) !important;\n }\n}\n\n.disabled.checked .checkbox,\n.disabled.indeterminate .checkbox {\n background: var(--primary-base-neutral-white);\n border-color: var(--primary-base-neutral-base);\n\n &:hover {\n border-color: var(--primary-base-neutral-base) !important;\n background: var(--primary-base-neutral-white);\n\n }\n}\n\n.disabled .checkbox:focus {\n border-color: var(--primary-base-neutral-base);\n}\n\n/* Estado Checked */\n.checked .checkbox,\n.indeterminate .checkbox {\n border-color: var(--color-dark);\n background: var(--color-base);\n\n &:hover {\n border-color: var(--color-light) !important;\n background: var(--color-lighter);\n }\n}\n\n.checked .icon,\n.indeterminate .icon {\n opacity: 1;\n}\n\n/* Hover para não disabled, checked, indeterminate */\n:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover {\n border-color: var(--primary-base-neutral-dark);\n}\n\n/* Estado Success */\n.success .checkbox {\n border-color: var(--success-base) ;\n background: var(--success-lighter);\n\n &:hover{\n border-color: var(--success-base) !important;\n }\n}\n\n.success.checked .checkbox {\n border-color: var(--success-dark-base);\n background: var(--success-base-lighter);\n\n &:hover {\n border-color: var(--success-dark-base);\n }\n}\n\n/* Estado Error */\n.error .checkbox {\n border-color: var(--error-base);\n background: var(--error-lighter);\n\n &:hover {\n border-color: var(--error-base) !important;\n }\n}\n\n.error.checked .checkbox {\n border-color: var(--error-dark-base);\n background: var(--error-base-lighter);\n\n &:hover {\n border-color: var(--error-dark-base);\n }\n}\n\n/* Input */\ninput {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n","import { Component, Prop, Event, Element, h, Host, Watch, EventEmitter, State } from '@stencil/core';\nimport { formsSizes } from '../cura-forms.definitions';\n\n@Component({\n tag: 'cura-checkbox',\n styleUrl: 'cura-checkbox.scss',\n shadow: true,\n})\n\nexport class CuraCheckbox {\n /**\n * Reflects the checked state of the checkbox.\n * Mutable property allowing state change.\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n /**\n * Reflects the indeterminate state of the checkbox.\n * Mutable property allowing state change.\n */\n @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false;\n /**\n * Status of the checkbox.\n * Can be 'error', 'success', or 'default'.\n */\n @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n /**\n * Reflects the disabled state of the checkbox.\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n /**\n * Reflects the required state of the checkbox.\n */\n @Prop({ reflect: true }) required: boolean = false;\n /**\n * Text label associated with the checkbox.\n */\n @Prop({ reflect: true }) label: string;\n /**\n * Specifies the tabindex of the checkbox.\n */\n @Prop({ reflect: true }) ontabindex: number = 0;\n /**\n * Position of the label relative to the checkbox.\n * Can be 'left' or 'right'.\n */\n @Prop({ reflect: true }) position: 'left' | 'right' = 'left';\n /**\n * Value associated with the checkbox.\n */\n @Prop({ reflect: true }) value: string;\n /**\n * Name attribute of the checkbox.\n */\n @Prop({ reflect: true }) name: string;\n /**\n * Size of the checkbox.\n * Can be 'small', 'medium', or 'large'.\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n /**\n * Background theme of the checkbox.\n * Can be 'dark' or 'light'.\n */\n @Prop() background: 'dark' | 'light' = 'light';\n /**\n * iconColor theme of the checkbox.\n * Can be 'dark' or 'light'.\n */\n @Prop() iconColor: 'dark' | 'light' = 'dark';\n /**\n * Color theme of the checkbox.\n */\n @Prop() color = 'accent';\n\n @State() styles = {};\n\n @Element() host: HTMLElement;\n\n @Event() onchange: EventEmitter<{ value: string, checked: boolean, indeterminate: boolean }>;\n\n isDarkbackground = () => this.background === 'dark';\n\n isDarkIconColor = () => this.iconColor === 'dark';\n\n\n @Watch('size')\n sizeHandler() {\n this.styles = {\n ...this.styles,\n '--size': `${formsSizes[this.size].size}px`,\n '--gap': `${formsSizes[this.size].gap}px`\n };\n }\n\n\n /**\n * Watches changes in color and background properties to update styles.\n */\n @Watch('color')\n @Watch('background')\n setColors() {\n const colors = [\n { name: '--color-base', background: `${this.color}-base` },\n { name: '--color-lighter', background: `${this.color}-lighter` },\n { name: '--color-light', background: `${this.color}-light` },\n { name: '--color-dark', background: `${this.color}-dark` },\n { name: '--info-base', background: 'info-base' },\n { name: '--error-base', background: 'error-base' },\n { name: '--success-lighter', background: 'success-lighter' },\n { name: '--success-base', background: 'success-base' },\n { name: '--success-dark', background: 'success-dark' },\n { name: '--error-lighter', background: 'error-lighter' },\n { name: '--primary-base-neutral-white', background: this.isDarkbackground() ? 'primary-base' : 'neutral-white' },\n { name: '--primary-base-neutral-medium', background: this.isDarkbackground() ? 'primary-base' : 'neutral-medium' },\n { name: '--neutral-lighter-neutral-purewhite', background: this.isDarkbackground() ? 'neutral-lighter' : 'neutral-purewhite' },\n { name: '--primary-darker-neutral-white', background: this.isDarkbackground() ? 'primary-darker' : 'neutral-white' },\n { name: '--primary-base-neutral-base', background: this.isDarkbackground() ? 'primary-base' : 'neutral-base' },\n { name: '--primary-base-neutral-dark', background: this.isDarkbackground() ? 'primary-base' : 'neutral-dark' },\n { name: '--primary-base-neutral-medium', background: this.isDarkbackground() ? 'primary-base' : 'neutral-medium' },\n { name: '--success-base-lighter', background: this.isDarkbackground() ? 'success-base' : 'success-lighter' },\n { name: '--success-dark-base', background: this.isDarkbackground() ? 'success-dark' : 'success-base' },\n { name: '--error-base-lighter', background: this.isDarkbackground() ? 'error-base' : 'error-lighter' },\n { name: '--error-dark-base', background: this.isDarkbackground() ? 'error-dark' : 'error-base' },\n ];\n\n colors.forEach(color => {\n this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);\n });\n this.styles = { ...this.styles };\n\n }\n\n connectedCallback() {\n this.sizeHandler()\n this.setColors();\n }\n\n /**\n * Handles click event on the checkbox.\n * Emits onchange event with value, checked, and indeterminate states.\n */\n handleClick = () => {\n if (this.disabled) return;\n\n this.indeterminate = false;\n this.checked = !this.checked;\n this.onchange.emit({ value: this.value, checked: this.checked, indeterminate: this.indeterminate });\n };\n\n /**\n * Retrieves classes based on component state for conditional styling.\n */\n getClasses() {\n const classes = {};\n classes['container'] = true;\n classes['checked'] = this.checked;\n classes['disabled'] = this.disabled;\n classes['indeterminate'] = this.indeterminate;\n classes['position'] = this.position === 'right';\n classes[this.status] = true;\n\n return classes;\n }\n\n /**\n * Assigns color based on status and background theme.\n * @param defaultColor Default color.\n */\n\n @Watch('background')\n @Watch('iconColor')\n assignColor(type: 'icon' | 'label' | 'message',) {\n if (this.disabled) return this.isDarkbackground() ? 'primary-darker' : 'neutral-medium';\n\n const statusColors = {\n success: {\n icon: 'success-dark',\n label: this.isDarkbackground() ? 'success-lighter' : 'success-darker',\n message: this.isDarkbackground() ? 'success-base' : 'success-dark'\n },\n error: {\n icon: 'error-dark',\n label: this.isDarkbackground() ? 'error-lighter' : 'neutral-darker',\n message: this.isDarkbackground() ? 'error-base' : 'error-dark'\n },\n default: {\n icon: this.isDarkIconColor() ? 'neutral-black' : 'neutral-purewhite',\n label: this.isDarkbackground() ? 'neutral-white' : 'neutral-black',\n message: this.isDarkbackground() ? 'primary-lighter' : 'neutral-dark'\n }\n };\n\n return statusColors[this.status][type];\n }\n\n /**\n * Retrieves icon element based on checkbox state.\n */\n getIcon() {\n const iconName = this.indeterminate ? 'minus' : \"check\"\n const iconColor = this.assignColor('icon');\n const iconSize = this.size === 'large' ? 20 : \"micro\"\n\n return <cura-icon class=\"icon\" name={iconName} size={iconSize} color={iconColor}></cura-icon>\n }\n\n\n render() {\n return (\n <Host>\n <div class={this.getClasses()} style={this.styles}>\n <div class=\"info\">\n <div class=\"label-wrapper\">\n <cura-label\n class=\"label\"\n size={this.size === 'large' ? 'medium' : 'xsmall'}\n color={this.assignColor('label')}>\n {this.label}\n </cura-label>\n {this.required && <cura-paragraph lineHeight='0%' marginBlock='0' color=\"error-base\" >* </cura-paragraph>}\n </div>\n <cura-label\n color={this.assignColor('message')}\n size=\"xsmall\"\n class=\"message\">\n <slot></slot>\n </cura-label>\n </div>\n <div class={\"checkbox\"} onClick={this.handleClick} tabIndex={this.ontabindex}>\n <input\n type=\"checkbox\"\n name={this.name}\n value={this.value}\n disabled={this.disabled}\n required={this.required}\n checked={this.checked}\n indeterminate={this.indeterminate}\n />\n {this.getIcon()}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/esm-es5/cura-display.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as registerInstance,h,H as Host,g as getElement}from"./index-81f1a268.js";var curaDisplayCss=":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}}: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-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";var CuraDisplay=function(){function t(t){registerInstance(this,t);this.theme=window.CuraAPI.theme;this.level=1;this.spotColor="accent-dark";this.color=undefined;this.marginBlock="1.25em";this.lineHeight="120%";this.styles={}}t.prototype.handleChangeColor=function(){this.setColors()};t.prototype.connectedCallback=function(){this.setFontProperties();this.setColors()};t.prototype.setFontProperties=function(){this.weights=this.theme.fonts.getWeights();this.fontSizeBase=this.theme.fonts.getSize();this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold}};t.prototype.hostCSSProperties=function(){return{"--margin-block":this.marginBlock,"--font-size-base":this.fontSizeBase,"--line-height":this.lineHeight}};t.prototype.setColors=function(){var t=this.color?this.theme.colors.getColor(this.color):this.theme.fonts.getColor();this.styles=Object.assign(Object.assign({},this.styles),{"--color-body":t\|\|this.theme.colors.getColor("neutral-darker"),"--color-link":this.theme.colors.getColor("".concat(this.spotColor))})};t.prototype.getHeadingTag=function(){var t={1:h("h1",{style:this.styles},h("slot",null)),2:h("h2",{style:this.styles},h("slot",null)),3:h("h3",{style:this.styles},h("slot",null)),4:h("h4",{style:this.styles},h("slot",null)),5:h("h5",{style:this.styles},h("slot",null)),6:h("h6",{style:this.styles},h("slot",null)),default:h("h1",{style:this.styles},h("slot",null))};return t["".concat(this.level)]\|\|t["default"]};t.prototype.render=function(){return h(Host,{style:this.hostCSSProperties()},this.getHeadingTag())};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{color:["handleChangeColor"],spotColor:["handleChangeColor"]}},enumerable:false,configurable:true});return t}();CuraDisplay.style=curaDisplayCss;export{CuraDisplay as cura_display};
2	- //# sourceMappingURL=cura-display.entry.js.map

package/dist/esm-es5/cura-display.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["curaDisplayCss","CuraDisplay","this","theme","window","CuraAPI","prototype","handleChangeColor","setColors","connectedCallback","setFontProperties","weights","fonts","getWeights","fontSizeBase","getSize","styles","getFamily","bold","hostCSSProperties","marginBlock","lineHeight","fontColor","color","colors","getColor","Object","assign","concat","spotColor","getHeadingTag","tags","h","style","default","level","render","Host"],"sources":["src/components/text/cura-display/cura-display.scss?tag=cura-display&encapsulation=shadow","src/components/text/cura-display/cura-display.tsx"],"sourcesContent":["@import '../../../scss/mixins/responsive.scss';\n\n:host {\n display: block;\n font-size: var(--font-size-base);\n\n h1, h2, h3, h4, h5, h6 {\n font-family: var(--font-family);\n font-size: 3em;\n font-weight: var(--font-weight-bold);\n color: var(--color-body);\n line-height: var(--line-height);\n margin-block: var(--margin-block);\n letter-spacing: 0px;\n }\n\n @include medium-large() {\n h1, h2, h3, h4, h5, h6 {\n font-size: 3.429em;\n }\n }\n\n @include xlarge-only() {\n h1, h2, h3, h4, h5, h6 {\n font-size: 4.286em;\n line-height: calc(var(--line-height) + 5%);\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-underline-offset: 10%;\n cursor: pointer;\n }\n\n ::slotted(u) {\n text-underline-offset: 10%;\n }\n\n ::slotted(abbr) {\n color: var(--color-link);\n text-decoration: underline dashed 1px var(--color-link);\n text-underline-offset: 10%;\n cursor: default;\n }\n\n}\n","import { Component, Host, h, Element, Prop, State, Watch } 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. Will render the related HTML tag <h1>, <h2>, ...\n * Values: 1(default) to 6.\n */\n @Prop({reflect: true}) level: 1 | 2 | 3 | 4 | 5 | 6 = 1;\n\n /**\n * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n * Values: Color from design system scheme. Default to 'accent-dark'.\n */\n @Prop({reflect: true}) spotColor = 'accent-dark';\n\n /**\n * Text color.\n * Values: Color from design system scheme. Default to the font color from the theme.\n */\n @Prop() color: string;\n @Watch('color')\n @Watch('spotColor')\n handleChangeColor() {\n this.setColors();\n }\n\n /**\n * CSS margin-block property values.\n * Default to 1.25em\n */\n @Prop({reflect: true}) marginBlock = '1.25em';\n\n /**\n * CSS line-height property values.\n * Default to 140%\n */\n @Prop({reflect: true}) lineHeight = '120%';\n\n /**\n * Host element <cura-display>\n */\n @Element() host: HTMLElement;\n\n /**\n * Internal Props\n */\n weights: any;\n fontSizeBase: string;\n theme = window.CuraAPI.theme;\n @State() styles = {};\n\n connectedCallback() {\n this.setFontProperties();\n this.setColors();\n }\n\n setFontProperties() {\n this.weights = this.theme.fonts.getWeights();\n this.fontSizeBase = this.theme.fonts.getSize();\n this.styles = {\n '--font-family': window.CuraAPI.theme.fonts.getFamily('display'),\n '--font-size': window.CuraAPI.theme.fonts.getSize(),\n '--font-weight-bold': this.weights.bold\n };\n }\n\n hostCSSProperties() {\n return {\n '--margin-block': this.marginBlock,\n '--font-size-base': this.fontSizeBase,\n '--line-height': this.lineHeight\n };\n }\n\n setColors() {\n const fontColor = this.color\n ? this.theme.colors.getColor(this.color)\n : this.theme.fonts.getColor();\n this.styles = {\n ...this.styles,\n '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n };\n }\n\n getHeadingTag() {\n const tags = {\n '1': <h1 style={this.styles}><slot></slot></h1>,\n '2': <h2 style={this.styles}><slot></slot></h2>,\n '3': <h3 style={this.styles}><slot></slot></h3>,\n '4': <h4 style={this.styles}><slot></slot></h4>,\n '5': <h5 style={this.styles}><slot></slot></h5>,\n '6': <h6 style={this.styles}><slot></slot></h6>,\n 'default': <h1 style={this.styles}><slot></slot></h1>\n };\n return tags[`${this.level}`] || tags['default'];\n }\n\n render() {\n return (\n <Host style={this.hostCSSProperties()}>\n { this.getHeadingTag() }\n </Host>\n );\n }\n\n}\n"],"mappings":"mFAAA,IAAMA,eAAiB,m/B,ICOVC,YAAW,W,uCA+CtBC,KAAAC,MAAQC,OAAOC,QAAQF,M,WAzC+B,E,eAMnB,c,sCAiBE,S,gBAMD,O,YAalB,E,CA3BlBF,EAAAK,UAAAC,kBAAA,WACEL,KAAKM,W,EA4BPP,EAAAK,UAAAG,kBAAA,WACEP,KAAKQ,oBACLR,KAAKM,W,EAGPP,EAAAK,UAAAI,kBAAA,WACER,KAAKS,QAAUT,KAAKC,MAAMS,MAAMC,aAChCX,KAAKY,aAAeZ,KAAKC,MAAMS,MAAMG,UACrCb,KAAKc,OAAS,CACZ,gBAAiBZ,OAAOC,QAAQF,MAAMS,MAAMK,UAAU,WACtD,cAAeb,OAAOC,QAAQF,MAAMS,MAAMG,UAC1C,qBAAsBb,KAAKS,QAAQO,K,EAIvCjB,EAAAK,UAAAa,kBAAA,WACE,MAAO,CACL,iBAAkBjB,KAAKkB,YACvB,mBAAoBlB,KAAKY,aACzB,gBAAiBZ,KAAKmB,W,EAI1BpB,EAAAK,UAAAE,UAAA,WACE,IAAMc,EAAYpB,KAAKqB,MACnBrB,KAAKC,MAAMqB,OAAOC,SAASvB,KAAKqB,OAChCrB,KAAKC,MAAMS,MAAMa,WACrBvB,KAAKc,OAAMU,OAAAC,OAAAD,OAAAC,OAAA,GACNzB,KAAKc,QAAM,CACd,eAAgBM,GAAapB,KAAKC,MAAMqB,OAAOC,SAAS,kBACxD,eAAgBvB,KAAKC,MAAMqB,OAAOC,SAAS,GAAAG,OAAG1B,KAAK2B,a,EAIvD5B,EAAAK,UAAAwB,cAAA,WACE,IAAMC,EAAO,CACX,EAAKC,EAAA,MAAIC,MAAO/B,KAAKc,QAAQgB,EAAA,cAC7B,EAAKA,EAAA,MAAIC,MAAO/B,KAAKc,QAAQgB,EAAA,cAC7B,EAAKA,EAAA,MAAIC,MAAO/B,KAAKc,QAAQgB,EAAA,cAC7B,EAAKA,EAAA,MAAIC,MAAO/B,KAAKc,QAAQgB,EAAA,cAC7B,EAAKA,EAAA,MAAIC,MAAO/B,KAAKc,QAAQgB,EAAA,cAC7B,EAAKA,EAAA,MAAIC,MAAO/B,KAAKc,QAAQgB,EAAA,cAC7BE,QAAWF,EAAA,MAAIC,MAAO/B,KAAKc,QAAQgB,EAAA,eAErC,OAAOD,EAAK,GAAAH,OAAG1B,KAAKiC,SAAYJ,EAAK,U,EAGvC9B,EAAAK,UAAA8B,OAAA,WACE,OACEJ,EAACK,KAAI,CAACJ,MAAO/B,KAAKiB,qBACdjB,KAAK4B,gB,+RApGS,G"}