bromcom-ui 2.7.37-rc.3 → 2.7.37-rc.4-1

package/dist/components/types.js

@@ -0,0 +1,32 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+/**
+ * 'color' prop predefined values
+ */
+var ColorProps;
+(function (ColorProps) {
+  ColorProps["black"] = "black";
+  ColorProps["white"] = "white";
+  ColorProps["prime-blue"] = "prime-blue";
+  ColorProps["grey"] = "grey";
+  ColorProps["blue"] = "blue";
+  ColorProps["warmyellow"] = "warmyellow";
+  ColorProps["yellow"] = "yellow";
+  ColorProps["limegreen"] = "limegreen";
+  ColorProps["red"] = "red";
+  ColorProps["darkorange"] = "darkorange";
+  ColorProps["orange"] = "orange";
+  ColorProps["green"] = "green";
+  ColorProps["turquosie"] = "turquosie";
+  ColorProps["cobaltblue"] = "cobaltblue";
+  ColorProps["magenta"] = "magenta";
+  ColorProps["purple"] = "purple";
+  ColorProps["bc-red"] = "bc-red";
+  ColorProps["bc-blue"] = "bc-blue";
+  ColorProps["bc-green"] = "bc-green";
+  ColorProps["bc-orange"] = "bc-orange";
+})(ColorProps || (ColorProps = {}));
+
+export { ColorProps as C };

package/dist/components/types2.js

@@ -0,0 +1,32 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+/**
+ * 'size' prop predefined values
+ */
+var SizeProps;
+(function (SizeProps) {
+  SizeProps["large"] = "large";
+  SizeProps["medium"] = "medium";
+  SizeProps["small"] = "small";
+})(SizeProps || (SizeProps = {}));
+/**
+ * 'type' prop predefined values
+ */
+var TypeProps;
+(function (TypeProps) {
+  TypeProps["normal"] = "normal";
+  TypeProps["pane"] = "pane";
+  TypeProps["stepper"] = "stepper";
+})(TypeProps || (TypeProps = {}));
+/**
+ * 'direction' prop predefined values
+ */
+var DirectionProps;
+(function (DirectionProps) {
+  DirectionProps["horizontal"] = "horizontal";
+  DirectionProps["vertical"] = "vertical";
+})(DirectionProps || (DirectionProps = {}));
+
+export { DirectionProps as D, SizeProps as S, TypeProps as T };

package/dist/components/typography.js

@@ -0,0 +1,45 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { I as IsLoad } from './is-load-decorator.js';
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const BcmTypography = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  get el() { return this; }
+}, [4, "bcm-typography"]);
+__decorate([
+  IsLoad()
+], BcmTypography.prototype, "el", void 0);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["bcm-typography"];
+  components.forEach(tagName => { switch (tagName) {
+    case "bcm-typography":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BcmTypography);
+      }
+      break;
+  } });
+}
+
+export { BcmTypography as B, defineCustomElement as d };

package/dist/components/utils.js

