bromcom-ui 2.9.0-rc.8 → 2.9.0-rc.9

package/dist/bromcom-ui/p-e09fa0dc.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as p,H as s,g as r}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as o}from"./p-e9842c26.js";import"./p-3a68eca1.js";import"./p-8d0ca8c2.js";import"./p-d7f10f7f.js";import"./p-5ae0a59b.js";import"./p-a429e85b.js";import{c as e}from"./p-d65a1e21.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-908b1b5d.js";const a=class{constructor(p){t(this,p),this._id=o.UID(),this.el.slot="footer"}render(){return p(s,{class:e("tw-flex tw-flex-row tw-items-center tw-justify-end tw-gap-2 tw-px-6 tw-pb-6 tw-pt-2")},p("slot",null))}get el(){return r(this)}};export{a as bcm_modal_2_footer}

package/dist/bromcom-ui/p-e32d9cfc.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{v as o}from"./p-908b1b5d.js";window.bcm={version:o},function(o){const s=document.head,n=document.createElement("script");Object.keys(o).forEach((s=>{n[s]=o[s]})),s.appendChild(n)}({src:"https://kit.fontawesome.com/5e86bea963.js",crossOrigin:"anonymous"});

package/dist/bromcom-ui/p-e9842c26.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{v as r}from"./p-908b1b5d.js";import{c as t}from"./p-4aa0e6b1.js";var e,n;function o(r,t){try{var e=r();return void 0===e?t:e}catch(r){if(r instanceof TypeError)return t;throw r}}!function(r){r.info="info",r.error="error",r.warning="warning",r.success="success",r.default="default"}(e||(e={})),function(r){r.banner="banner",r.basic="basic"}(n||(n={}));const c=["localhost","beta-regression.bromcomcloud.com","beta-scrum.bromcomcloud.com","beta-kanban.bromcomcloud.com"];(()=>{const r=window.location.hostname;return c.includes(r)})()&&console.log(`%cbromcom ui%c version: ${r}-p `,"color: white; background:#1890FF; font-weight: 300;  font-size:10px;  padding:2px 6px;  border-radius: 5px","font-size:10px;"),function(){const r=document.querySelector("body");let t=localStorage.getItem("bcm-theme");!r.classList.contains("bcm-theme-*")&&t&&r.classList.add(`bcm-theme-${t}`)}(),function(){const r=document.querySelector("body");let t=document.querySelector("#bcm-overlay-container");t||(t=document.createElement("div"),t.id="bcm-overlay-container",r.appendChild(t))}();class u{static getTwColor(r){const{color:e,variable:n,tones:o}=r=Object.assign({variable:"--bcm-color-default",defaultTone:"600",tones:{50:{},100:{},200:{},300:{},400:{},500:{},600:{},700:{},800:{},900:{},950:{}}},r);if(!e||!t[e])return!1;const c={};return"string"==typeof t[e]?(c[n]=t[e],c):((Array.isArray(o)?o:Object.keys(o)).forEach((r=>{t[e][r]&&(Array.isArray(o[r])?o[r].forEach((o=>{c[`${n}-${o}`]=t[e][r]})):c[`${n}-${r}`]=t[e][r])})),c)}}u.UID=(r="bcm")=>`${r}${Math.random().toString(36).substr(2,9)}`,u.getIconAttrWithStatusType=(r,t=!1)=>{if(t)return{icon:"far fa-spinner-third fa-spin"};switch(r){case e.info:return{icon:"far fa-info-circle"};case e.error:return{icon:"far fa-times-circle"};case e.warning:return{icon:"far fa-exclamation-circle"};case e.success:return{icon:"far fa-check-circle"}}},u.createComponent=(r,t,e="append-area")=>{let n=e?document.querySelector(e):document.body;e&&!n&&(n=document.createElement("div"),n.id="append-area",document.body.appendChild(n),n.style.visibility="hidden",n.style.opacity="0");let o=document.getElementById(t.id);return o||(o=document.createElement(r)),Object.keys(t).forEach((r=>{o[r]=t[r]})),n.appendChild(o),o},u.createElement=(r="div",t)=>{let e=document.getElementById(t.id);return e||(e=document.createElement(r)),Object.keys(t).forEach((r=>{"innerHTML"==r?e[r]=t[r]:e.setAttribute(r,t[r])})),document.body.appendChild(e),e},u.debounceInput=(r,t,e,n)=>{let o;return function(){let c=this,u=arguments;n&&n.apply(c,u);let i=function(){o=null,e||r.apply(c,u)},a=e&&!o;clearTimeout(o),o=setTimeout(i,t),a&&r.apply(c,u)}},u.flatArray=r=>r.reduce(((r,t)=>r.concat(Array.isArray(t)?u.flatArray(t):t)),[]),u.reverseNodeList=r=>{let t=[];for(let e=r.length-1;e>=0;e--)t.push(r[e]);return t},u.findEventPathWithKey=(r,t,e)=>{e=Array.isArray(e)?e:[e];let n=r.composedPath()||r.path;if(n)return void 0!==n.filter((r=>e.includes(r[t])))[0]},u.findEventPathHasAttribute=(r,t)=>{let e=r.composedPath()||r.path;if(e)return o((()=>!!e.find((r=>r.hasAttribute(t)))),!1)},u.findEventTarget=(r,t)=>{t=Array.isArray(t)?t:[t];let e=r.target||r.srcElement;if(e)return t.includes(e)},u.findEventPathWithNodeName=(r,t)=>{let e=r.composedPath()||r.path;if(e)return e.filter((r=>r.nodeName===t))[0]},u.findEventPath=(r,t)=>{t=Array.isArray(t)?t:[t];let e=r.composedPath()||r.path;if(e)return void 0!==e.filter((r=>t.includes(r)))[0]},u.objectIsEmpty=r=>0===Object.keys(r).length&&r.constructor===Object,u.convertIdsToNestedData=(r,t)=>{let e=[],n=[];return t.forEach((t=>{r&&r.indexOf(t.id.toString())>-1?e.push(t):t.items&&(n=u.convertIdsToNestedData(r,t.items),n.length>0&&(t.items=n,e.push(t)))})),e},u.nodeListToArray=r=>Array.prototype.slice.call(r),u.setAttributes=(r,t)=>{Object.keys(t).forEach((e=>{r.setAttribute(e,t[e])}))},u.computedStyle=(r,t)=>window.getComputedStyle(r,null).getPropertyValue(t),u.getAncestor=(r,t)=>{for(;(r=r.parentElement)&&!r.matches(t););return r},u.findParentElement=(r,t)=>{const e=t.charAt(0);if("*"===t)return r.parentElement;if("."===e){const e=t.slice(1);return function(r,t){for(;null!==r;){if(r.classList.contains(t))return r;r=r.parentElement}return null}(r.parentElement,e)}if("#"===e){const e=t.slice(1);return function(r,t){for(;null!==r;){if(r.id===t)return r;r=r.parentElement}return null}(r.parentElement,e)}if("["===e){const e=t.indexOf("]"),n=t.slice(1,e),o=t.slice(e+2,-1);return function(r,t,e){for(;null!==r;){if(r.hasAttribute(t)&&(void 0===e||r.getAttribute(t)===e))return r;r=r.parentElement}return null}(r.parentElement,n,o)}{const e=t.toLowerCase();return function(r,t){for(;null!==r;){if(r.tagName.toLowerCase()===t.toLowerCase())return r;r=r.parentElement}return null}(r.parentElement,e)}};export{u as G,e as S,n as T,o as s}

