@rededor/cura 0.1.0

package/dist/esm/app-globals-d6124a10.js

@@ -0,0 +1,180 @@
+import { s as setAssetPath } from './index-9d6a33bc.js';
+
+/**
+ * Cura Default Theme
+ */
+const ThemeDefault = {
+  /* Colors */
+  color: {
+    primary: {
+      depth100: '#CCD9E7',
+      depth300: '#5580AE',
+      base: '#004186',
+      depth700: '#002B59',
+      depth900: '#00133B'
+    },
+    secondary: {
+      depth100: '#EEE8CE',
+      depth300: '#C6B45C',
+      base: '#AA8E0B',
+      depth700: '#715F07',
+      depth900: '#221C02'
+    },
+    accent: {
+      depth100: '#F9E8D5',
+      depth300: '#E4A04F',
+      base: '#DF8D2C',
+      depth700: '#955E1D',
+      depth900: '#2D1C09'
+    }
+  },
+  /* Spacing */
+  spacing: {
+    base: '8px',
+  },
+  /* Fonts */
+  font: {
+    family: {
+      title: 'serif',
+      body: '"Roboto", Helvetica, Arial, sans-serif'
+    },
+    size: {
+      base: '16px',
+    }
+  }
+};
+
+/**
+ * Maternity Theme
+ */
+const ThemeMaternity = Object.assign(Object.assign({}, ThemeDefault), { 
+  /* Custom */
+  /* Colors */
+  color: {
+    primary: {
+      base: '#CD4D9A',
+      depth100: '#FCEFF6',
+      depth300: '#FFBFE5',
+      depth500: '#FF7FCB',
+      depth700: '#99126C',
+      depth900: '#00133B'
+    },
+    secondary: {
+      base: '#189AB4',
+      depth100: '#EDF3FF',
+      depth300: '#BDD2FF',
+      depth500: '#496BB6',
+      depth700: '#001C58',
+      depth900: '#430E31'
+    }
+  } });
+
+const ThemePresets = {
+  'default': ThemeDefault,
+  'maternidade': ThemeMaternity
+};
+
+class CuraThemeModule {
+  constructor() {
+    this.prefix = '--cura';
+    /* Private */
+    /** Set css var based on object structure */
+    this.setCssVar = (prop, path) => {
+      const varName = this.groupPath(path, prop[0]);
+      // console.log('Setting %s: %s', varName, prop[1]);
+      this.body.style.setProperty(varName, prop[1]);
+    };
+    this.groupPath = (a, b) => `${a}-${b}`;
+    this.isObject = (val) => {
+      return val && typeof val === 'object' && !Array.isArray(val);
+    };
+    /** Deep merge objects */
+    this.mergeObject = (from, to) => {
+      const entries = Object.entries(from);
+      for (let e of entries) {
+        if (this.isObject(e[1])) {
+          this.mergeObject(e[1], to[e[0]]);
+        }
+        else {
+          to[e[0]] = e[1];
+        }
+      }
+    };
+    /** Set css vars from preset object */
+    this.buildCssVars = (path, obj) => {
+      const entries = Object.entries(obj);
+      // console.log('Reading %s', path);
+      for (let e of entries) {
+        if (this.isObject(e[1])) {
+          this.buildCssVars(this.groupPath(path, e[0]), e[1]);
+        }
+        else {
+          this.setCssVar(e, path);
+        }
+      }
+    };
+    this.body = window.document.documentElement.querySelector('body');
+  }
+  /**
+   * Load a theme.
+   * @param theme Theme tag.
+   */
+  load(theme = 'default') {
+    const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;
+    // console.log('Loading Theme: %s', theme, preset);
+    this.buildCssVars(this.prefix, preset);
+  }
+  /**
+   * Define a custom theme
+   * @param customTheme Custom theme object definition
+   */
+  setCustom(customTheme) {
+    const customTag = customTheme.name;
+    if (customTag in ThemePresets) {
+      console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);
+      this.load('default');
+    }
+    else {
+      const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets
+        ? ThemePresets[customTheme.fromPreset]
+        : ThemePresets.default;
+      const newTheme = Object.assign({}, JSON.parse(JSON.stringify(preset)));
+      this.mergeObject(customTheme.definitions, newTheme);
+      // console.log('Custom Theme: %s', newTheme);
+      ThemePresets[customTag] = newTheme;
+      // console.log('Presets:', ThemePresets);
+      this.load(customTag);
+    }
+  }
+}
+
+class CuraAPI {
+  constructor(config) {
+    const themeModule = new CuraThemeModule();
+    this.theme = {
+      load: function (themeTag) { themeModule.load(themeTag); },
+      setCustom: function (customThemeDefinitions) { themeModule.setCustom(customThemeDefinitions); }
+    };
+    if (config && config.customTheme) {
+      this.theme.setCustom(config.customTheme);
+    }
+    else {
+      const theme = config && config.theme ? config.theme : 'default';
+      this.theme.load(theme);
+    }
+  }
+}
+
+setAssetPath(import.meta.url);
+function appGlobalScript () {
+  const config = window.CuraInit;
+  window.CuraAPI = config ? new CuraAPI(config) : new CuraAPI();
+  const api = window.CuraAPI;
+  window.dispatchEvent(new CustomEvent("CuraAPIReady", { detail: { api } }));
+  if (config && typeof config.onReady === 'function')
+    config.onReady(api);
+}
+
+const globalScripts = appGlobalScript;
+
+export { globalScripts as g };

