@rededor/cura 0.5.1 → 0.5.2

package/dist/cjs/{app-globals-0e3b7fc6.js → app-globals-2988084b.js}

@@ -244,10 +244,10 @@ const Static = {
     },
     large: {
       min: 993,
-      max: 1919
+      max: 1920
     },
     xlarge: {
-      min: 1920,
+      min: 1921,
       max: 4096
     }
   }
@@ -282,7 +282,7 @@ class CuraThemeColorsModule {
    */
   getColor(colorWithDepth = "primary-base", opacity = 1) {
     const { color, depth } = this.splitColorDepth(colorWithDepth);
-    const staticColor = this.getStatic(color, depth);
+    const staticColor = this.getStatic(color, depth, opacity);
     if (staticColor)
       return staticColor;
     return this.getDynamic(color, depth, opacity);
@@ -382,7 +382,7 @@ class CuraThemeBreakpointsModule {
   get(size = null, position = null) {
     if (size) {
       const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];
-      if (breakpoint)
+      if (breakpoint || breakpoint === 0)
         return breakpoint;
     }
     return Static.breakpoints;
@@ -508,4 +508,4 @@ const globalScripts = appGlobalScript;
 
 exports.globalScripts = globalScripts;
 
-//# sourceMappingURL=app-globals-0e3b7fc6.js.map
+//# sourceMappingURL=app-globals-2988084b.js.map

package/dist/cjs/app-globals-2988084b.js.map

@@ -0,0 +1 @@
+{"file":"app-globals-2988084b.js","mappings":"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","names":[],"sources":["./src/api/theme-presets/theme-default.ts","./src/api/theme-presets/theme-maternity.ts","./src/api/theme-presets/theme-oncology.ts","./src/api/theme-presets/theme-legacy-default.ts","./src/api/theme-presets/theme-presets.ts","./src/api/theme-presets/static.ts","./src/api/modules/cura-theme-colors-module.ts","./src/api/modules/cura-theme-spacing-module.ts","./src/api/modules/cura-theme-fonts-module.ts","./src/api/modules/cura-theme-breakpoints-module.ts","./src/api/modules/cura-theme-module.ts","./src/api/cura-api.ts","./src/rededor-cura-start.ts","@stencil/core/internal/app-globals"],"sourcesContent":["/**\n * Cura Default Theme\n */\nexport const ThemeDefault = {\n  /* Colors */\n  color: {\n    primary: {\n      '100': '113,197,232',\n      '300': '68,142,205',\n      '500': '0,61,165',\n      '700': '0,48,117',\n      '900': '0,40,85'\n    },\n    secondary: {\n      '100': '245,236,227',\n      '300': '221,192,162',\n      '500': '204,160,116',\n      '700': '136,107,77',\n      '900': '41,32,23'\n    },\n    accent: {\n      '100': '255,194,123',\n      '300': '255,168,74',\n      '500': '255,130,0',\n      '700': '215,114,10',\n      '900': '155,90,26'\n    }\n  },\n  /* Spacing */\n  spacing: {\n    base: 4,\n  },\n  /* Fonts */\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Roboto', Arial, Helvetica, sans-serif\",\n    heading: \"'Roboto', Arial, Helvetica, sans-serif\",\n    display: \"'Roboto', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","/**\n * Maternity Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeMaternity = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '248,227,226',\n      '300': '255,179,171',\n      '500': '218,113,111',\n      '700': '145,75,74',\n      '900': '73,38,37'\n    },\n    secondary: {\n      '100': '253,251,249',\n      '300': '247,244,238',\n      '500': '245,236,227',\n      '700': '204,197,189',\n      '900': '163,157,151'\n    },\n    accent: {\n      '100': '236,239,249',\n      '300': '133,153,203',\n      '500': '11,20,151',\n      '700': '7,13,101',\n      '900': '4,7,50'\n    }\n  },\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Gotham', Arial, Helvetica, sans-serif\",\n    heading: \"'Gotham', Arial, Helvetica, sans-serif\",\n    display: \"'Gotham', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 325,\n      light: 325,\n      regular: 325,\n      medium: 350,\n      bold: 400,\n      black: 425\n    },\n  }\n};\n","/**\n * Oncology Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeOncology = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '170,190,225',\n      '300': '85,126,196',\n      '500': '0,61,166',\n      '700': '0,41,111',\n      '900': '0,12,33'\n    },\n    secondary: {\n      '100': '205,215,227',\n      '300': '155,175,199',\n      '500': '104,134,171',\n      '700': '54,95,143',\n      '900': '4,54,115',\n    },\n    accent: {\n      '100': '153,207,255',\n      '300': '71,169,255',\n      '500': '0,131,245',\n      '700': '0,109,204',\n      '900': '0,88,164',\n    },\n    aux: {\n      '100': '218,242,239',\n      '300': '132,212,202',\n      '500': '71,191,176',\n      '700': '33,100,92',\n      '900': '14,38,35',\n    },\n  },\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    heading: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    display: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","/**\n * Legacy Default Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeLegacyDefault = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '204,217,231',\n      '300': '85,128,174',\n      '500': '0,65,134',\n      '700': '0,43,89',\n      '900': '0,13,27'\n    },\n    secondary: {\n      '100': '238,232,206',\n      '300': '198,180,92',\n      '500': '170,142,11',\n      '700': '113,95,7',\n      '900': '34,28,2'\n    },\n    accent: {\n      '100': '249,232,213',\n      '300': '228,160,79',\n      '500': '223,141,44',\n      '700': '149,94,29',\n      '900': '45,28,9'\n    }\n  }\n};\n","import { ThemeDefault } from './theme-default';\nimport { ThemeMaternity } from './theme-maternity';\nimport { ThemeOncology } from './theme-oncology';\nimport { ThemeLegacyDefault } from './theme-legacy-default';\n\nexport const ThemePresets = {\n  'default': ThemeDefault,\n  'maternidade': ThemeMaternity,\n  'oncologia': ThemeOncology,\n  'legacyDefault': ThemeLegacyDefault\n};\n","/**\n * Static\n */\nexport const Static = {\n  /* Colors */\n  color: {\n    success: {\n      '100': '223,246,233',\n      '300': '148,225,181',\n      '500': '95,210,144',\n      '700': '49,115,77',\n      '900': '19,42,29',\n    },\n    info: {\n      '100': '207,226,255',\n      '300': '149,191,255',\n      '500': '110,168,255',\n      '700': '66,100,153',\n      '900': '37,56,85',\n    },\n    error: {\n      '100': '251,221,221',\n      '300': '242,143,143',\n      '500': '235,87,87',\n      '700': '157,58,58',\n      '900': '47,17,17',\n    },\n    warning: {\n      '100': '252,250,196',\n      '300': '248,244,137',\n      '500': '245,239,78',\n      '700': '108,106,32',\n      '900': '49,48,16',\n    },\n    neutral: {\n      '0': '255,255,255',\n      '100': '246,246,246',\n      '200': '233,233,233',\n      '300': '226,226,226',\n      '400': '212,212,212',\n      '500': '183,183,183',\n      '600': '146,146,146',\n      '700': '110,110,110',\n      '800': '74,74,74',\n      '900': '38,38,38',\n    },\n  },\n  breakpoints: {\n    xsmall: {\n      min: 0,\n      max: 480\n    },\n    small: {\n      min: 481,\n      max: 768\n    },\n    medium: {\n      min: 769,\n      max: 992\n    },\n    large: {\n      min: 993,\n      max: 1920\n    },\n    xlarge: {\n      min: 1921,\n      max: 4096\n    }\n  }\n};\n","import { Static } from \"../theme-presets/static\";\n\nexport default class CuraThemeColorsModule {\n\n  NeutralDepthAlias = {\n    'purewhite': '0',\n    'white': '100',\n    'pale': '200',\n    'lighter': '300',\n    'light': '400',\n    'base': '500',\n    'medium': '600',\n    'dark': '700',\n    'darker': '800',\n    'black': '900',\n  };\n\n  ColorDepthAlias = {\n    'lighter': '100',\n    'light': '300',\n    'base': '500',\n    'dark': '700',\n    'darker': '900'\n  }\n\n  constructor() {}\n\n  /**\n   * Get theme color.\n   * @param colorWithDepth string Ex.: primary-light\n   * @returns RGBA value.\n   */\n  getColor(colorWithDepth: string = \"primary-base\", opacity = 1): string {\n    const { color, depth } = this.splitColorDepth(colorWithDepth);\n    const staticColor = this.getStatic(color, depth, opacity);\n    if (staticColor) return staticColor;\n    return this.getDynamic(color, depth, opacity);\n  }\n\n  /**\n   * Internal: Look for static color by name and depth.\n   * @param color Color name.\n   * @param depth Depth number or alias.\n   * @returns RGBA value.\n   */\n  getStatic(color: string, depth: string, opacity = 1) {\n    const colorObj = Static.color[color];\n    if (!colorObj) return null;\n    const alias = color === 'neutral' ? this.NeutralDepthAlias[depth] : this.ColorDepthAlias[depth];\n    return Static.color[color]?.[alias]\n      ? `rgba(${Static.color[color]?.[alias]}, ${opacity})`\n      : `rgba(${Static.color[color]?.[depth]}, ${opacity})`;\n  }\n\n  /**\n   * Internal: Look for theme dynamic colors.\n   * @param color Color name.\n   * @param depth Color depth.\n   * @returns RGBA value.\n   */\n  getDynamic(color: string, depth: string, opacity: number) {\n    const themeVar = this.ColorDepthAlias[depth]\n      ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`\n      : `--cura-color-${color}-${depth}`;\n    return getComputedStyle(document.documentElement).getPropertyValue(themeVar)\n      ? `rgba(var(${themeVar}), ${opacity})`\n      : `rgba(var(--cura-color-primary-500), ${opacity})`;\n  }\n\n  /**\n   * Internal: Split color strings\n   * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.\n   * @returns Object { color: string, depth: string }.\n   */\n  private splitColorDepth(colorWithDepth: string): { color: string, depth: string } {\n    const [ color, depth ] = colorWithDepth.toLowerCase().split(/-(.*)/);\n    return { color: color ?? \"primary\", depth: depth ?? \"base\" };\n  }\n\n}\n","export default class CuraThemeSpacingModule {\n\n  private curaSpacing = '--cura-spacing-base';\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  getSpacing(): string {\n    if (getComputedStyle(document.body).getPropertyValue(this.curaSpacing)) {\n      return `var(${this.curaSpacing})`;\n    }\n    return '4';\n  }\n}\n","import { ThemeDefault } from \"../theme-presets/theme-default\";\n\nexport default class CuraThemeFontsModule {\n\n  constructor() {}\n\n  /**\n   * Get the CSS variable related to the font family defined by the theme.\n   * @param type 'body' | 'heading' | 'display'\n   * @returns Related css variable as a string.\n   */\n  getFamily(type: string = \"body\"): string {\n    const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;\n    return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)\n      ? `var(${curaFontFamilyCSSVar})`\n      : 'var(--cura-font-body)';\n  }\n\n  /**\n   * Get the CSS variables related to font weights defined by the theme.\n   * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.\n   */\n  getWeights(): any {\n    const weights = {};\n    Object.keys(ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);\n    return weights;\n  }\n\n  /**\n   * Get the CSS variable related to the font size base defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getSize = () => `var(--cura-font-size)`;\n\n  /**\n   * Get CSS variable related to the font color defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getColor = () => `var(--cura-font-color)`;\n\n}\n","import { Static } from '../theme-presets/static';\n\nexport default class CuraThemeBreakpointsModule {\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  get(size: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' = null, position: 'min' | 'max' = null): any {\n    if (size) {\n      const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];\n      if (breakpoint || breakpoint === 0) return breakpoint;\n    }\n    return Static.breakpoints;\n  }\n}\n","import { ThemePresets } from \"../theme-presets/theme-presets\";\nimport { CuraCustomTheme } from \"../cura-api.type\";\nimport CuraThemeColorsModule from \"./cura-theme-colors-module\";\nimport CuraThemeSpacingModule from \"./cura-theme-spacing-module\";\nimport CuraThemeFontsModule from \"./cura-theme-fonts-module\";\nimport CuraThemeBreakpointsModule from \"./cura-theme-breakpoints-module\";\n\nexport default class CuraThemeModule {\n\n  rootElement: HTMLElement;\n  prefix = '--cura';\n  colors = new CuraThemeColorsModule();\n  spacing = new CuraThemeSpacingModule();\n  fonts = new CuraThemeFontsModule();\n  breakpoints = new CuraThemeBreakpointsModule();\n\n  constructor() {\n    this.rootElement = window.document.documentElement;\n  }\n\n  /**\n   * Load a theme.\n   * @param theme Theme tag.\n   */\n  load(theme = 'default') {\n    const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;\n    this.buildCssVars(this.prefix, preset);\n  }\n\n  /**\n   * Define a custom theme\n   * @param customTheme Custom theme object definition\n   */\n  setCustom(customTheme: CuraCustomTheme) {\n    const customTag = customTheme.name;\n    if (customTag in ThemePresets) {\n      console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);\n      this.load('default');\n    } else {\n      const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets\n        ? ThemePresets[customTheme.fromPreset]\n        : ThemePresets.default;\n      const newTheme = {...JSON.parse(JSON.stringify(preset))};\n      this.mergeObject(customTheme.definitions, newTheme);\n      ThemePresets[customTag] = newTheme;\n      this.load(customTag);\n    }\n  }\n\n  /* Private */\n\n  /** Set css var based on object structure */\n  setCssVar = (prop, path) => {\n    const varName = this.groupPath(path, prop[0]);\n    this.rootElement.style.setProperty(varName, prop[1]);\n  }\n\n  groupPath = (a, b) => `${a}-${b}`;\n\n  isObject = (val) => {\n    return val && typeof val === 'object' && !Array.isArray(val);\n  }\n\n  /** Deep merge objects */\n  mergeObject = (from, to) => {\n    const entries = Object.entries(from);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.mergeObject(e[1], to[e[0]]);\n      } else {\n        to[e[0]] = e[1];\n      }\n    }\n  }\n\n  /** Set css vars from preset object */\n  buildCssVars = (path, obj) => {\n    const entries = Object.entries(obj);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.buildCssVars(this.groupPath(path, e[0]), e[1]);\n      } else {\n        this.setCssVar(e, path);\n      }\n    }\n  }\n}\n","import { CuraConfig, APIThemeFunctions, CuraCustomTheme } from './cura-api.type';\nimport CuraThemeModule from './modules/cura-theme-module';\n\nexport default class CuraAPI {\n\n  theme: APIThemeFunctions;\n  localAssetsPath: string;\n\n  constructor (config?: CuraConfig) {\n    this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;\n    const themeModule = new CuraThemeModule();\n    this.theme = {\n      load: function(themeTag: string) { themeModule.load(themeTag); },\n      setCustom: function(customThemeDefinitions: CuraCustomTheme) { themeModule.setCustom(customThemeDefinitions); },\n      colors: {\n        getColor: function(colorWithDepth?: string, opacity?: number) { return themeModule.colors.getColor(colorWithDepth, opacity) },\n      },\n      fonts: {\n        getFamily: function(type?: string) { return themeModule.fonts.getFamily(type) },\n        getWeights: function() { return themeModule.fonts.getWeights() },\n        getSize: function() { return themeModule.fonts.getSize() },\n        getColor: function() { return themeModule.fonts.getColor() }\n      },\n      spacing: {\n        getSpacing: function() { return themeModule.spacing.getSpacing(); },\n      },\n      breakpoints: {\n        get: function(size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge', position?: 'min' | 'max') { return themeModule.breakpoints.get(size, position); }\n      }\n   };\n    if (config && config.customTheme) {\n      this.theme.setCustom(config.customTheme);\n    } else {\n      const theme = config && config.theme ? config.theme : 'default';\n      this.theme.load(theme);\n    }\n  }\n\n}\n","import CuraAPI from './api/cura-api';\nimport { CuraConfig } from './api/cura-api.type';\n// import { setAssetPath } from '@stencil/core';\n\n// setAssetPath(import.meta.url);\ndeclare global {\n  interface Window {\n    CuraAPI?: CuraAPI,\n    CuraInit?: CuraConfig\n  }\n}\n\nexport default function() {\n  const config = window.CuraInit;\n  window.CuraAPI = config ? new CuraAPI(config) : new CuraAPI();\n  const api = window.CuraAPI;\n  window.dispatchEvent(new CustomEvent(\"CuraAPIReady\", { detail: {api} }));\n  if (config && typeof config.onReady === 'function') config.onReady(api);\n}\n","import appGlobalScript from '/Users/fellipesoares/Code/cura/packages/component-lib/src/rededor-cura-start.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/cjs/cura-accordion_8.cjs.entry.js

@@ -0,0 +1,452 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-404d93e9.js');
+
+const 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%}";
+
+const CuraAccordion = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.mutationObserverCallback = (mutations, _) => {
+      var _a;
+      for (const mutation of mutations) {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'opened' && ((_a = mutation.target) === null || _a === void 0 ? void 0 : _a['opened'])) {
+          if (this.behavior !== 'default')
+            continue;
+          this.host.querySelectorAll('cura-accordion-item').forEach(item => {
+            if (item != mutation.target) {
+              item.opened = false;
+            }
+          });
+        }
+        if (mutation.type === 'childList') {
+          const addedNodes = Array.from(mutation.addedNodes || []);
+          for (let node of addedNodes) {
+            this.setChildProperties(node);
+          }
+        }
+      }
+    };
+    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 = {};
+  }
+  handleChangeColor() {
+    this.setColors();
+  }
+  connectedCallback() {
+    const weights = 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'] = weights.regular;
+    this.setColors();
+  }
+  componentDidLoad() {
+    this.host.querySelectorAll('cura-accordion-item').forEach(item => {
+      this.setChildProperties(item);
+    });
+    const options = { childList: true, subtree: true, attributes: true };
+    this.mutationObserver.observe(this.host, options);
+  }
+  disconnectedCallback() {
+    this.mutationObserver.disconnect();
+  }
+  setChildProperties(item) {
+    // Theme
+    item.colorMode = this.colorMode;
+    item.iconColor = this.iconColor || this.color;
+    item.iconActiveColor = this.iconActiveColor || this.activeColor;
+    // Icon
+    item.iconSize = this.iconSize;
+    item.openIcon = this.openIcon;
+    item.closeIcon = this.closeIcon;
+  }
+  setColors() {
+    this.styles = Object.assign(Object.assign({}, this.styles), { '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`), '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`), '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`), '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`), '--color-active-lighter': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-lighter`), '--color-active-light': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-light`), '--color-active-base': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-base`), '--color-active-dark': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-dark`), '--icon-color-lighter': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-lighter`), '--icon-color-light': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-light`), '--icon-color-base': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-base`), '--icon-color-dark': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-dark`), '--icon-color-active-lighter': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-lighter`), '--icon-color-active-light': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-light`), '--icon-color-active-base': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-base`), '--icon-color-active-dark': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-dark`) });
+  }
+  render() {
+    return (index.h(index.Host, { style: this.styles }, index.h("slot", { name: 'accordion-item' })));
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "color": ["handleChangeColor"],
+    "activeColor": ["handleChangeColor"]
+  }; }
+};
+CuraAccordion.style = curaAccordionCss;
+
+const 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}}";
+
+const CuraAccordionItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.label = '';
+    this.iconSize = 32;
+    this.openIcon = 'down';
+    this.closeIcon = 'up';
+    this.iconColor = '';
+    this.iconActiveColor = '';
+    this.colorMode = 'dark';
+    this.opened = false;
+    this.styles = {};
+  }
+  getIconColor() {
+    const inverted = this.colorMode === 'light';
+    const iconColor = inverted ? 'neutral-lighter' : `${this.iconColor}-base`;
+    const iconActiveColor = inverted ? 'neutral-purewhite' : `${this.iconActiveColor}-base`;
+    return this.opened ? iconActiveColor : iconColor;
+  }
+  getClasses() {
+    const classes = {};
+    classes['accordion-item'] = true;
+    classes['active'] = this.opened;
+    classes['inverted'] = this.colorMode === 'light';
+    return classes;
+  }
+  accordionItemClick(_) {
+    this.opened = !this.opened;
+  }
+  render() {
+    return (index.h(index.Host, { slot: "accordion-item" }, index.h("div", { class: this.getClasses(), style: this.styles }, index.h("div", { class: "label", onClick: e => this.accordionItemClick(e) }, index.h("div", { class: "label-container" }, index.h("span", null, this.label), index.h("cura-icon", { name: this.opened ? this.closeIcon : this.openIcon, size: this.iconSize, color: this.getIconColor() }))), index.h("div", { class: 'content' }, index.h("div", { class: "content-wrapper" }, index.h("slot", null))))));
+  }
+};
+CuraAccordionItem.style = curaAccordionItemCss;
+
+const 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}";
+
+const CuraButton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = {};
+  }
+  handleChangeColor() {
+    this.setColors();
+  }
+  connectedCallback() {
+    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();
+  }
+  getClasses() {
+    const classes = {};
+    classes[`${this.size.toLowerCase()}`] = true;
+    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;
+    classes[`icon-only`] = this.iconOnly;
+    classes['inverted'] = this.fontColor === 'light';
+    classes['disabled'] = this.disabled;
+    classes['isLoading'] = this.isLoading;
+    return classes;
+  }
+  setColors() {
+    this.styles = Object.assign(Object.assign({}, this.styles), { '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`), '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`), '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`) });
+  }
+  getIcon() {
+    if (!this.iconName)
+      return '';
+    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;
+    const color = this.getSymbolColor();
+    return index.h("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: color });
+  }
+  getSymbolColor() {
+    return this.disabled
+      ? 'neutral-dark'
+      : this.fontColor === 'light'
+        ? 'neutral-white'
+        : 'neutral-black';
+  }
+  handleClick(e) {
+    if (this.disabled || this.isLoading)
+      e.preventDefault();
+  }
+  render() {
+    return (index.h(index.Host, null, this.href ? (index.h("a", { href: this.disabled ? '' : this.href, target: this.target, class: this.getClasses(), style: this.styles, onClick: (e) => this.handleClick(e) }, index.h("span", { class: "button-container" }, this.getIcon(), index.h("span", { class: { label: true, inverted: this.fontColor === 'light' } }, index.h("slot", null))), index.h("cura-loader-circle", { size: this.size, color: this.getSymbolColor() }))) : (index.h("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e) }, index.h("span", { class: "button-container" }, this.getIcon(), index.h("span", { class: { label: true, inverted: this.fontColor === 'light' } }, index.h("slot", null))), index.h("cura-loader-circle", { size: this.size, color: this.getSymbolColor() })))));
+  }
+  static get watchers() { return {
+    "color": ["handleChangeColor"]
+  }; }
+};
+CuraButton.style = curaButtonCss;
+
+const 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)}";
+
+const CuraHeading = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = {};
+  }
+  handleChangeColor() {
+    this.setColors();
+  }
+  connectedCallback() {
+    this.setFontProperties();
+    this.setColors();
+  }
+  getClasses() {
+    const classes = {};
+    classes[this.size.toLowerCase()] = true;
+    classes[`${this.weight.toLowerCase()}-weight`] = true;
+    return classes;
+  }
+  setFontProperties() {
+    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
+    };
+  }
+  hostCSSProperties() {
+    return {
+      '--margin-block': this.marginBlock,
+      '--font-size-base': this.fontSizeBase,
+      '--line-height': this.lineHeight
+    };
+  }
+  setColors() {
+    const fontColor = this.color
+      ? this.theme.colors.getColor(this.color)
+      : this.theme.fonts.getColor();
+    this.styles = Object.assign(Object.assign({}, this.styles), { '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'), '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
+  }
+  getHeadingTag() {
+    const tags = {
+      '1': index.h("h1", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
+      '2': index.h("h2", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
+      '3': index.h("h3", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
+      '4': index.h("h4", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
+      '5': index.h("h5", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
+      '6': index.h("h6", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
+      'default': index.h("h1", { style: this.styles, class: this.getClasses() }, index.h("slot", null))
+    };
+    return tags[`${this.level}`] || tags['default'];
+  }
+  render() {
+    return (index.h(index.Host, { style: this.hostCSSProperties() }, this.getHeadingTag()));
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "color": ["handleChangeColor"],
+    "spotColor": ["handleChangeColor"]
+  }; }
+};
+CuraHeading.style = curaHeadingCss;
+
+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 = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.sizes = {
+      "128": { size: 128, stroke: 5.25 },
+      "72": { size: 72, stroke: 3.5 },
+      "64": { size: 64, stroke: 3.25 },
+      "48": { size: 48, stroke: 2.75 },
+      "40": { size: 40, stroke: 2.5 },
+      "32": { size: 32, stroke: 2.25 },
+      "24": { size: 24, stroke: 2 },
+      "20": { size: 20, stroke: 1.75 },
+      "16": { size: 16, stroke: 1.5 },
+      "default": { size: 24, stroke: 2 }
+    };
+    this.name = '';
+    this.color = 'neutral-base';
+    this.size = undefined;
+    this.iconset = 'default';
+    this.disabled = false;
+  }
+  sizeHandler(size) {
+    const scaledStroke = (iconSize) => {
+      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;
+    };
+    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);
+    this.colorHandler();
+  }
+  setHostProperty(prop, value) {
+    this.host.style.setProperty(prop, value);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("svg", { version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, index.h("use", { xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "size": ["sizeHandler"],
+    "color": ["colorHandler"],
+    "disabled": ["colorHandler"]
+  }; }
+};
+CuraIcon.style = curaIconCss;
+
+const 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)}}";
+
+const CuraLoaderCircle = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.sizes = {
+      xlarge: 32,
+      large: 24,
+      medium: 20,
+      small: 16,
+      default: 16,
+    };
+    this.getPxSize = () => this.sizes[this.size] || this.sizes['default'];
+    this.size = 'medium';
+    this.color = 'neutral-white';
+  }
+  getStyles() {
+    return {
+      '--size': `${this.getPxSize()}px`,
+      '--color': window.CuraAPI.theme.colors.getColor(this.color)
+    };
+  }
+  render() {
+    return (index.h(index.Host, { style: this.getStyles() }, index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", null, index.h("circle", { cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), index.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" })), index.h("defs", null, index.h("linearGradient", { id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, index.h("stop", null), index.h("stop", { offset: "1" }))))));
+  }
+};
+CuraLoaderCircle.style = curaLoaderCircleCss;
+
+const 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}}";
+
+const CuraPageTemplate = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.contentwidth = 'default';
+  }
+  connectedCallback() {
+    this.styles = {
+      '--spacing': window.CuraAPI.theme.spacing.getSpacing(),
+    };
+  }
+  getClasses() {
+    const classes = {};
+    classes[this.contentwidth.toLowerCase()] = true;
+    return classes;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { style: this.styles, class: "grid-template" }, index.h("div", { id: "sub-header" }, index.h("slot", { name: 'sub-header' })), index.h("div", { id: "header" }, index.h("slot", { name: 'header' })), index.h("div", { id: "pre-content" }, index.h("slot", { name: 'pre-content' })), index.h("div", { id: "content-container", class: this.getClasses() }, index.h("div", { id: "sidebar-left" }, index.h("slot", { name: 'sidebar-left' })), index.h("div", { id: "content" }, index.h("slot", { name: "content" }), index.h("slot", null)), index.h("div", { id: "sidebar-right" }, index.h("slot", { name: 'sidebar-right' }))), index.h("div", { id: "post-body" }, index.h("slot", { name: 'post-body' })), index.h("div", { id: "footer" }, index.h("slot", { name: 'footer' })), index.h("div", { id: "sub-footer" }, index.h("slot", { name: 'sub-footer' })))));
+  }
+  get host() { return index.getElement(this); }
+};
+CuraPageTemplate.style = curaPageTemplateCss;
+
+const 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}";
+
+const CuraParagraph = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.theme = window.CuraAPI.theme;
+    this.size = 'medium';
+    this.spotColor = 'accent-dark';
+    this.color = undefined;
+    this.marginBlock = '1.25em';
+    this.lineHeight = '140%';
+    this.styles = {};
+  }
+  handleChangeColor() {
+    this.setColors();
+  }
+  connectedCallback() {
+    this.setFontProperties();
+    this.setColors();
+  }
+  setsizeClass() {
+    const sizeclass = {};
+    sizeclass[this.size.toLowerCase()] = true;
+    return sizeclass;
+  }
+  setFontProperties() {
+    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
+    };
+  }
+  setColors() {
+    const fontColor = this.color
+      ? this.theme.colors.getColor(this.color)
+      : this.theme.fonts.getColor();
+    this.styles = Object.assign(Object.assign({}, this.styles), { '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'), '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
+  }
+  hostCSSProperties() {
+    return {
+      '--margin-block': this.marginBlock,
+      '--font-size-base': this.fontSizeBase,
+      '--line-height': this.lineHeight
+    };
+  }
+  render() {
+    return (index.h(index.Host, { style: this.hostCSSProperties() }, index.h("p", { style: this.styles, class: this.setsizeClass() }, index.h("slot", null))));
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "color": ["handleChangeColor"],
+    "spotColor": ["handleChangeColor"]
+  }; }
+};
+CuraParagraph.style = curaParagraphCss;
+
+exports.cura_accordion = CuraAccordion;
+exports.cura_accordion_item = CuraAccordionItem;
+exports.cura_button = CuraButton;
+exports.cura_heading = CuraHeading;
+exports.cura_icon = CuraIcon;
+exports.cura_loader_circle = CuraLoaderCircle;
+exports.cura_page_template = CuraPageTemplate;
+exports.cura_paragraph = CuraParagraph;
+
+//# sourceMappingURL=cura-accordion_8.cjs.entry.js.map