package/dist/bromcom-ui/p-f645d9ae.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,c as e,f as i,h as s,H as a,g as o}from"./p-6d7fe687.js";import{I as n}from"./p-54c0916c.js";import{G as r,s as h}from"./p-e9842c26.js";import{S as p}from"./p-8d0ca8c2.js";import{a as c}from"./p-a429e85b.js";import"./p-908b1b5d.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const l=["BCM-INPUT","BCM-TEXTAREA","BCM-SWITCH","BCM-CHECKBOX","BCM-RADIO-GROUP","BCM-CHECKBOX-GROUP","BCM-RANGE","BCM-FORM","BCM-FORM-GROUP","BCM-LIST","BCM-COLORPICKER","BCM-DATE-PICKER","BCM-TIME-PICKER","BCM-DATETIME-PICKER","BCM-SELECT","BCM-LISTBOX","BCM-CHIP-GROUP"];const m=class{constructor(i){t(this,i),this.bcmForm=e(this,"bcm-form",7),this.isLoad=!1,this.formData={},this.formObj=new Map,this._id=r.UID(),this.validation=!1}componentDidLoad(){this.isLoad=!0,i(this)}componentIsValid(t){if(!t.hidden){this.checkIsGroup(t);const e=["bcm-checkbox","bcm-switch"].includes(p.lowercase(t.tagName))?0==t.value:p.isNullOrEmpty(t.value);t.required&&(e?(t.captionError=c.FormErrorMessages.required,t.captionType="error",this.formObj.set(t.id,{name:t.name,valid:!1,errorDetails:t.captionError})):(t.captionError=null,t.captionType="default",this.formObj.delete(t.id)))}}isGroup(t){return["bcm-checkbox-group"].includes(p.lowercase(t.tagName))}checkIsGroup(t){if(this.isGroup(t))for(let e of Array.from(t.querySelectorAll("bcm-checkbox")))e&&this.componentIsValid(e)}changeCheckboxGroup(t){const e=t.target,{changed:i}=t.detail,s=Array.from(e.querySelectorAll("bcm-checkbox"));for(let t of s)t.id==i.element.id&&(t.value=i.event.value,this.componentIsValid(t))}bcmComponentList(){return h((()=>Array.from(this.el.querySelectorAll("*")).filter((t=>l.includes(t.tagName)&&(!t["s-hn"]||"BCM-FORM-2"==t["s-hn"]))).filter(Boolean)),[])}formResponse(){const t={formData:this.formData,isValid:0==this.formObj.size,errorDetails:Object.assign({},this.formObj.size>0&&Array.from(this.formObj).map((([t,e])=>({[e.name]:e.errorDetails})))),message:0==this.formObj.size?"":"Please fill in all inputs"};return this.bcmForm.emit(t),t}async setMethodType(t){const{isLoad:e,validation:i}=this;if(e)for(const e of this.bcmComponentList())try{await e[t](),"setClear"==t&&i&&this.componentIsValid(e)}catch(i){console.error(e.nodeName,t,i)}return Promise.resolve()}async submit(){const{isLoad:t,validation:e}=this;if(t)for(const t of this.bcmComponentList()){const{name:i,value:s}=t;this.formData[i]=p.isNullOrEmpty(s)?null:s,e&&this.componentIsValid(t)}return Promise.resolve(this.formResponse())}async set(t){var e,i,s;if(this.isLoad&&t&&(null===(e=this.bcmComponentList())||void 0===e?void 0:e.length)>0)for(let e of Object.keys(t)){const a=null!==(s=null===(i=this.bcmComponentList())||void 0===i?void 0:i.find((t=>t.name==e)))&&void 0!==s?s:{};if(a)try{await a.set(t[e]),this.componentIsValid(a)}catch(t){console.warn("set: ",e,a.nodeName)}}}async get(){var t;let e={};if((null===(t=this.bcmComponentList())||void 0===t?void 0:t.length)>0)for(let t of this.bcmComponentList()){const i=await t.get();e=Object.assign(Object.assign({},e),{[t.name]:p.isNullOrEmpty(i)?null:i})}return Promise.resolve(e)}async resetCaption(){return Promise.resolve(await this.setMethodType("resetCaption"))}async setClear(){return this.formData={},this.formObj=new Map,Promise.resolve(await this.setMethodType("setClear"))}onChange(t){const{isLoad:e,validation:i}=this;if(e){const e=t.target,s=e&&e.tagName.toLowerCase().startsWith("bcm-");if(i&&s){if(this.isGroup(e))return this.changeCheckboxGroup(t);this.componentIsValid(e)}}}render(){return s(a,null,s("slot",null))}get el(){return o(this)}};(function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([n()],m.prototype,"el",void 0),m.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.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}:host{display:block}';export{m as bcm_form_2}

