bromcom-ui 2.11.0 → 2.11.1-rc.1

package/dist/collection/services/linked-service.js

@@ -0,0 +1,59 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { Generate } from "@bcm/helpers";
+import { FloatingUI } from "@bcm/utils";
+import { LinkedAbstract } from "./linked-abstract";
+export class LinkedService extends LinkedAbstract {
+  constructor() {
+    super();
+  }
+  show() {
+    const targetElement = document.getElementById(this.getTargetId());
+    const element = Generate.createComponent("div", {
+      id: this.getId(),
+      innerHTML: this.getHtmlContent(),
+      className: "tw-absolute tw-left-0 tw-right-0 tw-z-tooltip tw-opacity-100 tw-transition-opacity tw-duration-300 tw-w-fit"
+    });
+    FloatingUI({
+      ref: targetElement,
+      floating: element,
+      placement: this.getPlacement(),
+      offset: 4,
+    });
+  }
+  hide() {
+    const bcmOverlay = document.getElementById("bcm-overlay-container");
+    if (bcmOverlay) {
+      const element = bcmOverlay.querySelector(`#${this.getId()}`);
+      if (element) {
+        element.remove();
+      }
+    }
+  }
+  setId(id) {
+    this.id = id;
+  }
+  setTargetId(targetId) {
+    this.targetId = targetId;
+  }
+  setHtmlContent(htmlContent) {
+    this.htmlContent = htmlContent;
+  }
+  getTargetId() {
+    return this.targetId;
+  }
+  getHtmlContent() {
+    return this.htmlContent;
+  }
+  setPlacement(placement) {
+    this.placement = placement;
+  }
+  getPlacement() {
+    return this.placement;
+  }
+  getId() {
+    return this.id;
+  }
+}

package/dist/collection/utils/validation.js