@@ -0,0 +1,123 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+const delay = ms => new Promise(res => setTimeout(res, ms));
+/**
+ * @desc
+ * @param colors
+ * @param colorName
+ */
+const extractColor = (colors, colorName) => {
+  const splitted = colorName.split('-');
+  const grade = splitted[splitted.length - 1];
+  const swatch = splitted.slice(0, splitted.length - 1).join('-');
+  return colors[swatch] && colors[swatch][grade] ? colors[swatch][grade] : colors['prime-blue']['6'];
+};
+/**
+ *
+ * @param type
+ */
+const getChilds = (el, component) => {
+  let elements = [];
+  let allElements = [];
+  // Get @component's from 
+  // slot childs
+  const slot = Array.from(el.shadowRoot.querySelectorAll('slot')).find(slot => !slot.name);
+  elements = (slot && slot.assignedElements()) || [];
+  elements.map(element => {
+    String(element.tagName).toLowerCase() == component
+      && allElements.push(element);
+  });
+  // Get @component's from 
+  // childs
+  elements = el.shadowRoot.querySelectorAll(component);
+  allElements = [
+    ...allElements,
+    ...elements
+  ];
+  return allElements;
+};
+const getChildElements = (el, component) => {
+  return [...el.querySelectorAll(component)];
+};
+/**
+ * @desc
+ * @param element
+ */
+const getRect = (element) => {
+  return element.getBoundingClientRect();
+};
+/**
+ * @desc
+ * @param
+ */
+const dropInComponent = (followingComponent, targetComponent) => {
+  const el = followingComponent;
+  const linkedComponent = targetComponent;
+  const bodyWidth = document.documentElement.clientWidth;
+  const bodyHeight = document.documentElement.clientHeight;
+  // window.onload = () => {
+  // document.querySelector(targetComponent).onload = () => {
+  var linkedId = document.querySelector(linkedComponent);
+  if (linkedId) {
+    var captionAreaHeight = 0;
+    if (linkedId.shadowRoot && linkedId.shadowRoot.querySelector(".caption-area") && linkedId.shadowRoot.querySelector(".caption-area").clientHeight) {
+      captionAreaHeight = linkedId.shadowRoot.querySelector(".caption-area").clientHeight + 8;
+    }
+    var labelAreaHeight = 0;
+    if (linkedId.shadowRoot && linkedId.shadowRoot.querySelector(".label") && linkedId.shadowRoot.querySelector(".label").clientHeight) {
+      labelAreaHeight = linkedId.shadowRoot.querySelector(".label").clientHeight + 2;
+    }
+    var captionHeight = linkedId["noCaption"] ? 0 : captionAreaHeight - 8;
+    var linkedPosition = getRect(linkedId);
+    el.style.position = "fixed";
+    el.style.top = linkedPosition.top + linkedPosition.height - captionHeight + "px";
+    el.style.left = linkedPosition.left + "px";
+    if (bodyHeight < (el.clientHeight + linkedPosition.top + linkedPosition.height - captionHeight)) {
+      el.style.top = linkedPosition.top - el.clientHeight + labelAreaHeight + "px";
+    }
+    if (bodyWidth < el.clientWidth + linkedPosition.left) {
+      el.style.left = linkedPosition.left - el.clientWidth + linkedPosition.width - 2 + "px";
+    }
+  }
+  // }
+  // };
+};
+/**
+ * @desc
+ * @param element
+ */
+const getTransform = (element) => {
+  let transform = getComputedStyle(element).getPropertyValue('transform');
+  let values;
+  values = transform.replace(/(matrix|\(|\)|px)/g, '');
+  values = values.split(', ');
+  return { x: parseInt(values[4]), y: parseInt(values[5]) };
+};
+const pluralize = (function () {
+  // var vowels = "aeiou";
+  var irregulars = { "addendum": "addenda", "aircraft": "aircraft", "alumna": "alumnae", "alumnus": "alumni", "analysis": "analyses", "antenna": "antennae", "antithesis": "antitheses", "apex": "apices", "appendix": "appendices", "axis": "axes", "bacillus": "bacilli", "bacterium": "bacteria", "basis": "bases", "beau": "beaux", "bison": "bison", "bureau": "bureaux", "cactus": "cacti", "château": "châteaux", "child": "children", "codex": "codices", "concerto": "concerti", "corpus": "corpora", "crisis": "crises", "criterion": "criteria", "curriculum": "curricula", "datum": "data", "deer": "deer", "diagnosis": "diagnoses", "die": "dice", "dwarf": "dwarves", "ellipsis": "ellipses", "erratum": "errata", "faux pas": "faux pas", "fez": "fezzes", "fish": "fish", "focus": "foci", "foot": "feet", "formula": "formulae", "fungus": "fungi", "genus": "genera", "goose": "geese", "graffito": "graffiti", "grouse": "grouse", "half": "halves", "hoof": "hooves", "hypothesis": "hypotheses", "index": "indices", "larva": "larvae", "libretto": "libretti", "loaf": "loaves", "locus": "loci", "louse": "lice", "man": "men", "matrix": "matrices", "medium": "media", "memorandum": "memoranda", "minutia": "minutiae", "moose": "moose", "mouse": "mice", "nebula": "nebulae", "nucleus": "nuclei", "oasis": "oases", "offspring": "offspring", "opus": "opera", "ovum": "ova", "ox": "oxen", "parenthesis": "parentheses", "phenomenon": "phenomena", "phylum": "phyla", "quiz": "quizzes", "radius": "radii", "referendum": "referenda", "salmon": "salmon", "scarf": "scarves", "self": "selves", "series": "series", "sheep": "sheep", "shrimp": "shrimp", "species": "species", "stimulus": "stimuli", "stratum": "strata", "swine": "swine", "syllabus": "syllabi", "symposium": "symposia", "synopsis": "synopses", "tableau": "tableaux", "thesis": "theses", "thief": "thieves", "tooth": "teeth", "trout": "trout", "tuna": "tuna", "vertebra": "vertebrae", "vertex": "vertices", "vita": "vitae", "vortex": "vortices", "wharf": "wharves", "wife": "wives", "wolf": "wolves", "woman": "women", "guy": "guys", "buy": "buys", "person": "people" };
+  function text(word, length = 1) {
+    if (length > 1) {
+      if (irregulars[word]) {
+        return irregulars[word];
+      }
+      else if (word[word.length - 1] === "s" || word.endsWith("sh") || word.endsWith("ch") || word[word.length - 1] === "x" || word[word.length - 1] === "z") {
+        return word + "es";
+      }
+      else if (word[word.length - 1] === "y") {
+        return word.substring(0, word.length - 1) + "ies";
+      }
+      else {
+        return word + "s";
+      }
+    }
+    else {
+      return word;
+    }
+  }
+  return text;
+})();
+
+export { dropInComponent as a, getChilds as b, getTransform as c, delay as d, extractColor as e, getChildElements as g, pluralize as p };

