@rededor/cura 0.2.1 → 0.3.1

package/dist/components/cura-icon2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const curaIconCss = ":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
+const 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}";
 
 const CuraIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,7 +8,7 @@ const CuraIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.name = '';
-    this.color = 'neutral';
+    this.color = 'neutral-base';
     this.iconset = 'default';
     this.disabled = false;
     this.sizes = {
@@ -31,34 +31,33 @@ const CuraIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);
     this.setHostProperty('--stroke', this.sizes[`${size}`] ? scaledStroke(size) : scaledStroke("default"));
   }
+  colorHandler() {
+    this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color));
+  }
   connectedCallback() {
     this.assetsPath = window.CuraAPI.localAssetsPath;
     this.sizeHandler(this.size);
-  }
-  getClasses() {
-    const classes = {};
-    classes[`icon-${this.color}`] = true;
-    if (this.disabled)
-      classes[`icon-disabled`] = true;
-    return classes;
+    this.colorHandler();
   }
   setHostProperty(prop, value) {
     this.host.style.setProperty(prop, value);
   }
   render() {
-    return (h(Host, null, h("svg", { version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", class: this.getClasses() }, h("use", { xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
+    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: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
   }
   get host() { return this; }
   static get watchers() { return {
-    "size": ["sizeHandler"]
+    "size": ["sizeHandler"],
+    "color": ["colorHandler"],
+    "disabled": ["colorHandler"]
   }; }
   static get style() { return curaIconCss; }
 }, [1, "cura-icon", {
     "name": [513],
-    "color": [513],
+    "color": [1],
     "size": [8],
     "iconset": [513],
-    "disabled": [516]
+    "disabled": [4]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/cura-icons-view.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './cura-icon2.js';
 
-const iconsetdefaulticons = ["360", "accessibility", "alertCircle", "alertTriangle", "arrowDown", "arrowDownCircle", "arrowLeft", "arrowLeftCircle", "arrowRight", "arrowRightCircle", "arrowUp", "arrowUpCircle", "attach", "avatarF", "avatarM", "biometry", "bloodGroup", "calendar", "cam", "camOff", "central", "chatCircle", "check", "checkBadge", "checkCircle", "checkDouble", "clock", "close", "closeCircle", "collapse", "config", "delete", "desktop", "deslike", "download", "duplicate", "edit", "exam", "expand", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "hate", "healthPlan", "height", "height2", "home", "horizontalList", "imageUp", "info2", "infoCircle", "key", "language", "language2", "languageEN", "languagePT", "like", "link", "linkExternal", "list", "login", "logout", "love", "mail", "mail2", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "neutral", "news", "notification", "order", "partner", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profile2", "pulldownG", "pulldownP", "pullupG", "pullupP", "questionCircle", "questionSquare", "range", "reload", "schedule", "search", "secure", "share", "share2", "sound", "soundOff", "subItem", "target", "team", "unLink", "unSecure", "upload", "verticalList", "viewFalse", "viewTrue", "weight", "wifi", "zoomIn", "zoomOut"];
+const iconsetdefaulticons = ["360", "accessibility", "alertCircle", "alertTriangle", "arrowDown", "arrowDownCircle", "arrowLeft", "arrowLeftCircle", "arrowRight", "arrowRightCircle", "arrowUp", "arrowUpCircle", "attach", "avatarF", "avatarM", "biometry", "bloodGroup", "calendar", "cam", "camOff", "central", "chatCircle", "check", "checkBadge", "checkCircle", "checkDouble", "clock", "close", "closeCircle", "collapse", "config", "delete", "desktop", "deslike", "download", "duplicate", "edit", "exam", "expand", "facebook", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "google", "hate", "healthPlan", "height", "height2", "home", "horizontalList", "imageUp", "info2", "infoCircle", "instagram", "key", "language", "language2", "languageEN", "languagePT", "lattes", "like", "likeHand", "link", "linkExternal", "linkedin", "list", "login", "logout", "love", "mail", "mail2", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "neutral", "news", "notification", "order", "partner", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profile2", "pulldownG", "pulldownP", "pullupG", "pullupP", "questionCircle", "questionSquare", "range", "reload", "schedule", "search", "secure", "share", "share2", "sound", "soundOff", "subItem", "target", "team", "twitter", "unLink", "unSecure", "unlikeHand", "upload", "verticalList", "viewFalse", "viewTrue", "weight", "whatsapp", "wifi", "youtube", "zoomIn", "zoomOut"];
 
 const curaIconsViewCss = ":host{display:block;padding:24px;font-family:var(--cura-font-family-body)}.iconDetail{display:block}.iconSizes{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.iconSizes .size{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#262626;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.icons .icon span{font-size:12px;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;color:#FFF;border-radius:2px;position:absolute;top:-2px;left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);display:none}.icons .icon:hover{opacity:1}.icons .icon:hover span{display:block}";
 
@@ -18,7 +18,7 @@ const CuraIconsView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     };
   }
   render() {
-    return (h(Host, null, h("div", { class: "iconDetail" }, h("h4", null, this.selected), h("div", { class: "iconSizes" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size }), h("span", null, size)))), h("div", { class: "iconSizes invert" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size, color: "white" }), h("span", null, size)))), h("div", { class: "iconSizes" }, this.colors.map(color => h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: color }), h("span", null, color))), h("div", { class: "size" }, h("cura-icon", { name: this.selected, disabled: true }), h("span", null, "Disabled")))), h("div", { class: "icons" }, iconsetdefaulticons.map(icon => h("div", { class: "icon", onClick: () => this.setSelected(icon) }, h("cura-icon", { name: icon }), h("span", null, icon))))));
+    return (h(Host, null, h("div", { class: "iconDetail" }, h("h4", null, this.selected), h("div", { class: "iconSizes" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size }), h("span", null, size)))), h("div", { class: "iconSizes invert" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), h("span", null, size)))), h("div", { class: "iconSizes" }, this.colors.map(color => h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: color }), h("span", null, color))), h("div", { class: "size" }, h("cura-icon", { name: this.selected, disabled: true }), h("span", null, "Disabled")))), h("div", { class: "icons" }, iconsetdefaulticons.map(icon => h("div", { class: "icon", onClick: () => this.setSelected(icon) }, h("cura-icon", { name: icon }), h("span", null, icon))))));
   }
   static get style() { return curaIconsViewCss; }
 }, [1, "cura-icons-view", {

package/dist/components/cura-paragraph.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CuraParagraph extends Components.CuraParagraph, HTMLElement {}
+export const CuraParagraph: {
+  prototype: CuraParagraph;
+  new (): CuraParagraph;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/cura-paragraph.js

@@ -0,0 +1,69 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const curaParagraphCss = ":host{display:block;font-size:var(--font-size)}:host p{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:140%;letter-spacing:2%}:host p.large{font-size:1.21em;line-height:150%;letter-spacing:0%}:host p.small{font-size:0.85em;line-height:135%;letter-spacing:4%}:host p.caption{font-size:0.71em;line-height:135%;letter-spacing:6%}@media screen and (min-width: 768px) and (max-width: 1366px){:host p{font-size:1.14em;line-height:145%}:host p.large{font-size:1.35em;line-height:150%}:host p.small{font-size:1em;line-height:135%}:host p.caption{font-size:0.85em;line-height:135%;letter-spacing:6%}}@media screen and (min-width: 1367px){:host p{font-size:1.42em;line-height:150%;letter-spacing:0%}:host p.large{font-size:1.71em;line-height:160%}:host p.small{font-size:1.21em;line-height:145%;letter-spacing:0%}:host p.caption{font-size:1em;line-height:145%;letter-spacing:2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
+
+const CuraParagraph$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Set size of body text.
+     * Values: regular (default) | large | small | caption.
+     */
+    this.size = 'regular';
+  }
+  connectedCallback() {
+    this.weights = window.CuraAPI.theme.fonts.getWeights();
+    this.setFontProperties();
+    this.setColors();
+  }
+  setsizeClass() {
+    const sizeclass = {};
+    sizeclass[this.size.toLowerCase()] = true;
+    return sizeclass;
+  }
+  setFontProperties() {
+    this.styles = {
+      '--font-family': window.CuraAPI.theme.fonts.getFamily('body'),
+      '--font-size': window.CuraAPI.theme.fonts.getSize(),
+      '--font-weight-regular': this.weights.regular,
+      '--font-weight-medium': this.weights.medium,
+      '--font-weight-bold': this.weights.bold
+    };
+    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());
+  }
+  setColors() {
+    const fontColor = window.CuraAPI.theme.fonts.getColor();
+    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor(`neutral-darker`);
+    this.styles['--color-link'] = window.CuraAPI.theme.colors.getColor('primary-700');
+  }
+  setHostProperty(prop, value) {
+    this.host.style.setProperty(prop, value);
+  }
+  render() {
+    return (h(Host, null, h("p", { style: this.styles, class: this.setsizeClass() }, h("slot", null))));
+  }
+  get host() { return this; }
+  static get style() { return curaParagraphCss; }
+}, [1, "cura-paragraph", {
+    "size": [513]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["cura-paragraph"];
+  components.forEach(tagName => { switch (tagName) {
+    case "cura-paragraph":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CuraParagraph$1);
+      }
+      break;
+  } });
+}
+
+const CuraParagraph = CuraParagraph$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CuraParagraph, defineCustomElement };