@@ -21,7 +21,7 @@ export class rules {
   required(value, componentValidation) {
     let validation = this.response(true);
     if (value == '' || value == "" || value == undefined || value == null || value === false) {
-      validation = this.response(false, 'This field is required.');
+      validation = this.response(false, 'This field is required');
     }
     if (componentValidation) {
       if (!componentValidation.valid) {
@@ -30,7 +30,7 @@ export class rules {
       if (value instanceof Object) {
         if (value.isValid) {
           if (value.isValid == false)
-            validation = this.response(false, 'This field is required.');
+            validation = this.response(false, 'This field is required');
         }
       }
     }

package/dist/components/bcm-dropdown.js

@@ -13,7 +13,7 @@ import { d as defineCustomElement$4 } from './icon.js';
 import { d as defineCustomElement$3 } from './linked.js';
 import { d as defineCustomElement$2 } from './menu.js';
 
-const dropdownCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-dropdown{width:fit-content;display:inline-flex;flex-direction:row}.bcm-dropdown.hidden{display:none}.bcm-dropdown.no-style{cursor:pointer}.bcm-dropdown.full-width{width:100%}.bcm-dropdown.full-width .bcm-button__container-text{flex:1;justify-content:space-between}.bcm-dropdown__type-split .main-button .bcm-button__container{border-top-right-radius:0;border-bottom-right-radius:0}.bcm-dropdown__type-split .split-button .bcm-button__container{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;min-width:auto}.bcm-dropdown__icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;transform:rotate(0deg);transition:transform 0.2s ease}.bcm-dropdown__icon--open{transform:rotate(180deg)}";
+const dropdownCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-dropdown{width:fit-content;display:inline-flex;flex-direction:row}.bcm-dropdown.hidden{display:none}.bcm-dropdown.no-style{cursor:pointer}.bcm-dropdown.full-width{width:100%}.bcm-dropdown.full-width .bcm-button__container-text{flex:1;justify-content:space-between}.bcm-dropdown__type-split .main-button .bcm-button__container{border-top-right-radius:0;border-bottom-right-radius:0}.bcm-dropdown__type-split .split-button .bcm-button__container{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;min-width:auto}.bcm-dropdown__icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;transform:rotate(0deg);transition:transform 0.2s ease;padding-top:2px}.bcm-dropdown__icon--open{transform:rotate(180deg)}";
 
 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;

package/dist/components/bcm.js

@@ -379,34 +379,34 @@ var Bcm;
     KeyCode[KeyCode["a"] = 65] = "a";
   })(Bcm.KeyCode || (Bcm.KeyCode = {}));
   Bcm.FormErrorMessages = {
-    "email": "Please enter a valid email address.",
-    "password": "Please enter a valid password.",
-    "url": "Please enter a valid URL.",
-    "phone": "Please enter a valid phone number.",
-    "search": "Please enter a valid search term.",
-    "number": "Please enter a valid number.",
-    "text": "Please enter a valid text.",
-    "required": "This field is required.",
-    "minlength": "Must be at least {0} chars long.",
-    "maxlength": "Must be at most {0} chars long.",
-    "betweenlength": "Must be between {0} and {1} chars long.",
-    "min": "This field must be at least {0}.",
-    "max": "This field must be at most {0}.",
-    "between": "This field must be between {0} and {1}.",
-    "pattern": "Please use a valid format.",
-    "date": "Please enter a valid date.",
-    "time": "Please enter a valid time.",
-    "datetime": "Please enter a valid date and time.",
-    "datetime-local": "Please enter a valid date and time.",
-    "month": "Please enter a valid month.",
-    "week": "Please enter a valid week.",
-    "color": "Please enter a valid color.",
-    "file": "Please enter a valid file.",
-    "range": "Please enter a valid range.",
-    "radio": "Please select a valid option.",
-    "checkbox": "Please select a valid option.",
-    "select": "Please select a valid option.",
-    "multiple": "Please select a valid option.",
+    "email": "Please enter a valid email address",
+    "password": "Please enter a valid password",
+    "url": "Please enter a valid URL",
+    "phone": "Please enter a valid phone number",
+    "search": "Please enter a valid search term",
+    "number": "Please enter a valid number",
+    "text": "Please enter a valid text",
+    "required": "This field is required",
+    "minlength": "Must be at least {0} chars long",
+    "maxlength": "Must be at most {0} chars long",
+    "betweenlength": "Must be between {0} and {1} chars long",
+    "min": "This field must be at least {0}",
+    "max": "This field must be at most {0}",
+    "between": "This field must be between {0} and {1}",
+    "pattern": "Please use a valid format",
+    "date": "Please enter a valid date",
+    "time": "Please enter a valid time",
+    "datetime": "Please enter a valid date and time",
+    "datetime-local": "Please enter a valid date and time",
+    "month": "Please enter a valid month",
+    "week": "Please enter a valid week",
+    "color": "Please enter a valid color",
+    "file": "Please enter a valid file",
+    "range": "Please enter a valid range",
+    "radio": "Please select a valid option",
+    "checkbox": "Please select a valid option",
+    "select": "Please select a valid option",
+    "multiple": "Please select a valid option",
   };
   (function (IndeterminateType) {
     IndeterminateType["uncheck"] = "uncheck";

package/dist/components/form.js

@@ -27,7 +27,7 @@ class rules {
   required(value, componentValidation) {
     let validation = this.response(true);
     if (value == '' || value == "" || value == undefined || value == null || value === false) {
-      validation = this.response(false, 'This field is required.');
+      validation = this.response(false, 'This field is required');
     }
     if (componentValidation) {
       if (!componentValidation.valid) {
@@ -36,7 +36,7 @@ class rules {
       if (value instanceof Object) {
         if (value.isValid) {
           if (value.isValid == false)
-            validation = this.response(false, 'This field is required.');
+            validation = this.response(false, 'This field is required');
         }
       }
     }

package/dist/components/generate.js

@@ -5,7 +5,7 @@
 import { Build } from '@stencil/core/internal/client';
 import { c as colors } from './colors2.js';
 
-const version = "2.11.0";
+const version = "2.11.1-rc.1";
 
 /**
  * 'status' prop predefined values

package/dist/esm/{bcm-0f9cc27c.js → bcm-a50d55ba.js}

@@ -379,34 +379,34 @@ var Bcm;
     KeyCode[KeyCode["a"] = 65] = "a";
   })(Bcm.KeyCode || (Bcm.KeyCode = {}));
   Bcm.FormErrorMessages = {
-    "email": "Please enter a valid email address.",
-    "password": "Please enter a valid password.",
-    "url": "Please enter a valid URL.",
-    "phone": "Please enter a valid phone number.",
-    "search": "Please enter a valid search term.",
-    "number": "Please enter a valid number.",
-    "text": "Please enter a valid text.",
-    "required": "This field is required.",
-    "minlength": "Must be at least {0} chars long.",
-    "maxlength": "Must be at most {0} chars long.",
-    "betweenlength": "Must be between {0} and {1} chars long.",
-    "min": "This field must be at least {0}.",
-    "max": "This field must be at most {0}.",
-    "between": "This field must be between {0} and {1}.",
-    "pattern": "Please use a valid format.",
-    "date": "Please enter a valid date.",
-    "time": "Please enter a valid time.",
-    "datetime": "Please enter a valid date and time.",
-    "datetime-local": "Please enter a valid date and time.",
-    "month": "Please enter a valid month.",
-    "week": "Please enter a valid week.",
-    "color": "Please enter a valid color.",
-    "file": "Please enter a valid file.",
-    "range": "Please enter a valid range.",
-    "radio": "Please select a valid option.",
-    "checkbox": "Please select a valid option.",
-    "select": "Please select a valid option.",
-    "multiple": "Please select a valid option.",
+    "email": "Please enter a valid email address",
+    "password": "Please enter a valid password",
+    "url": "Please enter a valid URL",
+    "phone": "Please enter a valid phone number",
+    "search": "Please enter a valid search term",
+    "number": "Please enter a valid number",
+    "text": "Please enter a valid text",
+    "required": "This field is required",
+    "minlength": "Must be at least {0} chars long",
+    "maxlength": "Must be at most {0} chars long",
+    "betweenlength": "Must be between {0} and {1} chars long",
+    "min": "This field must be at least {0}",
+    "max": "This field must be at most {0}",
+    "between": "This field must be between {0} and {1}",
+    "pattern": "Please use a valid format",
+    "date": "Please enter a valid date",
+    "time": "Please enter a valid time",
+    "datetime": "Please enter a valid date and time",
+    "datetime-local": "Please enter a valid date and time",
+    "month": "Please enter a valid month",
+    "week": "Please enter a valid week",
+    "color": "Please enter a valid color",
+    "file": "Please enter a valid file",
+    "range": "Please enter a valid range",
+    "radio": "Please select a valid option",
+    "checkbox": "Please select a valid option",
+    "select": "Please select a valid option",
+    "multiple": "Please select a valid option",
   };
   (function (IndeterminateType) {
     IndeterminateType["uncheck"] = "uncheck";
@@ -447,4 +447,4 @@ var Bcm;
 })(Bcm || (Bcm = {}));
 const Bcm$1 = Bcm;
 
-export { Bcm$1 as B, Bcm as a };
+export { Bcm as B, Bcm$1 as a };

package/dist/esm/bcm-accordion.entry.js

@@ -3,8 +3,8 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { G as Generate } from './generate-ea4b5630.js';
-import './package-b6a53fde.js';
+import { G as Generate } from './generate-5bd07136.js';
+import './package-29b2cf6e.js';
 import './colors-e1c31f79.js';
 import './_commonjsHelpers-be0d4ec8.js';
 

package/dist/esm/bcm-alert.entry.js

@@ -3,14 +3,14 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-ea4b5630.js';
+import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-5bd07136.js';
 import { c as classnames } from './index-b84bc8c9.js';
 import { c as createStore } from './index-f38e3364.js';
-import { S as StringHelper } from './string-helper-3526c4fe.js';
-import './package-b6a53fde.js';
+import { S as StringHelper } from './string-helper-85990695.js';
+import './package-29b2cf6e.js';
 import './colors-e1c31f79.js';
 import './_commonjsHelpers-be0d4ec8.js';
-import './bcm-0f9cc27c.js';
+import './bcm-a50d55ba.js';
 
 const { state } = createStore({
   value: new Map(),

package/dist/esm/bcm-attendance-actions-comment.entry.js

@@ -5,19 +5,19 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
 import './color-helper-c4fa9ebc.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-ea4b5630.js';
-import './number-helper-148cd002.js';
-import './string-helper-3526c4fe.js';
-import './validators-78ec4f0a.js';
+import { G as Generate } from './generate-5bd07136.js';
+import './number-helper-c4a6ae8a.js';
+import './string-helper-85990695.js';
+import './validators-0288c955.js';
 import './element-dragger-7ea06c76.js';
 import { d as delay } from './utils-b3338faf.js';
-import { F as FloatingUI } from './floating-ui-a4e67246.js';
-import { a as Bcm } from './bcm-0f9cc27c.js';
+import { F as FloatingUI } from './floating-ui-3f4394da.js';
+import { B as Bcm } from './bcm-a50d55ba.js';
 import { c as ce } from './index-3bc8c6e3.js';
 import './colors-1d7854ea.js';
 import './colors-e1c31f79.js';
 import './_commonjsHelpers-be0d4ec8.js';
-import './package-b6a53fde.js';
+import './package-29b2cf6e.js';
 
 const attendanceActionCommentStyle = ce({
   slots: {

package/dist/esm/bcm-attendance-actions-dropdown.entry.js

@@ -5,20 +5,20 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
 import './color-helper-c4fa9ebc.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-ea4b5630.js';
-import './number-helper-148cd002.js';
-import './string-helper-3526c4fe.js';
-import './validators-78ec4f0a.js';
+import { G as Generate } from './generate-5bd07136.js';
+import './number-helper-c4a6ae8a.js';
+import './string-helper-85990695.js';
+import './validators-0288c955.js';
 import './element-dragger-7ea06c76.js';
-import { F as FloatingUI } from './floating-ui-a4e67246.js';
-import { a as Bcm } from './bcm-0f9cc27c.js';
+import { F as FloatingUI } from './floating-ui-3f4394da.js';
+import { B as Bcm } from './bcm-a50d55ba.js';
 import { c as classnames } from './index-b84bc8c9.js';
 import { c as ce } from './index-3bc8c6e3.js';
 import './colors-1d7854ea.js';
 import './utils-b3338faf.js';
 import './colors-e1c31f79.js';
 import './_commonjsHelpers-be0d4ec8.js';
-import './package-b6a53fde.js';
+import './package-29b2cf6e.js';
 
 const attendanceActionDropdownStyle = ce({
   slots: {