package/dist/components/validators.js

@@ -0,0 +1,35 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { s as snq } from './generate.js';
+
+class DateTimeHelper {
+}
+DateTimeHelper.convertTimeStampToDate = (timestamp) => new Date(timestamp);
+
+class Validators {
+}
+Validators.compareTwoArrayIsSame = (arr1, arr2) => snq(() => arr1.length === arr2.length && arr1.every((v, i) => v === arr2[i]));
+Validators.isEmailValid = (str) => /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(str);
+Validators.isUrlValid = (str) => /^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/i.test(str);
+Validators.isNumberValid = (str) => /^[+-]?\d+$/.test(str);
+Validators.isNumberFloatValid = (str) => /^\d+(\.\d+)?$/.test(str);
+Validators.isPhoneValid = (str) => /^(?=.*[0-9])[- +()0-9]+$/.test(str);
+Validators.pattern = (str, pattern) => new RegExp(pattern).test(str);
+Validators.isValidate = (str, type) => {
+  switch (type) {
+    case 'email':
+      return Validators.isEmailValid(str);
+    case 'url':
+      return Validators.isUrlValid(str);
+    case 'number':
+      return Validators.isNumberValid(str) || Validators.isNumberFloatValid(str);
+    case 'phone':
+      return Validators.isPhoneValid(str);
+    default:
+      return true;
+  }
+};
+
+export { DateTimeHelper as D, Validators as V };

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "bromcom-ui",
-    "version": "2.7.37-rc.3",
+    "version": "2.7.37-rc.4-1",
     "description": "Stencil Component Starter",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
     "es2015": "dist/esm/index.mjs",
     "es2017": "dist/esm/index.mjs",
-    "types": "dist/types/components.d.ts",
     "collection": "dist/collection/collection-manifest.json",
     "collection:main": "dist/collection/index.js",
+    "types": "dist/types/components.d.ts",
     "unpkg": "dist/bromcom-ui/bromcom-ui.js",
     "files": [
         "dist/",
@@ -19,8 +19,9 @@
         "clean:www": "rm -rf www",
         "dev:stencil": "stencil build --dev --watch --serve",
         "dev:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --watch --minify",
-        "build": "run-s clean:dist build:tailwind build:stencil build:aliases",
+        "build": "run-s clean:dist clean:loader build:tailwind build:stencil build:aliases",
         "clean:dist": "rm -rf dist",
+        "clean:loader": "rm -rf loader",
         "build:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --minify",
         "build:stencil": "stencil build --prod",
         "build:aliases": "tsc-alias -p tsconfig.aliases.json",