bromcom-ui 2.8.0-rc.9 → 3.0.0-rc.0

package/dist/esm/{color-helper-4fa5dd0d.js → color-helper-85f2eddb.js}

@@ -3,8 +3,8 @@
  * Copyright (c) Bromcom.
  */
 import { C as ColorPalette } from './colors-1d7854ea.js';
-import { e as extractColor } from './utils-57652744.js';
-import { t as tailwindColor } from './colors-fa05fe33.js';
+import { e as extractColor } from './utils-b3338faf.js';
+import { c as colors } from './colors-e780e48d.js';
 
 class ColorHelper {
 }
@@ -47,19 +47,19 @@ ColorHelper.reverseColor = (color) => {
   }
 };
 ColorHelper.dsColor = (color) => 'var(--bcm-new-ds-color-' + color + ')';
-ColorHelper.getTwColorToHex = (colorName) => ColorHelper.getTwColor(colorName) || tailwindColor['blue']['500'];
+ColorHelper.getTwColorToHex = (colorName) => ColorHelper.getTwColor(colorName) || colors['blue']['500'];
 ColorHelper.getTwColor = (colorName, checkTw = false) => {
-  if (tailwindColor[colorName]) {
-    return tailwindColor[colorName];
+  if (colors[colorName]) {
+    return colors[colorName];
   }
   const splitted = colorName.split('-');
   const grade = splitted[splitted.length - 1];
   const swatch = splitted.slice(0, splitted.length - 1).join('-');
-  if (tailwindColor[swatch] && tailwindColor[swatch][grade]) {
-    return checkTw ? 1 : tailwindColor[swatch][grade];
+  if (colors[swatch] && colors[swatch][grade]) {
+    return checkTw ? 1 : colors[swatch][grade];
   }
-  else if (tailwindColor[swatch]) {
-    return checkTw ? 2 : tailwindColor[swatch];
+  else if (colors[swatch]) {
+    return checkTw ? 2 : colors[swatch];
   }
   else {
     console.warn('Color not found in tailwind colors: ' + colorName);

package/dist/esm/{colors-fa05fe33.js → colors-e780e48d.js}

@@ -21,11 +21,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    dim: ()=>dim,
-    default: ()=>_default
+    dim: function() {
+        return dim;
+    },
+    default: function() {
+        return _default;
+    }
 });
-const _picocolors = /*#__PURE__*/ _interopRequireDefault(picocolors_browser);
-function _interopRequireDefault(obj) {
+const _picocolors = /*#__PURE__*/ _interop_require_default(picocolors_browser);
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -69,16 +73,18 @@ const _default = {
 };
 });
 
-var colors = createCommonjsModule(function (module, exports) {
+var colors$1 = createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>_default
+    get: function() {
+        return _default;
+    }
 });
-const _log = /*#__PURE__*/ _interopRequireDefault(log_1);
-function _interopRequireDefault(obj) {
+const _log = /*#__PURE__*/ _interop_require_default(log_1);
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -425,9 +431,9 @@ const _default = {
 });
 
 var colors_1 = createCommonjsModule(function (module) {
-module.exports = (colors.__esModule ? colors : { default: colors }).default;
+module.exports = (colors$1.__esModule ? colors$1 : { default: colors$1 }).default;
 });
 
-const tailwindColor = /*@__PURE__*/getDefaultExportFromCjs(colors_1);
+const colors = /*@__PURE__*/getDefaultExportFromCjs(colors_1);
 
-export { tailwindColor as t };
+export { colors as c };

package/dist/esm/{element-dragger-89bb52fd.js → element-dragger-7ea06c76.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { a as getTransform } from './utils-57652744.js';
+import { g as getTransform } from './utils-b3338faf.js';
 
 /**
  * Enums

package/dist/esm/{floating-ui-e7341329.js → floating-ui-065b36f9.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { a as Bcm } from './bcm-9f50af9c.js';
+import { a as Bcm } from './bcm-a29f0eef.js';
 
 function getAlignment(placement) {
   return placement.split('-')[1];
@@ -779,18 +779,17 @@ const size = function (options) {
       }
       const overflowAvailableHeight = height - overflow[heightSide];
       const overflowAvailableWidth = width - overflow[widthSide];
+      const noShift = !state.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
       if (isXAxis) {
-        availableWidth = min$1(
-        // Maximum clipping viewport width
-        width - overflow.right - overflow.left, overflowAvailableWidth);
+        const maximumClippingWidth = width - overflow.left - overflow.right;
+        availableWidth = alignment || noShift ? min$1(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
       } else {
-        availableHeight = min$1(
-        // Maximum clipping viewport height
-        height - overflow.bottom - overflow.top, overflowAvailableHeight);
+        const maximumClippingHeight = height - overflow.top - overflow.bottom;
+        availableHeight = alignment || noShift ? min$1(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
       }
-      if (!state.middlewareData.shift && !alignment) {
+      if (noShift && !alignment) {
         const xMin = max$1(overflow.left, 0);
         const xMax = max$1(overflow.right, 0);
         const yMin = max$1(overflow.top, 0);
@@ -835,19 +834,6 @@ function getNodeName(node) {
   return isNode(node) ? (node.nodeName || '').toLowerCase() : '';
 }
 
-let uaString;
-function getUAString() {
-  if (uaString) {
-    return uaString;
-  }
-  const uaData = navigator.userAgentData;
-  if (uaData && Array.isArray(uaData.brands)) {
-    uaString = uaData.brands.map(item => item.brand + "/" + item.version).join(' ');
-    return uaString;
-  }
-  return navigator.userAgent;
-}
-
 function isHTMLElement(value) {
   return value instanceof getWindow(value).HTMLElement;
 }
@@ -875,36 +861,15 @@ function isTableElement(element) {
   return ['table', 'td', 'th'].includes(getNodeName(element));
 }
 function isContainingBlock(element) {
-  // TODO: Try to use feature detection here instead.
-  const isFirefox = /firefox/i.test(getUAString());
+  const safari = isSafari();
   const css = getComputedStyle$1(element);
-  const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter;
 
-  // This is non-exhaustive but covers the most common CSS properties that
-  // create a containing block.
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
-  return css.transform !== 'none' || css.perspective !== 'none' || (backdropFilter ? backdropFilter !== 'none' : false) || isFirefox && css.willChange === 'filter' || isFirefox && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective'].some(value => css.willChange.includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => {
-    // Add type check for old browsers.
-    const contain = css.contain;
-    return contain != null ? contain.includes(value) : false;
-  });
+  return css.transform !== 'none' || css.perspective !== 'none' || !safari && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !safari && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
 }
-
-/**
- * Determines whether or not `.getBoundingClientRect()` is affected by visual
- * viewport offsets. In Safari, the `x`/`y` offsets are values relative to the
- * visual viewport, while in other engines, they are values relative to the
- * layout viewport.
- */
-function isClientRectVisualViewportBased() {
-  // TODO: Try to use feature detection here instead. Feature detection for
-  // this can fail in various ways, making the userAgent check the most
-  // reliable:
-  // • Always-visible scrollbar or not
-  // • Width of <html>
-
-  // Is Safari.
-  return /^((?!chrome|android).)*safari/i.test(getUAString());
+function isSafari() {
+  if (typeof CSS === 'undefined' || !CSS.supports) return false;
+  return CSS.supports('-webkit-backdrop-filter', 'none');
 }
 function isLastTraversableNode(node) {
   return ['html', 'body', '#document'].includes(getNodeName(node));
@@ -916,8 +881,10 @@ const round = Math.round;
 
 function getCssDimensions(element) {
   const css = getComputedStyle$1(element);
-  let width = parseFloat(css.width);
-  let height = parseFloat(css.height);
+  // In testing environments, the `width` and `height` properties are empty
+  // strings for SVG elements, returning NaN. Fallback to `0` in this case.
+  let width = parseFloat(css.width) || 0;
+  let height = parseFloat(css.height) || 0;
   const hasOffset = isHTMLElement(element);
   const offsetWidth = hasOffset ? element.offsetWidth : width;
   const offsetHeight = hasOffset ? element.offsetHeight : height;
@@ -969,8 +936,29 @@ function getScale(element) {
   };
 }
 
-function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+const noOffsets = {
+  x: 0,
+  y: 0
+};
+function getVisualOffsets(element, isFixed, floatingOffsetParent) {
   var _win$visualViewport, _win$visualViewport2;
+  if (isFixed === void 0) {
+    isFixed = true;
+  }
+  if (!isSafari()) {
+    return noOffsets;
+  }
+  const win = element ? getWindow(element) : window;
+  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== win) {
+    return noOffsets;
+  }
+  return {
+    x: ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0,
+    y: ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0
+  };
+}
+
+function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
   if (includeScale === void 0) {
     includeScale = false;
   }
@@ -989,10 +977,9 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       scale = getScale(element);
     }
   }
-  const win = domElement ? getWindow(domElement) : window;
-  const addVisualOffsets = isClientRectVisualViewportBased() && isFixedStrategy;
-  let x = (clientRect.left + (addVisualOffsets ? ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0 : 0)) / scale.x;
-  let y = (clientRect.top + (addVisualOffsets ? ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0 : 0)) / scale.y;
+  const visualOffsets = getVisualOffsets(domElement, isFixedStrategy, offsetParent);
+  let x = (clientRect.left + visualOffsets.x) / scale.x;
+  let y = (clientRect.top + visualOffsets.y) / scale.y;
   let width = clientRect.width / scale.x;
   let height = clientRect.height / scale.y;
   if (domElement) {
@@ -1162,7 +1149,7 @@ function getViewportRect(element, strategy) {
   if (visualViewport) {
     width = visualViewport.width;
     height = visualViewport.height;
-    const visualViewportBased = isClientRectVisualViewportBased();
+    const visualViewportBased = isSafari();
     if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {
       x = visualViewport.offsetLeft;
       y = visualViewport.offsetTop;
@@ -1205,19 +1192,22 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
   } else if (isElement(clippingAncestor)) {
     rect = getInnerBoundingClientRect(clippingAncestor, strategy);
   } else {
-    const mutableRect = {
-      ...clippingAncestor
+    const visualOffsets = getVisualOffsets(element);
+    rect = {
+      ...clippingAncestor,
+      x: clippingAncestor.x - visualOffsets.x,
+      y: clippingAncestor.y - visualOffsets.y
     };
-    if (isClientRectVisualViewportBased()) {
-      var _win$visualViewport, _win$visualViewport2;
-      const win = getWindow(element);
-      mutableRect.x -= ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0;
-      mutableRect.y -= ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0;
-    }
-    rect = mutableRect;
   }
   return rectToClientRect(rect);
 }
+function hasFixedPositionAncestor(element, stopNode) {
+  const parentNode = getParentNode(element);
+  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
+    return false;
+  }
+  return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
+}
 
 // A "clipping ancestor" is an `overflow` element with the characteristic of
 // clipping (or hiding) child elements. This returns all clipping ancestors
@@ -1235,19 +1225,17 @@ function getClippingElementAncestors(element, cache) {
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
     const computedStyle = getComputedStyle$1(currentNode);
-    const containingBlock = isContainingBlock(currentNode);
-    const shouldIgnoreCurrentNode = computedStyle.position === 'fixed';
-    if (shouldIgnoreCurrentNode) {
+    const currentNodeIsContaining = isContainingBlock(currentNode);
+    if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
       currentContainingBlockComputedStyle = null;
+    }
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    if (shouldDropCurrentNode) {
+      // Drop non-containing blocks.
+      result = result.filter(ancestor => ancestor !== currentNode);
     } else {
-      const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position);
-      if (shouldDropCurrentNode) {
-        // Drop non-containing blocks.
-        result = result.filter(ancestor => ancestor !== currentNode);
-      } else {
-        // Record last containing block for next iteration.
-        currentContainingBlockComputedStyle = computedStyle;
-      }
+      // Record last containing block for next iteration.
+      currentContainingBlockComputedStyle = computedStyle;
     }
     currentNode = getParentNode(currentNode);
   }
@@ -1328,7 +1316,8 @@ function getOffsetParent(element, polyfill) {
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
   const isOffsetParentAnElement = isHTMLElement(offsetParent);
   const documentElement = getDocumentElement(offsetParent);
-  const rect = getBoundingClientRect(element, true, strategy === 'fixed', offsetParent);
+  const isFixed = strategy === 'fixed';
+  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
   let scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -1337,12 +1326,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
     x: 0,
     y: 0
   };
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
     }
     if (isHTMLElement(offsetParent)) {
-      const offsetRect = getBoundingClientRect(offsetParent, true);
+      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
     } else if (documentElement) {

package/dist/esm/{generate-5f415340.js → generate-7be7919a.js}

@@ -2,43 +2,12 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { t as tailwindColor } from './colors-fa05fe33.js';
+import { s as snq } from './snq.es5-d6023241.js';
+import { c as colors } from './colors-e780e48d.js';
 
-/**
- * 'status' prop predefined values
- */
-var StatusProps;
-(function (StatusProps) {
-  StatusProps["info"] = "info";
-  StatusProps["error"] = "error";
-  StatusProps["warning"] = "warning";
-  StatusProps["success"] = "success";
-  StatusProps["default"] = "default";
-})(StatusProps || (StatusProps = {}));
-/**
- * 'type' prop predefined values
- */
-var TypeProps;
-(function (TypeProps) {
-  TypeProps["banner"] = "banner";
-  TypeProps["basic"] = "basic";
-})(TypeProps || (TypeProps = {}));
-
-const version = "2.8.0-rc.9";
-
-function snq(callback, defaultValue) {
-    try {
-        var result = callback();
-        return typeof result === 'undefined' ? defaultValue : result;
-    }
-    catch (err) {
-        if (err instanceof TypeError) {
-            return defaultValue;
-        }
-        throw err;
-    }
-}
+const version = "3.0.0-rc.0";
 
+// @ts-ignore
 const allowedDomains = ["localhost", "beta-regression.bromcomcloud.com", "beta-scrum.bromcomcloud.com", "beta-kanban.bromcomcloud.com"];
 const isAllowedDomain = () => {
   const hostname = window.location.hostname;
@@ -72,33 +41,27 @@ class Generate {
     });
     observer.observe(document.documentElement, { childList: true, subtree: true });
   }
-  static getTwColor(color, variable = "--bcm-color-default") {
-    if (!color || !tailwindColor[color]) {
+  static getTwColor(args) {
+    const { color, variable, defaultTone } = (args = Object.assign({
+      variable: "--bcm-color-default",
+      defaultTone: "600"
+    }, args));
+    if (!color || !colors[color]) {
       return false;
     }
-    const colorObj = tailwindColor[color];
     const result = {};
-    for (const [key, value] of Object.entries(colorObj)) {
+    if (typeof colors[color] === "string") {
+      result[variable] = colors[color];
+      return result;
+    }
+    for (const [key, value] of Object.entries(colors[color])) {
       result[`${variable}-${key}`] = value;
     }
+    result[variable] = colors[color][defaultTone];
     return result;
   }
 }
 Generate.UID = (prefix = "bcm") => `${prefix}${Math.random().toString(36).substr(2, 9)}`;
-Generate.getIconAttrWithStatusType = (status, loading = false) => {
-  if (loading)
-    return { icon: "far fa-spinner-third fa-spin" };
-  switch (status) {
-    case StatusProps.info:
-      return { icon: "far fa-info-circle" };
-    case StatusProps.error:
-      return { icon: "far fa-times-circle" };
-    case StatusProps.warning:
-      return { icon: "far fa-exclamation-circle" };
-    case StatusProps.success:
-      return { icon: "far fa-check-circle" };
-  }
-};
 Generate.createComponent = (el, props, area = "append-area") => {
   let container = area ? document.querySelector(area) : document.body;
   if (area && !container) {
@@ -299,4 +262,4 @@ Generate.findParentElement = (element, selector) => {
   }
 };
 
-export { Generate as G, StatusProps as S, TypeProps as T, snq as s };
+export { Generate as G };

package/dist/esm/icon-template-0f1f5828.js

@@ -0,0 +1,13 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { h } from './index-348b16ad.js';
+import { c as classnames } from './index-ed9652af.js';
+
+const IconTemplate = ({ icon, className }) => {
+  return (h("span", { class: classnames("before:tw-clear-both after:tw-clear-both", className) },
+    h("i", { class: classnames("!tw-block tw-text-size-inherit", icon) })));
+};
+
+export { IconTemplate as I };

package/dist/esm/{index-93e36fdb.js → index-0052017c.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { a as getRenderingRef, f as forceUpdate } from './index-39133086.js';
+import { d as getRenderingRef, f as forceUpdate } from './index-348b16ad.js';
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/esm/{index-39133086.js → index-348b16ad.js}

@@ -2136,4 +2136,4 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
-export { Host as H, getRenderingRef as a, bootstrapLazy as b, createEvent as c, getAssetPath as d, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, getRenderingRef as d, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/{input-template-5d9e6648.js → input-template-5ed08d5c.js}

@@ -2,11 +2,11 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h } from './index-39133086.js';
+import { h } from './index-348b16ad.js';
 import { d as defaultIcons } from './types-6f06fa1a.js';
-import { B as Bcm } from './bcm-9f50af9c.js';
+import { B as Bcm } from './bcm-a29f0eef.js';
 import { c as classnames } from './index-ed9652af.js';
-import { s as snq } from './generate-5f415340.js';
+import { s as snq } from './snq.es5-d6023241.js';
 
 const InputTemplate = ({ elementType, 
 //textarea
@@ -69,6 +69,8 @@ ref, handleBlur, handleFocus, handleInput, handleChange, isEyeDropperSupported,
     }), (ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows, resize: resize }), { value: value, maxLength: maxLength, placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: el => ref(el), onBlur: e => templateHandleBlur(e), onFocus: e => templateHandleFocus(e), onInput: e => handleInput(e), onChange: e => handleChange(e) })),
     h("span", { class: "input-suffix-content" }, clearable && !disabled && !readonly && (h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: e => handleClear(e) },
       h("bcm-icon", { icon: "far fa-times" })))),
+    Bcm.HtmlElementType.input === elementType && (h("span", { class: "input-suffix-content" }, captionType === "error" && (h("span", { class: "input-suffix input-error-icon" },
+      h("bcm-icon", { icon: "fas fa-times-circle" }))))),
     h("span", { class: "input-suffix-content" }, (type === "password" || type === "text") && passwordToggle && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() },
       h("bcm-icon", { icon: isPasswordVisible ? "far fa-eye-slash" : "far fa-eye" })))),
     h("span", { class: "input-suffix-content" }, Object.keys(defaultIcons).includes(type) && !noDefaultIcon && (h("span", { class: "input-suffix" },

package/dist/esm/{is-load-decorator-bc14ec4b.js → is-load-decorator-07d3502a.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { g as getElement } from './index-39133086.js';
+import { g as getElement } from './index-348b16ad.js';
 
 function IsLoad() {
   return (proto) => {

package/dist/esm/{json-parse-decarator-94b458ca.js → json-parse-decarator-fa15277b.js}

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { g as getElement } from './index-39133086.js';
-import { s as snq } from './generate-5f415340.js';
+import { g as getElement } from './index-348b16ad.js';
+import { s as snq } from './snq.es5-d6023241.js';
 
 function JsonParse(attribute, isMethod = false) {
   return (proto, propName) => {

package/dist/esm/label-template-253d4ed9.js

@@ -0,0 +1,22 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { h } from './index-348b16ad.js';
+import { c as classnames } from './index-ed9652af.js';
+import { B as Bcm } from './bcm-a29f0eef.js';
+
+const LabelTemplate = ({ required, value, size, form, htmlFor, type }) => {
+  size = size || "medium";
+  type = type || Bcm.Status.default;
+  return (h("label", { form: form, htmlFor: htmlFor, class: classnames("bcm-ui-element bcm-ui-feedback bcm-label tw-mb-1 tw-text-slate-600 tw-font-medium ", {
+      "tw-text-size-3": size == "small",
+      "tw-text-size-4": size == "medium",
+      "tw-text-size-5": size == "large",
+    }) },
+    value,
+    " ",
+    required && ('*')));
+};
+
+export { LabelTemplate as L };