package/dist/components/index.d.ts

@@ -1,7 +1,9 @@
 /* cura custom elements */
+export { CuraDisplay as CuraDisplay } from '../types/components/text/cura-display/cura-display';
+export { CuraHeading as CuraHeading } from '../types/components/text/cura-heading/cura-heading';
 export { CuraIcon as CuraIcon } from '../types/components/cura-icon/cura-icon';
 export { CuraIconsView as CuraIconsView } from '../types/components/cura-icons-view/cura-icons-view';
-export { DummyComponent as DummyComponent } from '../types/components/dummy-component/dummy-component';
+export { CuraParagraph as CuraParagraph } from '../types/components/text/cura-paragraph/cura-paragraph';
 
 /**
  * Used to manually set the base path where assets can be found.

package/dist/components/index.js

@@ -1,7 +1,9 @@
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+export { CuraDisplay, defineCustomElement as defineCustomElementCuraDisplay } from './cura-display.js';
+export { CuraHeading, defineCustomElement as defineCustomElementCuraHeading } from './cura-heading.js';
 export { CuraIcon, defineCustomElement as defineCustomElementCuraIcon } from './cura-icon.js';
 export { CuraIconsView, defineCustomElement as defineCustomElementCuraIconsView } from './cura-icons-view.js';
-export { DummyComponent, defineCustomElement as defineCustomElementDummyComponent } from './dummy-component.js';
+export { CuraParagraph, defineCustomElement as defineCustomElementCuraParagraph } from './cura-paragraph.js';
 
 /**
  * Cura Default Theme
@@ -10,40 +12,46 @@ const ThemeDefault = {
   /* Colors */
   color: {
     primary: {
-      depth100: '#CCD9E7',
-      depth300: '#5580AE',
-      base: '#004186',
-      depth700: '#002B59',
-      depth900: '#00133B'
+      '100': '#71C5E8',
+      '300': '#449CD5',
+      '500': '#005EB8',
+      '700': '#004890',
+      '900': '#002855'
     },
     secondary: {
-      depth100: '#EEE8CE',
-      depth300: '#C6B45C',
-      base: '#AA8E0B',
-      depth700: '#715F07',
-      depth900: '#221C02'
+      '100': '#F5ECE3',
+      '300': '#DDC0A2',
+      '500': '#CCA074',
+      '700': '#886B4D',
+      '900': '#292017'
     },
     accent: {
-      depth100: '#F9E8D5',
-      depth300: '#E4A04F',
-      base: '#DF8D2C',
-      depth700: '#955E1D',
-      depth900: '#2D1C09'
+      '100': '#F9E8D5',
+      '300': '#E4A04F',
+      '500': '#DF8D2C',
+      '700': '#955E1D',
+      '900': '#2D1C09'
     }
   },
   /* Spacing */
   spacing: {
-    base: '8px',
+    base: 4,
   },
   /* Fonts */
   font: {
-    family: {
-      title: 'serif',
-      body: '"Roboto", Helvetica, Arial, sans-serif'
+    size: '14px',
+    color: '#4A4A4A',
+    body: "'Roboto', Arial, Helvetica, sans-serif",
+    heading: "'Roboto', Arial, Helvetica, sans-serif",
+    display: "'Roboto', Arial, Helvetica, sans-serif",
+    weights: {
+      thin: 100,
+      light: 300,
+      regular: 400,
+      medium: 500,
+      bold: 700,
+      black: 900
     },
-    size: {
-      base: '16px',
-    }
   }
 };
 