package/dist/cjs/bcm-input.cjs.entry.js

@@ -1,371 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-cae9c0fb.js');
-const numberHelper = require('./number-helper-101d8aa8.js');
-const stringHelper = require('./string-helper-d681e5c7.js');
-const validators = require('./validators-26badb68.js');
-const bcm = require('./bcm-ab921827.js');
-const captionTemplate = require('./caption-template-8d099fd6.js');
-const inputTemplate = require('./input-template-a7f8f2e9.js');
-const index$1 = require('./index-fdbf5226.js');
-const utils = require('./utils-fc077139.js');
-const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-require('./package-ed8b3296.js');
-require('./colors-e1d142ad.js');
-require('./_commonjsHelpers-bd20f4c0.js');
-require('./types-cc4adee7.js');
-
-const inputCss = "@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\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @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-caption-area{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:\"Inter\", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;overflow:hidden;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:\"Inter\", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}";
-
-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 BcmInput = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.focus = index.createEvent(this, "bcm-focus", 7);
-    this.blur = index.createEvent(this, "bcm-blur", 7);
-    this.clear = index.createEvent(this, "bcm-clear", 7);
-    this.change = index.createEvent(this, "bcm-change", 7);
-    this.input = index.createEvent(this, "bcm-input", 7);
-    this.isBlur = false;
-    this._id = generate.Generate.UID();
-    this._internal_id = generate.Generate.UID();
-    this.value = '';
-    this.size = bcm.Bcm$1.Size.medium;
-    this.label = undefined;
-    this.pattern = undefined;
-    this.tooltip = undefined;
-    this.placeholder = undefined;
-    this.disabled = false;
-    this.readonly = false;
-    this.clearable = false;
-    this.autocomplete = false;
-    this.name = undefined;
-    this.type = bcm.Bcm$1.InputType.text;
-    this.hidden = false;
-    this.required = false;
-    this.fullWidth = false;
-    this.noDefaultIcon = undefined;
-    this.disableWatchValue = false // datetimepicker
-    ;
-    this.passwordToggle = false // type password
-    ;
-    this.maxLength = null;
-    this.unitPrefix = null;
-    this.unit = undefined;
-    this.decimal = true;
-    this.min = undefined;
-    this.max = undefined;
-    this.step = undefined;
-    this.caption = undefined;
-    this.noCaption = false;
-    this.captionType = bcm.Bcm$1.Status.default;
-    this.captionError = undefined;
-    this.customErrorMessage = undefined;
-    this._prefix = undefined;
-    this._suffix = undefined;
-    this.captionCache = undefined;
-    this.captionTypeCache = undefined;
-    this.inValid = false;
-    this.valueCache = '';
-    this.focused = false;
-    this.isPasswordVisible = false;
-  }
-  connectedCallback() {
-    this.valueCache = this.value;
-    this.captionCache = this.caption;
-    this.captionTypeCache = this.captionType;
-  }
-  componentWillRender() {
-    const { type, isBlur, value } = this;
-    if (value) {
-      this.value.length > 0 && (this.checkPattern());
-      switch (type) {
-        case "number":
-          {
-            !this.checkValid("number") && (this.validationRange());
-          }
-          break;
-        case "email":
-          {
-            isBlur && (this.checkValid("email"));
-          }
-          break;
-        case "tel":
-          {
-            isBlur && (this.checkValid("phone"));
-          }
-          break;
-      }
-    }
-    else {
-      !this.required && (this.resetCaption());
-    }
-  }
-  async onBcmFocus() {
-    this.inputElement.focus();
-  }
-  async onBcmBlur() {
-    this.inputElement.blur();
-  }
-  async onBcmSelect() {
-    this.inputElement.select();
-  }
-  async set(data) {
-    await this.setValue(data);
-  }
-  async get() {
-    return this.value || null;
-  }
-  async setValue(value) {
-    this.inputElement.value = value;
-    this.handleChange();
-    return value;
-  }
-  async setClear() {
-    this.inputElement.value = '';
-    this.value = '';
-    await utils.delay(10);
-    return Promise.resolve();
-  }
-  async resetCaption() {
-    await utils.delay(10);
-    this.caption = this.captionCache;
-    this.captionType = this.captionTypeCache;
-    this.captionError = null;
-    this.inValid = false;
-    await utils.delay(10);
-    return Promise.resolve();
-  }
-  async getValue() {
-    return this.value;
-  }
-  watchValue(newValue) {
-    this.inputElement.value = newValue;
-    if (!this.disableWatchValue && this.type != "number") {
-      this.handleChange();
-    }
-  }
-  listenKeyDown(e) {
-    if (!this.disabled && !this.readonly) {
-      this.onBcmFocus();
-      if (this.type == "number") {
-        var which = e.which || 0;
-        var key = e.key;
-        if (which == 38) { // up arrow
-          e.preventDefault(),
-            this.stepUpOrDown('up');
-        }
-        if (which == 40) { // down arrow
-          e.preventDefault(),
-            this.stepUpOrDown('down');
-        }
-        if ((which == 190 || which == 110 || key == ".") && this.value.indexOf(".") > -1) { //.
-          e.preventDefault();
-        }
-        if ((which == 189 || which == 109 || key == "-")) { //-
-          if (this.value.charAt(0) == '-' || this.value.indexOf("-") > -1) {
-            e.preventDefault();
-          }
-        }
-      }
-    }
-  }
-  handleFocus() {
-    this.focused = true;
-    this.focus.emit();
-    this.whatchHasFocus();
-  }
-  handleBlur() {
-    this.focused = false;
-    this.isBlur = true;
-    this.whatchHasFocus();
-    this.blur.emit();
-  }
-  handleChange() {
-    this.valueSync();
-  }
-  handleInput() {
-    if (this.type == "number" && this.maxLength) {
-      const inputValue = this.inputElement.value;
-      if (inputValue && inputValue.length > 0 && inputValue.length > this.maxLength) {
-        this.inputElement.value = inputValue.substring(0, this.maxLength);
-      }
-    }
-    this.valueSync();
-  }
-  valueSync() {
-    if (this.value != this.inputElement.value) {
-      this.value = this.inputElement.value;
-      this.change.emit(this.value);
-      return true;
-    }
-    this.input.emit(this.value);
-    return false;
-  }
-  handleClear(e) {
-    this.inputElement.value = '';
-    this.value = '';
-    this.inputElement.focus();
-    this.clear.emit(e);
-    this.change.emit(this.value);
-    e.stopPropagation();
-  }
-  changePasswordVisibility() {
-    this.isPasswordVisible = !this.isPasswordVisible;
-  }
-  setCaption(caption = null, captionType = null) {
-    this.caption = caption || this.captionCache;
-    this.captionType = captionType || this.captionTypeCache;
-    this.captionError = captionType == "error" ? caption : null;
-  }
-  stepUpOrDown(type) {
-    if (!this.inValid && !this.disabled && !this.readonly) {
-      let step = +(this.step) || 1;
-      let val = +(this.value);
-      if (type == 'up') {
-        val = +(val + step);
-      }
-      else {
-        val = +(val - step);
-      }
-      this.value = val.toString();
-      this.change.emit(this.value);
-    }
-  }
-  validationRange() {
-    const { min, max, value } = this;
-    if (value !== undefined) {
-      if ((min !== undefined) && (max !== undefined)) {
-        if (value < min || value > max) {
-          this.setCaption(stringHelper.StringHelper.getMessage('between', [min, max]), "error");
-          return false;
-        }
-      }
-      else if (min !== undefined) {
-        if (value < min) {
-          this.setCaption(stringHelper.StringHelper.getMessage('min', [min]), "error");
-          return false;
-        }
-      }
-      else if (max !== undefined) {
-        if (value > max) {
-          this.setCaption(stringHelper.StringHelper.getMessage('max', [max]), "error");
-          return false;
-        }
-      }
-    }
-    this.setCaption();
-    return true;
-  }
-  checkPattern() {
-    const { pattern, value } = this;
-    if (pattern) {
-      if (validators.Validators.pattern(value, pattern)) {
-        this.setCaption();
-        this.inValid = false;
-      }
-      else {
-        this.setCaption(stringHelper.StringHelper.getMessage('pattern'), "error");
-        this.inValid = true;
-      }
-    }
-  }
-  checkValid(type) {
-    const { value } = this;
-    if (validators.Validators.isValidate(value, type)) {
-      this.setCaption();
-      this.inValid = false;
-    }
-    else {
-      this.setCaption(stringHelper.StringHelper.getMessage(type), "error");
-      this.inValid = true;
-    }
-    return this.inValid;
-  }
-  whatchHasFocus() {
-    const { type, focused, valueCache, inValid } = this;
-    if (type == bcm.Bcm$1.InputType.number && inValid) {
-      console.log("whatchHasFocus");
-      if (focused) {
-        this.value = '';
-      }
-      else {
-        if (!stringHelper.StringHelper.isNullOrEmpty(this.value)) {
-          this.value = this.value ? this.fixToNumber(this.value) : '';
-        }
-        else {
-          this.value = valueCache;
-        }
-      }
-    }
-  }
-  fixToNumber(val) {
-    if (val) {
-      const decLen = numberHelper.NumberHelper.getDecimalLength(this.step);
-      return decLen > 0 ? numberHelper.NumberHelper.parseFloatFixed(val, decLen) : val;
-    }
-    return val;
-  }
-  eyeDropper() {
-    const eyeDropper = new window.EyeDropper();
-    eyeDropper
-      .open()
-      .then((color) => {
-      console.log("color: ", color.sRGBHex);
-      this.setValue(color.sRGBHex);
-    })
-      .catch((error) => {
-      if (error.name === "NotAllowedError") {
-        console.log("Permission to access sensor was denied.");
-      }
-      else if (error.name === "NotSupportedError") {
-        console.log("Sensor not supported.");
-      }
-    });
-  }
-  isEyeDropperSupported() {
-    return typeof window !== "undefined" && "EyeDropper" in window;
-  }
-  toggleLinked() {
-    const linkedElement = document.getElementById(`${this._id}-linked`);
-    if (linkedElement) {
-      linkedElement.toggle();
-    }
-  }
-  render() {
-    const { value, size, label, type, captionType, caption, captionError, placeholder, fullWidth, disabled, readonly, clearable, passwordToggle, isPasswordVisible, noDefaultIcon, unit, inValid, focused, unitPrefix, noCaption, required, hidden, _id, autocomplete } = this;
-    const isActiveClearable = (value === null || value === void 0 ? void 0 : value.length) > 0 && clearable;
-    const hostClasses = index$1.classnames('bcm-input', `bcm-input__container--${size}`, {
-      hidden,
-      // 'no-margin': noMargin,
-      'full-width': fullWidth
-    });
-    return (index.h(index.Host, { onfocus: () => this.onBcmFocus(), class: hostClasses, onClick: () => this.onBcmFocus() }, label && index.h("bcm-label", { onClick: () => this.toggleLinked(), tooltip: this.tooltip, type: captionType, value: label, required: required, htmlFor: _id }), index.h(inputTemplate.InputTemplate, { id: _id, type: type, value: value, pattern: this.pattern, placeholder: placeholder, disabled: disabled, readonly: readonly, clearable: isActiveClearable, passwordToggle: passwordToggle, isPasswordVisible: isPasswordVisible, noDefaultIcon: noDefaultIcon, focused: focused, inValid: inValid, unitPrefix: unitPrefix, maxLength: this.maxLength, internalId: this._internal_id, captionType: captionType, unit: unit, size: size, handleFocus: () => this.handleFocus(), handleBlur: () => this.handleBlur(), handleChange: () => this.handleChange(), handleInput: () => this.handleInput(), steps: (e) => this.stepUpOrDown(e), changePasswordVisibility: () => this.changePasswordVisibility(), handleClear: (e) => this.handleClear(e), eyeDropper: () => this.eyeDropper(), isEyeDropperSupported: () => this.isEyeDropperSupported(), ref: (el) => this.inputElement = el, _suffix: this._suffix, _prefix: this._prefix, autocomplete: autocomplete }), index.h(captionTemplate.CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption, customErrorMessage: this.customErrorMessage }), type == bcm.Bcm$1.InputType.color &&
-      index.h("bcm-linked", { targetId: this._id + "-container", id: this._id + "-linked" }, index.h("bcm-colorful", { id: this._id + "-picker", color: this.value, onBcmChange: e => this.setValue(e.detail) }))));
-  }
-  static get watchers() { return {
-    "value": ["watchValue"]
-  }; }
-};
-__decorate([
-  isLoadDecorator.IsLoad()
-], BcmInput.prototype, "inputElement", void 0);
-BcmInput.style = inputCss;
-
-exports.bcm_input = BcmInput;