package/dist/esm/cura-icon_2.entry.js

@@ -0,0 +1,47 @@
+import { r as registerInstance, h, g as getAssetPath, H as Host } from './index-9d6a33bc.js';
+
+const curaIconCss = ":host{--stroke-color:#B7B7B7;--stroke-width:2px;--width:24px;--height:24px}:host svg.icon-128{--width:128px;--height:128px;--stroke-width:0.984375px}:host svg.icon-72{--width:72px;--height:72px;--stroke-width:1.1666666667px}:host svg.icon-64{--width:64px;--height:64px;--stroke-width:1.21875px}:host svg.icon-48{--width:48px;--height:48px;--stroke-width:1.375px}:host svg.icon-40{--width:40px;--height:40px;--stroke-width:1.5px}:host svg.icon-32{--width:32px;--height:32px;--stroke-width:1.6875px}:host svg.icon-24{--width:24px;--height:24px;--stroke-width:2px}:host svg.icon-20{--width:20px;--height:20px;--stroke-width:2.1px}:host svg.icon-16{--width:16px;--height:16px;--stroke-width:2.25px}: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 svg{display:inline-block;stroke:var(--stroke-color);width:var(--width);height:var(--height);stroke-width:var(--stroke-width);fill:none}";
+
+const DscoreIcon = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.name = '';
+    this.color = 'neutral';
+    this.iconset = 'default';
+    this.disabled = false;
+  }
+  getClasses() {
+    const classes = {};
+    classes[`icon-${this.color}`] = true;
+    if (this.size)
+      classes[`icon-${this.size}`] = true;
+    if (this.disabled)
+      classes[`icon-disabled`] = true;
+    return classes;
+  }
+  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: `${getAssetPath(`../assets/icons/iconset-${this.iconset}.svg`)}#${this.name}` }))));
+  }
+};
+DscoreIcon.style = curaIconCss;
+
+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 dscoreIconsViewCss = ":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}";
+
+const DscoreIconsView = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.sizes = [16, 20, 24, 32, 40, 48, 64, 72, 128];
+    this.selected = '360';
+    this.setSelected = (icon) => {
+      this.selected = icon;
+    };
+  }
+  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" }, h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "primary" }), h("span", null, "Primary")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "secondary" }), h("span", null, "Secondary")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "accent" }), h("span", null, "Accent")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "info" }), h("span", null, "Info")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "warning" }), h("span", null, "Warning")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "error" }), h("span", null, "Error")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "success" }), h("span", null, "Success")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "neutral" }), h("span", null, "Neutral")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "primary", 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))))));
+  }
+};
+DscoreIconsView.style = dscoreIconsViewCss;
+
+export { DscoreIcon as cura_icon, DscoreIconsView as dscore_icons_view };

package/dist/esm/cura.js

@@ -0,0 +1,19 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-9d6a33bc.js';
+import { g as globalScripts } from './app-globals-d6124a10.js';
+
+/*
+ Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = import.meta.url;
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  globalScripts();
+  return bootstrapLazy([["dummy-component",[[1,"dummy-component"]]],["cura-icon_2",[[1,"dscore-icons-view",{"selected":[32]}],[1,"cura-icon",{"name":[513],"color":[513],"size":[520],"iconset":[513],"disabled":[516]}]]]], options);
+});

package/dist/esm/dummy-component.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-9d6a33bc.js';
+
+const dummyComponentCss = ":host{display:block}";
+
+const DummyComponent = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, null, h("h1", null, h("slot", null))));
+  }
+};
+DummyComponent.style = dummyComponentCss;
+
+export { DummyComponent as dummy_component };