@@ -55,20 +63,18 @@ const ThemeMaternity = Object.assign(Object.assign({}, ThemeDefault), {
   /* Colors */
   color: {
     primary: {
-      base: '#CD4D9A',
-      depth100: '#FCEFF6',
-      depth300: '#FFBFE5',
-      depth500: '#FF7FCB',
-      depth700: '#99126C',
-      depth900: '#00133B'
+      '100': '#FCEFF6',
+      '300': '#FFBFE5',
+      '500': '#CD4D9A',
+      '700': '#99126C',
+      '900': '#00133B'
     },
     secondary: {
-      base: '#189AB4',
-      depth100: '#EDF3FF',
-      depth300: '#BDD2FF',
-      depth500: '#496BB6',
-      depth700: '#001C58',
-      depth900: '#430E31'
+      '100': '#EDF3FF',
+      '300': '#BDD2FF',
+      '500': '#189AB4',
+      '700': '#001C58',
+      '900': '#430E31'
     }
   } });
 
@@ -77,9 +83,219 @@ const ThemePresets = {
   'maternidade': ThemeMaternity
 };
 
+/**
+ * Static
+ */
+const Static = {
+  /* Colors */
+  color: {
+    success: {
+      lighter: '#DFF6E9',
+      light: '#94E1B5',
+      base: '#5FD290',
+      dark: '#3F8C60',
+      darker: '#132A1D',
+      depth100: '#DFF6E9',
+      depth300: '#94E1B5',
+      depth500: '#5FD290',
+      depth700: '#3F8C60',
+      depth900: '#132A1D',
+    },
+    info: {
+      lighter: '#CFE2FF',
+      light: '#95BFFF',
+      base: '#6EA8FF',
+      dark: '#517BBB',
+      darker: '#253855',
+      depth100: '#CFE2FF',
+      depth300: '#95BFFF',
+      depth500: '#6EA8FF',
+      depth700: '#517BBB',
+      depth900: '#253855',
+    },
+    error: {
+      lighter: '#FBDDDD',
+      light: '#F28F8F',
+      base: '#EB5757',
+      dark: '#9D3A3A',
+      darker: '#2F1111',
+      depth100: '#FBDDDD',
+      depth300: '#F28F8F',
+      depth500: '#EB5757',
+      depth700: '#9D3A3A',
+      depth900: '#2F1111',
+    },
+    warning: {
+      lighter: '#FCFAC4',
+      light: '#F8F489',
+      base: '#F5EF4E',
+      dark: '#A39F34',
+      darker: '#313010',
+      depth100: '#FCFAC4',
+      depth300: '#F8F489',
+      depth500: '#F5EF4E',
+      depth700: '#A39F34',
+      depth900: '#313010',
+    },
+    /* neutral: {
+      'pure-white': '#FFFFFF',
+      white: '#F6F6F6',
+      pale: '#E9E9E9',
+      lighter: '#E2E2E2',
+      light: '#D4D4D4',
+      base: '#B7B7B7',
+      medium: '#929292',
+      dark: '#6E6E6E',
+      darker: '#4A4A4A',
+      black: '#262626',
+      depth0: '#FFFFFF',
+      depth100: '#F6F6F6',
+      depth200: '#E9E9E9',
+      depth300: '#E2E2E2',
+      depth400: '#D4D4D4',
+      depth500: '#B7B7B7',
+      depth600: '#929292',
+      depth700: '#6E6E6E',
+      depth800: '#4A4A4A',
+      depth900: '#262626',
+    }, */
+    neutral: {
+      '0': '#FFFFFF',
+      '100': '#F6F6F6',
+      '200': '#E9E9E9',
+      '300': '#E2E2E2',
+      '400': '#D4D4D4',
+      '500': '#B7B7B7',
+      '600': '#929292',
+      '700': '#6E6E6E',
+      '800': '#4A4A4A',
+      '900': '#262626',
+    },
+  },
+  /* Icons */
+  icons: {
+    'sizes': ['128', '72', '64', '48', '40', '32', '24', '20', '16'],
+    'strokes': ['5.25', '3.5', '3.25', '2.75', '2.5', '2.25', '2', '1.75', '1.5'],
+    'default-size': '24',
+  },
+  /* Breakpoints */
+  breakpoints: {
+    small: '576px',
+    medium: '768px',
+    large: '992px',
+    xlarge: '1200px',
+  },
+};
+
+class CuraThemeColorsModule {
+  constructor() {
+    this.NeutralDepthAlias = {
+      'purewhite': '0',
+      'white': '100',
+      'pale': '200',
+      'lighter': '300',
+      'light': '400',
+      'base': '500',
+      'medium': '600',
+      'dark': '700',
+      'darker': '800',
+      'black': '900',
+    };
+    this.ColorDepthAlias = {
+      'lighter': '100',
+      'light': '300',
+      'base': '500',
+      'dark': '700',
+      'darker': '900'
+    };
+  }
+  /**
+   * Get theme color.
+   * @param colorWithDepth string Ex.: primary-light
+   * @returns css color property. Color definition or related css var from the theme.
+   */
+  getColor(colorWithDepth = "primary-base") {
+    const { color, depth } = this.splitColorDepth(colorWithDepth);
+    const staticColor = this.getStatic(color, depth);
+    if (staticColor)
+      return staticColor;
+    return this.getDynamic(color, depth);
+  }
+  /**
+   * Internal: Look for static color by name and depth.
+   * @param color Color name.
+   * @param depth Depth number or alias.
+   * @returns Static color definition.
+   */
+  getStatic(color, depth) {
+    var _a, _b;
+    return ((_a = Static.color[color]) === null || _a === void 0 ? void 0 : _a[depth]) || ((_b = Static.color[color]) === null || _b === void 0 ? void 0 : _b[this.NeutralDepthAlias[depth]]) || null;
+  }
+  /**
+   * Internal: Look for theme dynamic colors.
+   * @param color Color name.
+   * @param depth Depth number or alias.
+   * @returns Related CSS variable defined by the theme.
+   */
+  getDynamic(color, depth) {
+    const themeVar = this.ColorDepthAlias[depth]
+      ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`
+      : `--cura-color-${color}-${depth}`;
+    return getComputedStyle(document.body).getPropertyValue(themeVar)
+      ? `var(${themeVar})`
+      : `var(--cura-color-primary-500)`;
+  }
+  /**
+   * Internal: Split color strings
+   * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark or primary-700.
+   * @returns Object { color: string, depth: string }.
+   */
+  splitColorDepth(colorWithDepth) {
+    const [color, depth] = colorWithDepth.toLowerCase().split(/-(.*)/);
+    return { color: color !== null && color !== void 0 ? color : "primary", depth: depth !== null && depth !== void 0 ? depth : "base" };
+  }
+}
+
+class CuraThemeFontsModule {
+  constructor() {
+    /**
+     * Get the CSS variable related to the font size base defined by the theme.
+     * @returns Related CSS variable as a string.
+     */
+    this.getSize = () => `var(--cura-font-size)`;
+    /**
+     * Get CSS variable related to the font color defined by the theme.
+     * @returns Related CSS variable as a string.
+     */
+    this.getColor = () => `var(--cura-font-color)`;
+  }
+  /**
+   * Get the CSS variable related to the font family defined by the theme.
+   * @param type 'body' | 'heading' | 'display'
+   * @returns Related css variable as a string.
+   */
+  getFamily(type = "body") {
+    const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;
+    return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)
+      ? `var(${curaFontFamilyCSSVar})`
+      : 'var(--cura-font-body)';
+  }
+  /**
+   * Get the CSS variables related to font weights defined by the theme.
+   * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.
+   */
+  getWeights() {
+    const weights = {};
+    Object.keys(ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);
+    return weights;
+  }
+}
+
 class CuraThemeModule {
   constructor() {
     this.prefix = '--cura';
+    this.colors = new CuraThemeColorsModule();
+    this.fonts = new CuraThemeFontsModule();
     /* Private */
     /** Set css var based on object structure */
     this.setCssVar = (prop, path) => {
@@ -152,7 +368,16 @@ class CuraAPI {
     const themeModule = new CuraThemeModule();
     this.theme = {
       load: function (themeTag) { themeModule.load(themeTag); },
-      setCustom: function (customThemeDefinitions) { themeModule.setCustom(customThemeDefinitions); }
+      setCustom: function (customThemeDefinitions) { themeModule.setCustom(customThemeDefinitions); },
+      colors: {
+        getColor: function (colorWithDepth) { return themeModule.colors.getColor(colorWithDepth); },
+      },
+      fonts: {
+        getFamily: function (type) { return themeModule.fonts.getFamily(type); },
+        getWeights: function () { return themeModule.fonts.getWeights(); },
+        getSize: function () { return themeModule.fonts.getSize(); },
+        getColor: function () { return themeModule.fonts.getColor(); }
+      }
     };
     if (config && config.customTheme) {
       this.theme.setCustom(config.customTheme);

package/dist/cura/cura.esm.js

@@ -1 +1 @@
-import{p as o,b as c}from"./p-abcda1d1.js";import{g as e}from"./p-d2dcd470.js";(()=>{const c=import.meta.url,e={};return""!==c&&(e.resourcesUrl=new URL(".",c).href),o(e)})().then((o=>(e(),c([["p-ac79f9d1",[[1,"dummy-component"]]],["p-5f113376",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-icon",{name:[513],color:[513],size:[8],iconset:[513],disabled:[516]}]]]],o))));
+import{p as e,b as a}from"./p-a50716bc.js";import{g as c}from"./p-265c1706.js";(()=>{const a=import.meta.url,c={};return""!==a&&(c.resourcesUrl=new URL(".",a).href),e(c)})().then((e=>(c(),a([["p-fc80cb18",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-display",{level:[514],size:[513]}],[1,"cura-heading",{level:[514],size:[513],weight:[513]}],[1,"cura-paragraph",{size:[513]}],[1,"cura-icon",{name:[513],color:[1],size:[8],iconset:[513],disabled:[4]}]]]],e))));

package/dist/cura/cura.js

@@ -115,7 +115,7 @@ DOMTokenList
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
     // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-70abb532.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-a8dcaaed.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };
 

package/dist/cura/p-265c1706.js

@@ -0,0 +1 @@
+const t={color:{primary:{100:"#71C5E8",300:"#449CD5",500:"#005EB8",700:"#004890",900:"#002855"},secondary:{100:"#F5ECE3",300:"#DDC0A2",500:"#CCA074",700:"#886B4D",900:"#292017"},accent:{100:"#F9E8D5",300:"#E4A04F",500:"#DF8D2C",700:"#955E1D",900:"#2D1C09"}},spacing:{base:4},font:{size:"14px",color:"#4A4A4A",body:"'Roboto', Arial, Helvetica, sans-serif",heading:"'Roboto', Arial, Helvetica, sans-serif",display:"'Roboto', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}},e=Object.assign(Object.assign({},t),{color:{primary:{100:"#FCEFF6",300:"#FFBFE5",500:"#CD4D9A",700:"#99126C",900:"#00133B"},secondary:{100:"#EDF3FF",300:"#BDD2FF",500:"#189AB4",700:"#001C58",900:"#430E31"}}}),r={default:t,maternidade:e},o={color:{success:{lighter:"#DFF6E9",light:"#94E1B5",base:"#5FD290",dark:"#3F8C60",darker:"#132A1D",depth100:"#DFF6E9",depth300:"#94E1B5",depth500:"#5FD290",depth700:"#3F8C60",depth900:"#132A1D"},info:{lighter:"#CFE2FF",light:"#95BFFF",base:"#6EA8FF",dark:"#517BBB",darker:"#253855",depth100:"#CFE2FF",depth300:"#95BFFF",depth500:"#6EA8FF",depth700:"#517BBB",depth900:"#253855"},error:{lighter:"#FBDDDD",light:"#F28F8F",base:"#EB5757",dark:"#9D3A3A",darker:"#2F1111",depth100:"#FBDDDD",depth300:"#F28F8F",depth500:"#EB5757",depth700:"#9D3A3A",depth900:"#2F1111"},warning:{lighter:"#FCFAC4",light:"#F8F489",base:"#F5EF4E",dark:"#A39F34",darker:"#313010",depth100:"#FCFAC4",depth300:"#F8F489",depth500:"#F5EF4E",depth700:"#A39F34",depth900:"#313010"},neutral:{0:"#FFFFFF",100:"#F6F6F6",200:"#E9E9E9",300:"#E2E2E2",400:"#D4D4D4",500:"#B7B7B7",600:"#929292",700:"#6E6E6E",800:"#4A4A4A",900:"#262626"}},icons:{sizes:["128","72","64","48","40","32","24","20","16"],strokes:["5.25","3.5","3.25","2.75","2.5","2.25","2","1.75","1.5"],"default-size":"24"},breakpoints:{small:"576px",medium:"768px",large:"992px",xlarge:"1200px"}};class s{constructor(){this.NeutralDepthAlias={purewhite:"0",white:"100",pale:"200",lighter:"300",light:"400",base:"500",medium:"600",dark:"700",darker:"800",black:"900"},this.ColorDepthAlias={lighter:"100",light:"300",base:"500",dark:"700",darker:"900"}}getColor(t="primary-base"){const{color:e,depth:r}=this.splitColorDepth(t);return this.getStatic(e,r)||this.getDynamic(e,r)}getStatic(t,e){var r,s;return(null===(r=o.color[t])||void 0===r?void 0:r[e])||(null===(s=o.color[t])||void 0===s?void 0:s[this.NeutralDepthAlias[e]])||null}getDynamic(t,e){const r=this.ColorDepthAlias[e]?`--cura-color-${t}-${this.ColorDepthAlias[e]}`:`--cura-color-${t}-${e}`;return getComputedStyle(document.body).getPropertyValue(r)?`var(${r})`:"var(--cura-color-primary-500)"}splitColorDepth(t){const[e,r]=t.toLowerCase().split(/-(.*)/);return{color:null!=e?e:"primary",depth:null!=r?r:"base"}}}class i{constructor(){this.getSize=()=>"var(--cura-font-size)",this.getColor=()=>"var(--cura-font-color)"}getFamily(t="body"){const e="--cura-font-"+t.toLowerCase();return getComputedStyle(document.body).getPropertyValue(e)?`var(${e})`:"var(--cura-font-body)"}getWeights(){const e={};return Object.keys(t.font.weights).forEach((t=>e[t]=`var(--cura-font-weights-${t})`)),e}}class a{constructor(){this.prefix="--cura",this.colors=new s,this.fonts=new i,this.setCssVar=(t,e)=>{const r=this.groupPath(e,t[0]);this.body.style.setProperty(r,t[1])},this.groupPath=(t,e)=>`${t}-${e}`,this.isObject=t=>t&&"object"==typeof t&&!Array.isArray(t),this.mergeObject=(t,e)=>{const r=Object.entries(t);for(let t of r)this.isObject(t[1])?this.mergeObject(t[1],e[t[0]]):e[t[0]]=t[1]},this.buildCssVars=(t,e)=>{const r=Object.entries(e);for(let e of r)this.isObject(e[1])?this.buildCssVars(this.groupPath(t,e[0]),e[1]):this.setCssVar(e,t)},this.body=window.document.documentElement.querySelector("body")}load(t="default"){this.buildCssVars(this.prefix,r[t]?r[t]:r.default)}setCustom(t){const e=t.name;if(e in r)console.log("Error building custom theme. Theme %s already exists. Loading default theme.",e),this.load("default");else{const o=Object.assign({},JSON.parse(JSON.stringify(t.fromPreset&&t.fromPreset in r?r[t.fromPreset]:r.default)));this.mergeObject(t.definitions,o),r[e]=o,this.load(e)}}}class n{constructor(t){this.localAssetsPath=t&&t.localAssetsPath?t.localAssetsPath:"/assets";const e=new a;this.theme={load:function(t){e.load(t)},setCustom:function(t){e.setCustom(t)},colors:{getColor:function(t){return e.colors.getColor(t)}},fonts:{getFamily:function(t){return e.fonts.getFamily(t)},getWeights:function(){return e.fonts.getWeights()},getSize:function(){return e.fonts.getSize()},getColor:function(){return e.fonts.getColor()}}},t&&t.customTheme?this.theme.setCustom(t.customTheme):this.theme.load(t&&t.theme?t.theme:"default")}}const h=function(){const t=window.CuraInit;window.CuraAPI=t?new n(t):new n;const e=window.CuraAPI;window.dispatchEvent(new CustomEvent("CuraAPIReady",{detail:{api:e}})),t&&"function"==typeof t.onReady&&t.onReady(e)};export{h as g}

package/dist/cura/p-3d8bbf37.system.js

@@ -0,0 +1 @@
+System.register([],(function(t){"use strict";return{execute:function(){var e={color:{primary:{100:"#71C5E8",300:"#449CD5",500:"#005EB8",700:"#004890",900:"#002855"},secondary:{100:"#F5ECE3",300:"#DDC0A2",500:"#CCA074",700:"#886B4D",900:"#292017"},accent:{100:"#F9E8D5",300:"#E4A04F",500:"#DF8D2C",700:"#955E1D",900:"#2D1C09"}},spacing:{base:4},font:{size:"14px",color:"#4A4A4A",body:"'Roboto', Arial, Helvetica, sans-serif",heading:"'Roboto', Arial, Helvetica, sans-serif",display:"'Roboto', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}};var r=Object.assign(Object.assign({},e),{color:{primary:{100:"#FCEFF6",300:"#FFBFE5",500:"#CD4D9A",700:"#99126C",900:"#00133B"},secondary:{100:"#EDF3FF",300:"#BDD2FF",500:"#189AB4",700:"#001C58",900:"#430E31"}}});var o={default:e,maternidade:r};var i={color:{success:{lighter:"#DFF6E9",light:"#94E1B5",base:"#5FD290",dark:"#3F8C60",darker:"#132A1D",depth100:"#DFF6E9",depth300:"#94E1B5",depth500:"#5FD290",depth700:"#3F8C60",depth900:"#132A1D"},info:{lighter:"#CFE2FF",light:"#95BFFF",base:"#6EA8FF",dark:"#517BBB",darker:"#253855",depth100:"#CFE2FF",depth300:"#95BFFF",depth500:"#6EA8FF",depth700:"#517BBB",depth900:"#253855"},error:{lighter:"#FBDDDD",light:"#F28F8F",base:"#EB5757",dark:"#9D3A3A",darker:"#2F1111",depth100:"#FBDDDD",depth300:"#F28F8F",depth500:"#EB5757",depth700:"#9D3A3A",depth900:"#2F1111"},warning:{lighter:"#FCFAC4",light:"#F8F489",base:"#F5EF4E",dark:"#A39F34",darker:"#313010",depth100:"#FCFAC4",depth300:"#F8F489",depth500:"#F5EF4E",depth700:"#A39F34",depth900:"#313010"},neutral:{0:"#FFFFFF",100:"#F6F6F6",200:"#E9E9E9",300:"#E2E2E2",400:"#D4D4D4",500:"#B7B7B7",600:"#929292",700:"#6E6E6E",800:"#4A4A4A",900:"#262626"}},icons:{sizes:["128","72","64","48","40","32","24","20","16"],strokes:["5.25","3.5","3.25","2.75","2.5","2.25","2","1.75","1.5"],"default-size":"24"},breakpoints:{small:"576px",medium:"768px",large:"992px",xlarge:"1200px"}};var a=function(){function t(){this.NeutralDepthAlias={purewhite:"0",white:"100",pale:"200",lighter:"300",light:"400",base:"500",medium:"600",dark:"700",darker:"800",black:"900"};this.ColorDepthAlias={lighter:"100",light:"300",base:"500",dark:"700",darker:"900"}}t.prototype.getColor=function(t){if(t===void 0){t="primary-base"}var e=this.splitColorDepth(t),r=e.color,o=e.depth;var i=this.getStatic(r,o);if(i)return i;return this.getDynamic(r,o)};t.prototype.getStatic=function(t,e){var r,o;return((r=i.color[t])===null||r===void 0?void 0:r[e])||((o=i.color[t])===null||o===void 0?void 0:o[this.NeutralDepthAlias[e]])||null};t.prototype.getDynamic=function(t,e){var r=this.ColorDepthAlias[e]?"--cura-color-".concat(t,"-").concat(this.ColorDepthAlias[e]):"--cura-color-".concat(t,"-").concat(e);return getComputedStyle(document.body).getPropertyValue(r)?"var(".concat(r,")"):"var(--cura-color-primary-500)"};t.prototype.splitColorDepth=function(t){var e=t.toLowerCase().split(/-(.*)/),r=e[0],o=e[1];return{color:r!==null&&r!==void 0?r:"primary",depth:o!==null&&o!==void 0?o:"base"}};return t}();var n=function(){function t(){this.getSize=function(){return"var(--cura-font-size)"};this.getColor=function(){return"var(--cura-font-color)"}}t.prototype.getFamily=function(t){if(t===void 0){t="body"}var e="--cura-font-".concat(t.toLowerCase());return getComputedStyle(document.body).getPropertyValue(e)?"var(".concat(e,")"):"var(--cura-font-body)"};t.prototype.getWeights=function(){var t={};Object.keys(e.font.weights).forEach((function(e){return t[e]="var(--cura-font-weights-".concat(e,")")}));return t};return t}();var s=function(){function t(){var t=this;this.prefix="--cura";this.colors=new a;this.fonts=new n;this.setCssVar=function(e,r){var o=t.groupPath(r,e[0]);t.body.style.setProperty(o,e[1])};this.groupPath=function(t,e){return"".concat(t,"-").concat(e)};this.isObject=function(t){return t&&typeof t==="object"&&!Array.isArray(t)};this.mergeObject=function(e,r){var o=Object.entries(e);for(var i=0,a=o;i<a.length;i++){var n=a[i];if(t.isObject(n[1])){t.mergeObject(n[1],r[n[0]])}else{r[n[0]]=n[1]}}};this.buildCssVars=function(e,r){var o=Object.entries(r);for(var i=0,a=o;i<a.length;i++){var n=a[i];if(t.isObject(n[1])){t.buildCssVars(t.groupPath(e,n[0]),n[1])}else{t.setCssVar(n,e)}}};this.body=window.document.documentElement.querySelector("body")}t.prototype.load=function(t){if(t===void 0){t="default"}var e=o[t]?o[t]:o.default;this.buildCssVars(this.prefix,e)};t.prototype.setCustom=function(t){var e=t.name;if(e in o){console.log("Error building custom theme. Theme %s already exists. Loading default theme.",e);this.load("default")}else{var r=t.fromPreset&&t.fromPreset in o?o[t.fromPreset]:o.default;var i=Object.assign({},JSON.parse(JSON.stringify(r)));this.mergeObject(t.definitions,i);o[e]=i;this.load(e)}};return t}();var c=function(){function t(t){this.localAssetsPath=t&&t.localAssetsPath?t.localAssetsPath:"/assets";var e=new s;this.theme={load:function(t){e.load(t)},setCustom:function(t){e.setCustom(t)},colors:{getColor:function(t){return e.colors.getColor(t)}},fonts:{getFamily:function(t){return e.fonts.getFamily(t)},getWeights:function(){return e.fonts.getWeights()},getSize:function(){return e.fonts.getSize()},getColor:function(){return e.fonts.getColor()}}};if(t&&t.customTheme){this.theme.setCustom(t.customTheme)}else{var r=t&&t.theme?t.theme:"default";this.theme.load(r)}}return t}();function l(){var t=window.CuraInit;window.CuraAPI=t?new c(t):new c;var e=window.CuraAPI;window.dispatchEvent(new CustomEvent("CuraAPIReady",{detail:{api:e}}));if(t&&typeof t.onReady==="function")t.onReady(e)}var u=t("g",l)}}}));

package/dist/cura/p-a50716bc.js

@@ -0,0 +1,2 @@
+let t,e,n=!1,l=!1;const s="http://www.w3.org/1999/xlink",o={},r=t=>"object"==(t=typeof t)||"function"===t,c=(t,e,...n)=>{let l=null,s=!1,o=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!r(l))&&(l+=""),s&&o?c[c.length-1].t+=l:c.push(s?i(null,l):l),o=s)};if(u(n),e){const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}const a=i(t,null);return a.l=e,c.length>0&&(a.o=c),a},i=(t,e)=>({i:0,u:t,t:e,h:null,o:null,l:null}),u={},a=t=>H(t).$,f=new WeakMap,h=t=>"sc-"+t.p,y=(t,e,n,l,o,c)=>{if(n!==l){let i=U(t,e),u=e.toLowerCase();if("class"===e){const e=t.classList,s=p(n),o=p(l);e.remove(...s.filter((t=>t&&!o.includes(t)))),e.add(...o.filter((t=>t&&!s.includes(t))))}else if("style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if(i||"o"!==e[0]||"n"!==e[1]){const a=r(l);if((i||a&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[e]=l;else{const s=null==l?"":l;"list"===e?i=!1:null!=n&&t[e]==s||(t[e]=s)}}catch(t){}let f=!1;u!==(u=u.replace(/^xlink\:?/,""))&&(e=u,f=!0),null==l||!1===l?!1===l&&""!==t.getAttribute(e)||(f?t.removeAttributeNS(s,e):t.removeAttribute(e)):(!i||4&c||o)&&!a&&(l=!0===l?"":l,f?t.setAttributeNS(s,e,l):t.setAttribute(e,l))}else e="-"===e[2]?e.slice(3):U(z,u)?u.slice(2):u[2]+e.slice(3),n&&D.rel(t,e,n,!1),l&&D.ael(t,e,l,!1)}},$=/\s/,p=t=>t?t.split($):[],w=(t,e,n,l)=>{const s=11===e.h.nodeType&&e.h.host?e.h.host:e.h,r=t&&t.l||o,c=e.l||o;for(l in r)l in c||y(s,l,r[l],void 0,n,e.i);for(l in c)y(s,l,r[l],c[l],n,e.i)},d=(e,l,s)=>{const o=l.o[s];let r,c,i=0;if(null!==o.t)r=o.h=B.createTextNode(o.t);else{if(n||(n="svg"===o.u),r=o.h=B.createElementNS(n?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.u),n&&"foreignObject"===o.u&&(n=!1),w(null,o,n),null!=t&&r["s-si"]!==t&&r.classList.add(r["s-si"]=t),o.o)for(i=0;i<o.o.length;++i)c=d(e,o,i),c&&r.appendChild(c);"svg"===o.u?n=!1:"foreignObject"===r.tagName&&(n=!0)}return r},m=(t,n,l,s,o,r)=>{let c,i=t;for(i.shadowRoot&&i.tagName===e&&(i=i.shadowRoot);o<=r;++o)s[o]&&(c=d(null,l,o),c&&(s[o].h=c,i.insertBefore(c,n)))},b=(t,e,n,l)=>{for(;e<=n;++e)(l=t[e])&&l.h.remove()},g=(t,e)=>t.u===e.u,v=(t,e)=>{const l=e.h=t.h,s=t.o,o=e.o,r=e.u,c=e.t;null===c?(n="svg"===r||"foreignObject"!==r&&n,"slot"===r||w(t,e,n),null!==s&&null!==o?((t,e,n,l)=>{let s,o=0,r=0,c=e.length-1,i=e[0],u=e[c],a=l.length-1,f=l[0],h=l[a];for(;o<=c&&r<=a;)null==i?i=e[++o]:null==u?u=e[--c]:null==f?f=l[++r]:null==h?h=l[--a]:g(i,f)?(v(i,f),i=e[++o],f=l[++r]):g(u,h)?(v(u,h),u=e[--c],h=l[--a]):g(i,h)?(v(i,h),t.insertBefore(i.h,u.h.nextSibling),i=e[++o],h=l[--a]):g(u,f)?(v(u,f),t.insertBefore(u.h,i.h),u=e[--c],f=l[++r]):(s=d(e&&e[r],n,r),f=l[++r],s&&i.h.parentNode.insertBefore(s,i.h));o>c?m(t,null==l[a+1]?null:l[a+1].h,n,l,r,a):r>a&&b(e,o,c)})(l,s,e,o):null!==o?(null!==t.t&&(l.textContent=""),m(l,null,e,o,0,o.length-1)):null!==s&&b(s,0,s.length-1),n&&"svg"===r&&(n=!1)):t.t!==c&&(l.data=c)},S=(t,e)=>{e&&!t.m&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.m=e)))},j=(t,e)=>{if(t.i|=16,!(4&t.i))return S(t,t.g),tt((()=>k(t,e)));t.i|=512},k=(t,e)=>{const n=t.v;return P(void 0,(()=>O(t,n,e)))},O=async(t,e,n)=>{const l=t.$,s=l["s-rc"];n&&(t=>{const e=t.S,n=t.$,l=e.i,s=((t,e)=>{let n=h(e);const l=_.get(n);if(t=11===t.nodeType?t:B,l)if("string"==typeof l){let e,s=f.get(t=t.head||t);s||f.set(t,s=new Set),s.has(n)||(e=B.createElement("style"),e.innerHTML=l,t.insertBefore(e,t.querySelector("link")),s&&s.add(n))}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"))})(t);M(t,e),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=l["s-p"],n=()=>C(t);0===e.length?n():(Promise.all(e).then(n),t.i|=4,e.length=0)}},M=(n,l)=>{try{l=l.render(),n.i&=-17,n.i|=2,((n,l)=>{const s=n.$,o=n.S,r=n.j||i(null,null),a=(t=>t&&t.u===u)(l)?l:c(null,null,l);e=s.tagName,o.k&&(a.l=a.l||{},o.k.map((([t,e])=>a.l[e]=s[t]))),a.u=null,a.i|=4,n.j=a,a.h=r.h=s.shadowRoot||s,t=s["s-sc"],v(r,a)})(n,l)}catch(t){W(t,n.$)}return null},C=t=>{const e=t.$,n=t.g;64&t.i||(t.i|=64,E(e),t.O(e),n||x()),t.m&&(t.m(),t.m=void 0),512&t.i&&Z((()=>j(t,!1))),t.i&=-517},x=()=>{E(B.documentElement),Z((()=>(t=>{const e=D.ce("appload",{detail:{namespace:"cura"}});return t.dispatchEvent(e),e})(z)))},P=(t,e)=>t&&t.then?t.then(e):e(),E=t=>t.classList.add("hydrated"),N=(t,e,n)=>{if(e.M){t.watchers&&(e.C=t.watchers);const l=Object.entries(e.M),s=t.prototype;if(l.map((([t,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,t,{get(){return((t,e)=>H(this).P.get(e))(0,t)},set(n){((t,e,n,l)=>{const s=H(t),o=s.$,c=s.P.get(e),i=s.i,u=s.v;if(n=((t,e)=>null==t||r(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t)(n,l.M[e][0]),(!(8&i)||void 0===c)&&n!==c&&(!Number.isNaN(c)||!Number.isNaN(n))&&(s.P.set(e,n),u)){if(l.C&&128&i){const t=l.C[e];t&&t.map((t=>{try{u[t](n,c,e)}catch(t){W(t,o)}}))}2==(18&i)&&j(s,!1)}})(this,t,n,e)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;s.attributeChangedCallback=function(t,e,l){D.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(s.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},t.observedAttributes=l.filter((([t,e])=>15&e[0])).map((([t,l])=>{const s=l[1]||t;return n.set(s,t),512&l[0]&&e.k.push([t,s]),s}))}}return t},T=t=>{((t,e)=>{if(t&&t[e])try{t[e](void 0)}catch(t){W(t)}})(t,"connectedCallback")},A=(t,e={})=>{const n=[],l=e.exclude||[],s=z.customElements,o=B.head,r=o.querySelector("meta[charset]"),c=B.createElement("style"),i=[];let u,a=!0;Object.assign(D,e),D.N=new URL(e.resourcesUrl||"./",B.baseURI).href,t.map((t=>{t[1].map((e=>{const o={i:e[0],p:e[1],M:e[2],T:e[3]};o.M=e[2],o.k=[],o.C={};const r=o.p,c=class extends HTMLElement{constructor(t){super(t),R(t=this,o),1&o.i&&t.attachShadow({mode:"open"})}connectedCallback(){u&&(clearTimeout(u),u=null),a?i.push(this):D.jmp((()=>(t=>{if(0==(1&D.i)){const e=H(t),n=e.S,l=()=>{};if(1&e.i)T(e.v);else{e.i|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){S(e,e.g=n);break}}n.M&&Object.entries(n.M).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n,l,s)=>{if(0==(32&e.i)){{if(e.i|=32,(s=V(n)).then){const t=()=>{};s=await s,t()}s.isProxied||(n.C=s.watchers,N(s,n,2),s.isProxied=!0);const t=()=>{};e.i|=8;try{new s(e)}catch(t){W(t)}e.i&=-9,e.i|=128,t(),T(e.v)}if(s.style){let t=s.style;const e=h(n);if(!_.has(e)){const l=()=>{};((t,e,n)=>{let l=_.get(t);I&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,_.set(t,l)})(e,t,!!(1&n.i)),l()}}}const o=e.g,r=()=>j(e,!0);o&&o["s-rc"]?o["s-rc"].push(r):r()})(0,e,n)}l()}})(this)))}disconnectedCallback(){D.jmp((()=>{}))}componentOnReady(){return H(this).A}};o.F=t[0],l.includes(r)||s.get(r)||(n.push(r),s.define(r,N(c,o,1)))}))})),c.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),o.insertBefore(c,r?r.nextSibling:o.firstChild),a=!1,i.length?i.map((t=>t.connectedCallback())):D.jmp((()=>u=setTimeout(x,30)))},F=new WeakMap,H=t=>F.get(t),L=(t,e)=>F.set(e.v=t,e),R=(t,e)=>{const n={i:0,$:t,S:e,P:new Map};return n.A=new Promise((t=>n.O=t)),t["s-p"]=[],t["s-rc"]=[],F.set(t,n)},U=(t,e)=>e in t,W=(t,e)=>(0,console.error)(t,e),q=new Map,V=t=>{const e=t.p.replace(/-/g,"_"),n=t.F,l=q.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(q.set(n,t),t[e])),W)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},_=new Map,z="undefined"!=typeof window?window:{},B=z.document||{head:{}},D={i:0,N:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},G=t=>Promise.resolve(t),I=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),J=[],K=[],Q=(t,e)=>n=>{t.push(n),l||(l=!0,e&&4&D.i?Z(Y):D.raf(Y))},X=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){W(t)}t.length=0},Y=()=>{X(J),X(K),(l=J.length>0)&&D.raf(Y)},Z=t=>G().then(t),tt=Q(K,!0);export{u as H,A as b,a as g,c as h,G as p,L as r}

package/dist/cura/p-a8dcaaed.system.js

@@ -0,0 +1 @@
+System.register(["./p-e447016d.system.js","./p-3d8bbf37.system.js"],(function(e,r){"use strict";var s,t,n;return{setters:[function(e){s=e.p;t=e.b},function(e){n=e.g}],execute:function(){var e=function(){var e=r.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return s(t)};e().then((function(e){n();return t([["p-fc50b109.system",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-display",{level:[514],size:[513]}],[1,"cura-heading",{level:[514],size:[513],weight:[513]}],[1,"cura-paragraph",{size:[513]}],[1,"cura-icon",{name:[513],color:[1],size:[8],iconset:[513],disabled:[4]}]]]],e)}))}}}));