package/dist/collection/components/other/data-table/table.js

@@ -1,88 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { h } from "@stencil/core";
-import { delay } from "../../../utils/utils";
-export class BcmTable {
-  constructor() {
-    this.gridOptions = {};
-  }
-  fetchJsFromCDN(url) {
-    return new Promise((resolve, reject) => {
-      const script = document.createElement('script');
-      script.src = url;
-      script.onload = () => {
-        resolve(script);
-      };
-      script.onerror = () => {
-        reject(new Error(`Script load error for ${url}`));
-      };
-      document.head.appendChild(script);
-    });
-  }
-  ;
-  async componentDidLoad() {
-    await this.fetchJsFromCDN("https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.noStyle.js").then(() => console.info('agGridCommunity loaded'));
-    await this.fetchJsFromCDN("https://unpkg.com/ag-grid-enterprise/dist/ag-grid-enterprise.min.noStyle.js").then(() => console.info('agGridEnterprise loaded'));
-    await delay(100);
-    const agGrid = window["agGrid"];
-    const gridDiv = this.el.querySelector('#bcm-table');
-    if (gridDiv && agGrid) {
-      this.el.getAttributeNames().forEach(key => {
-        if (key === "class") {
-          gridDiv.classList.add(this.el.getAttribute(key));
-        }
-        else {
-          gridDiv.setAttribute(key, this.el.getAttribute(key));
-        }
-      });
-      try {
-        agGrid.LicenseManager.setLicenseKey(process.env.AG_GRID);
-        new agGrid.Grid(gridDiv, this.gridOptions);
-      }
-      catch (e) {
-        console.log(`agGrid error: ${e}`);
-      }
-    }
-  }
-  render() {
-    return (h("div", { id: "bcm-table", class: "bcm-table ag-theme-balham" }));
-  }
-  static get is() { return "bcm-table"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["table.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["table.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "gridOptions": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "Object",
-          "resolved": "Object",
-          "references": {
-            "Object": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "{}"
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}