@rededor/cura 0.1.0

package/dist/components/cura-icon.js

@@ -0,0 +1,6 @@
+import { D as DscoreIcon, d as defineCustomElement$1 } from './cura-icon2.js';
+
+const CuraIcon = DscoreIcon;
+const defineCustomElement = defineCustomElement$1;
+
+export { CuraIcon, defineCustomElement };

package/dist/components/cura-icon2.js

@@ -0,0 +1,50 @@
+import { proxyCustomElement, HTMLElement, h, Host, getAssetPath } from '@stencil/core/internal/client';
+
+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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    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}` }))));
+  }
+  static get style() { return curaIconCss; }
+}, [1, "cura-icon", {
+    "name": [513],
+    "color": [513],
+    "size": [520],
+    "iconset": [513],
+    "disabled": [516]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["cura-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "cura-icon":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DscoreIcon);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { DscoreIcon as D, defineCustomElement as d };

package/dist/components/dscore-icons-view.d.ts

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

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

@@ -0,0 +1,49 @@
+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 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$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    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))))));
+  }
+  static get style() { return dscoreIconsViewCss; }
+}, [1, "dscore-icons-view", {
+    "selected": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["dscore-icons-view", "cura-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "dscore-icons-view":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DscoreIconsView$1);
+      }
+      break;
+    case "cura-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const DscoreIconsView = DscoreIconsView$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DscoreIconsView, defineCustomElement };

package/dist/components/dummy-component.d.ts

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

package/dist/components/dummy-component.js

@@ -0,0 +1,34 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const dummyComponentCss = ":host{display:block}";
+
+const DummyComponent$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, null, h("h1", null, h("slot", null))));
+  }
+  static get style() { return dummyComponentCss; }
+}, [1, "dummy-component"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["dummy-component"];
+  components.forEach(tagName => { switch (tagName) {
+    case "dummy-component":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DummyComponent$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const DummyComponent = DummyComponent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DummyComponent, defineCustomElement };

package/dist/components/index.d.ts

@@ -0,0 +1,24 @@
+/* cura custom elements */
+export { DscoreIcon as CuraIcon } from '../types/components/cura-icon/cura-icon';
+export { DscoreIconsView as DscoreIconsView } from '../types/components/dscore-icons-view/dscore-icons-view';
+export { DummyComponent as DummyComponent } from '../types/components/dummy-component/dummy-component';
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1,184 @@
+import { setAssetPath } from '@stencil/core/internal/client';
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+export { CuraIcon, defineCustomElement as defineCustomElementCuraIcon } from './cura-icon.js';
+export { DscoreIconsView, defineCustomElement as defineCustomElementDscoreIconsView } from './dscore-icons-view.js';
+export { DummyComponent, defineCustomElement as defineCustomElementDummyComponent } from './dummy-component.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;
+
+globalScripts();

package/dist/cura/cura.esm.js

@@ -0,0 +1 @@
+import{p as e,b as o}from"./p-55523400.js";import{g as s}from"./p-fb6827d8.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>(s(),o([["p-e66c2bf6",[[1,"dummy-component"]]],["p-632702eb",[[1,"dscore-icons-view",{selected:[32]}],[1,"cura-icon",{name:[513],color:[513],size:[520],iconset:[513],disabled:[516]}]]]],e))));