bromcom-ui 2.11.1-rc.9-2 → 2.11.1-rc.9-4

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{s}from"./p-3556d078.js";class r{}r.isNumber=r=>s((()=>/^[0-9]+$/i.test(r))),r.convertToNumber=r=>s((()=>Number(r))),r.replaceNumber=r=>s((()=>r.replace(/[^0-9]/g,""))),r.replaceFloat=r=>s((()=>r.replace(/[^0-9.]/g,""))),r.toFixed=(r,a)=>s((()=>r.toFixed(a))),r.parseFloatFixed=(a,e)=>s((()=>parseFloat(r.replaceFloat(a)).toFixed(e))),r.getDecimalLength=r=>s((()=>r.split(".")[1]?r.split(".")[1].length:0)),r.toNumber=r=>s((()=>Number(r.replace(/[^0-9.]/g,""))));export{r as N}

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as i,h as e,H as t,g as n}from"./p-170cf07d.js";import{c as s}from"./p-e0ab7b38.js";import{a}from"./p-a313fba6.js";import"./p-6657830f.js";const o=class{constructor(e){i(this,e),this.hidden=!1,this.href=void 0,this.target=void 0,this.icon=void 0,this.disabled=!1,this.iconPosition=a.IconPosition.prefix}handleOnClick(i){this.disabled&&(i.preventDefault(),i.stopPropagation())}linkIsExternal(i){return i&&!(!i.startsWith("http")&&!i.startsWith("//"))}render(){const{href:i,icon:n,hidden:o,target:l,iconPosition:r,disabled:p}=this,c=s("bcm-link",{disabled:p,hidden:o}),h=s("bcm-link__anchor",r,{suffix:this.linkIsExternal(i)});return e(t,{disabled:p,class:c},e(i?"a":"span",{class:h,href:i,target:this.linkIsExternal(i)?"_blank":l},n&&r===a.IconPosition.prefix&&e("bcm-icon",{class:"prefix-icon",icon:n}),e("slot",null),this.linkIsExternal(i)&&e("bcm-icon",{class:"suffix-icon",icon:"far fa-external-link-alt"})))}get el(){return n(this)}};o.style='@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-link{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline;color:var(--bcm-new-ds-color-blue-500)}.bcm-link.hidden{display:none}.bcm-link.disabled{pointer-events:none;opacity:0.5;cursor:not-allowed}.bcm-link__anchor{display:inline-flex;align-items:baseline;font-size:inherit;color:inherit}.bcm-link__anchor.prefix .prefix-icon{margin-right:4px}.bcm-link__anchor.suffix .suffix-icon{margin-left:4px}.bcm-link__anchor:hover,.bcm-link__anchor:focus,.bcm-link__anchor:active,.bcm-link__anchor:focus-visible{outline:none}.bcm-link__anchor:hover{color:var(--bcm-new-ds-color-blue-600)}.bcm-link__anchor:active{color:var(--bcm-new-ds-color-blue-700)}.bcm-link__anchor:focus-visible{color:var(--bcm-new-ds-color-blue-800)}';export{o as bcm_link}

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

@@ -1,51 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c591ecec.js');
-const index$1 = require('./index-95ae50d0.js');
-const bcm = require('./bcm-1d1fcf21.js');
-require('./_commonjsHelpers-ed84c3ca.js');
-
-const linkCss = "@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-link{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline;color:var(--bcm-new-ds-color-blue-500)}.bcm-link.hidden{display:none}.bcm-link.disabled{pointer-events:none;opacity:0.5;cursor:not-allowed}.bcm-link__anchor{display:inline-flex;align-items:baseline;font-size:inherit;color:inherit}.bcm-link__anchor.prefix .prefix-icon{margin-right:4px}.bcm-link__anchor.suffix .suffix-icon{margin-left:4px}.bcm-link__anchor:hover,.bcm-link__anchor:focus,.bcm-link__anchor:active,.bcm-link__anchor:focus-visible{outline:none}.bcm-link__anchor:hover{color:var(--bcm-new-ds-color-blue-600)}.bcm-link__anchor:active{color:var(--bcm-new-ds-color-blue-700)}.bcm-link__anchor:focus-visible{color:var(--bcm-new-ds-color-blue-800)}";
-
-const BcmLink = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.hidden = false;
-    this.href = undefined;
-    this.target = undefined;
-    this.icon = undefined;
-    this.disabled = false;
-    this.iconPosition = bcm.Bcm$1.IconPosition.prefix;
-  }
-  handleOnClick(e) {
-    if (this.disabled) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }
-  linkIsExternal(url) {
-    return url && !!(url.startsWith('http') || url.startsWith('//'));
-  }
-  render() {
-    const { href, icon, hidden, target, iconPosition, disabled } = this;
-    const hostClasses = index$1.classnames('bcm-link', {
-      disabled,
-      hidden
-    });
-    const classes = index$1.classnames('bcm-link__anchor', iconPosition, {
-      'suffix': this.linkIsExternal(href)
-    });
-    const ElementTagType = href ? 'a' : 'span';
-    return (index.h(index.Host, { disabled: disabled, class: hostClasses }, index.h(ElementTagType, { class: classes, href: href, target: this.linkIsExternal(href) ? '_blank' : target }, icon && iconPosition === bcm.Bcm$1.IconPosition.prefix && index.h("bcm-icon", { class: "prefix-icon", icon: icon }), index.h("slot", null), this.linkIsExternal(href) && index.h("bcm-icon", { class: "suffix-icon", icon: "far fa-external-link-alt" }))));
-  }
-  get el() { return index.getElement(this); }
-};
-BcmLink.style = linkCss;
-
-exports.bcm_link = BcmLink;

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

@@ -1,157 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c591ecec.js');
-const index$1 = require('./index-95ae50d0.js');
-const bcm = require('./bcm-1d1fcf21.js');
-const stringHelper = require('./string-helper-9cdfb273.js');
-const slotTemplate = require('./slot-template-df7b5b59.js');
-const generate = require('./generate-f4bfa0a4.js');
-require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-b728c16f.js');
-require('./colors-078851ec.js');
-
-const modalCss = "@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-modal{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:24px;transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;opacity:0.6;background-color:var(--bcm-new-ds-color-slate-900)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);z-index:2;transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:\"\";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-400);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}";
-
-const BcmModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.close = index.createEvent(this, "bcm-close", 3);
-    this.modalClose = index.createEvent(this, "bcm-modal-close", 3);
-    this.modalBeforeClose = index.createEvent(this, "bcm-modal-before-close", 3);
-    this.modalBeforeOpen = index.createEvent(this, "bcm-modal-before-open", 3);
-    this.modalSlots = {};
-    this._id = generate.Generate.UID();
-    this.isShow = false;
-    this.hidden = false;
-    this.size = bcm.Bcm$1.Size.medium;
-    this.backdrop = true;
-    this.width = undefined;
-    this.height = undefined;
-    this.fullWidth = false;
-  }
-  connectedCallback() {
-    const bcmSlots = this.el.querySelectorAll('bcm-modal-header, bcm-modal-footer');
-    if (bcmSlots) {
-      bcmSlots.forEach(el => {
-        let slotName = stringHelper.StringHelper.lowercase(stringHelper.StringHelper.split(el.nodeName, '-').pop());
-        el.slot = slotName;
-        el.classList.add(`bcm-modal__container-${slotName}-content`);
-        this.modalSlots[slotName] = el;
-      });
-    }
-    const disableScrollClass = `bcm-modal--disable-scroll-${this._id}`;
-    const styleId = `bcm-modal-style-${this._id}`;
-    let style = document.getElementById(styleId);
-    if (!style) {
-      style = document.createElement('style');
-      style.id = styleId;
-      style.innerHTML = `.${disableScrollClass} { overflow: hidden; }`;
-      document.head.appendChild(style);
-    }
-  }
-  componentWillLoad() {
-    // document.body.appendChild(this.el);
-  }
-  handleSubmit(e) {
-    const button = generate.Generate.findEventPathWithNodeName(e, stringHelper.StringHelper.uppercase('bcm-button'));
-    if (button && button.dataDismiss) {
-      this.hide();
-    }
-  }
-  handleBackdrop() {
-    if (this.backdrop == true) {
-      this.hide();
-    }
-  }
-  async hide(obj = { force: false }) {
-    if (obj === null || obj === void 0 ? void 0 : obj.force) {
-      this.isShow = false;
-      this.close.emit(); // Deprecated
-      this.modalClose.emit();
-      return;
-    }
-    this.modalBeforeClose.emit(this.el);
-  }
-  async show(obj = { force: false }) {
-    if (obj === null || obj === void 0 ? void 0 : obj.force) {
-      this.isShow = true;
-      return;
-    }
-    this.modalBeforeOpen.emit(this.el);
-  }
-  keyboardNavigation(e) {
-    if (this.backdrop == true) {
-      const keyCode = e.keyCode || 0;
-      if (keyCode == bcm.Bcm$1.KeyCode.escape) {
-        e.preventDefault();
-        this.hide();
-      }
-    }
-  }
-  async showModal(e) {
-    if (e.defaultPrevented) {
-      return;
-    }
-    if (e.target === this.el) {
-      this.isShow = true;
-      // document.body.appendChild(this.el); A solution must be found for this.
-    }
-  }
-  async hideModal(e) {
-    if (e.defaultPrevented) {
-      return;
-    }
-    if (e.target === this.el) {
-      this.isShow = false;
-      this.close.emit(); // Deprecated
-      this.modalClose.emit();
-    }
-  }
-  _openHandler() {
-    const disableScrollClass = `bcm-modal--disable-scroll-${this._id}`;
-    if (this.isShow) {
-      document.body.classList.add(disableScrollClass);
-    }
-    else {
-      document.body.classList.remove(disableScrollClass);
-    }
-  }
-  disconnectedCallback() {
-    const disableScrollClass = `bcm-modal--disable-scroll-${this._id}`;
-    document.body.classList.remove(disableScrollClass);
-  }
-  render() {
-    const { isShow, size, fullWidth, hidden, width, height } = this;
-    const bcmModalContainer = index$1.classnames('bcm-modal__container', size, {
-      'custom-size': width || height,
-      'full-width': fullWidth,
-      'bcm-modal__show': isShow,
-    });
-    const bcmModalHostClasses = index$1.classnames('bcm-modal', {
-      hidden,
-      'bcm-modal__show': isShow,
-    });
-    const mainClasses = index$1.classnames('bcm-modal__container-main', 'size-2');
-    const FooterTemplate = () => {
-      return (this.modalSlots['footer'] && (index.h("footer", { class: "bcm-modal__container-footer" }, index.h("slot", { name: "footer" }))));
-    };
-    const HeaderTemplate = () => {
-      return (this.modalSlots['header'] && (index.h("header", { class: "bcm-modal__container-header" }, index.h(slotTemplate.SlotTemplate, { name: "header", className: 'full-width' }), index.h("div", { class: "bcm-modal__container-header-close", onClick: () => this.hide() }, index.h("bcm-icon", { icon: "far fa-times" })))));
-    };
-    const customStyle = Object.assign(Object.assign({}, (width && { width: width })), (height && { height: height }));
-    return (index.h(index.Host, { class: `tw-overscroll-contain  ${bcmModalHostClasses}` }, index.h("div", { class: "overlay", onClick: () => this.handleBackdrop() }), index.h("div", { class: bcmModalContainer, style: customStyle }, index.h(HeaderTemplate, null), index.h("main", { class: mainClasses }, index.h("article", null, index.h(slotTemplate.SlotTemplate, null))), index.h(FooterTemplate, null))));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "isShow": ["_openHandler"]
-  }; }
-};
-BcmModal.style = modalCss;
-
-exports.bcm_modal = BcmModal;

package/dist/collection/components/molecules/number-input/number-input.css

@@ -1,137 +0,0 @@
-@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;
-}
-
-/**
- * Generator
- */
-.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;
-}
-
-@layer base {
-  .bcm-number-input input[type=number]::-webkit-outer-spin-button,
-.bcm-number-input input[type=number]::-webkit-inner-spin-button,
-.bcm-number-input input[type=number] {
-    -webkit-appearance: none;
-    padding: 0px;
-    margin: 0px;
-    outline: none;
-    border: 0px;
-    vertical-align: baseline;
-    -moz-appearance: textfield !important;
-  }
-}

package/dist/collection/components/molecules/number-input/number-input.style.js

@@ -1,45 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { tv } from "tailwind-variants";
-export const numberInputStyle = tv({
-  slots: {
-    host: "bcm-number-input bcm-ui-element tw-flex tw-flex-col tw-items-start tw-justify-start tw-max-w-[256px] tw-w-full",
-    container: "tw-flex tw-flex-row tw-items-center tw-justify-between tw-rounded tw-border tw-border-solid tw-border-slate-300 tw-w-full tw-min-h-full hover:tw-bg-slate-50",
-    inputContainer: "tw-flex tw-min-h-fit tw-w-full tw-flex-row tw-items-center tw-justify-center tw-gap-2 tw-px-3",
-    input: "tw-outline-none tw-appearance-none tw-flex-1 tw-bg-transparent tw-text-slate-400 tw-text-inherit tw-font-normal",
-    caretContainer: "tw-flex tw-flex-col tw-min-h-full tw-border-l tw-items-stretch tw-self-stretch tw-justify-center tw-border-l-slate-300 tw-select-none tw-w-[30px]",
-    caretIcon: "tw-flex tw-items-center tw-text-slate-500 tw-justify-center tw-h-full tw-cursor-pointer active:tw-bg-slate-400 last:tw-border-t last:tw-border-t-slate-300",
-    slotIcon: "tw-text-slate-500",
-  },
-  variants: {
-    size: {
-      small: {
-        host: "tw-gap-0.5 tw-text-xs",
-        slotIcon: "tw-text-[10px]",
-        inputContainer: "tw-py-[2px]",
-        caretIcon: "tw-text-[10px]",
-      },
-      medium: {
-        host: "tw-gap-1 tw-text-base",
-        slotIcon: "tw-text-xs",
-        inputContainer: "tw-py-[5px]",
-      },
-      large: {
-        host: "tw-gap-2 tw-text-base",
-        slotIcon: "tw-text-[14px]",
-        inputContainer: "tw-py-2",
-      },
-    },
-    focus: {
-      true: {
-        container: "tw-ring-1 tw-ring-blue-600",
-        input: "tw-text-slate-700",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "medium",
-  },
-});

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

@@ -1,47 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-f549811f.js';
-import { a as Bcm } from './bcm-a50d55ba.js';
-import './_commonjsHelpers-82aa9212.js';
-
-const linkCss = "@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-link{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline;color:var(--bcm-new-ds-color-blue-500)}.bcm-link.hidden{display:none}.bcm-link.disabled{pointer-events:none;opacity:0.5;cursor:not-allowed}.bcm-link__anchor{display:inline-flex;align-items:baseline;font-size:inherit;color:inherit}.bcm-link__anchor.prefix .prefix-icon{margin-right:4px}.bcm-link__anchor.suffix .suffix-icon{margin-left:4px}.bcm-link__anchor:hover,.bcm-link__anchor:focus,.bcm-link__anchor:active,.bcm-link__anchor:focus-visible{outline:none}.bcm-link__anchor:hover{color:var(--bcm-new-ds-color-blue-600)}.bcm-link__anchor:active{color:var(--bcm-new-ds-color-blue-700)}.bcm-link__anchor:focus-visible{color:var(--bcm-new-ds-color-blue-800)}";
-
-const BcmLink = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.hidden = false;
-    this.href = undefined;
-    this.target = undefined;
-    this.icon = undefined;
-    this.disabled = false;
-    this.iconPosition = Bcm.IconPosition.prefix;
-  }
-  handleOnClick(e) {
-    if (this.disabled) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }
-  linkIsExternal(url) {
-    return url && !!(url.startsWith('http') || url.startsWith('//'));
-  }
-  render() {
-    const { href, icon, hidden, target, iconPosition, disabled } = this;
-    const hostClasses = classnames('bcm-link', {
-      disabled,
-      hidden
-    });
-    const classes = classnames('bcm-link__anchor', iconPosition, {
-      'suffix': this.linkIsExternal(href)
-    });
-    const ElementTagType = href ? 'a' : 'span';
-    return (h(Host, { disabled: disabled, class: hostClasses }, h(ElementTagType, { class: classes, href: href, target: this.linkIsExternal(href) ? '_blank' : target }, icon && iconPosition === Bcm.IconPosition.prefix && h("bcm-icon", { class: "prefix-icon", icon: icon }), h("slot", null), this.linkIsExternal(href) && h("bcm-icon", { class: "suffix-icon", icon: "far fa-external-link-alt" }))));
-  }
-  get el() { return getElement(this); }
-};
-BcmLink.style = linkCss;
-
-export { BcmLink as bcm_link };

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

@@ -1,153 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-f549811f.js';
-import { a as Bcm } from './bcm-a50d55ba.js';
-import { S as StringHelper } from './string-helper-3592bdc2.js';
-import { S as SlotTemplate } from './slot-template-2a19b2db.js';
-import { G as Generate } from './generate-44c39402.js';
-import './_commonjsHelpers-82aa9212.js';
-import './package-b2db00f1.js';
-import './colors-c530a5b8.js';
-
-const modalCss = "@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-modal{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:24px;transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;opacity:0.6;background-color:var(--bcm-new-ds-color-slate-900)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);z-index:2;transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:\"\";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-400);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}";
-
-const BcmModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.close = createEvent(this, "bcm-close", 3);
-    this.modalClose = createEvent(this, "bcm-modal-close", 3);
-    this.modalBeforeClose = createEvent(this, "bcm-modal-before-close", 3);
-    this.modalBeforeOpen = createEvent(this, "bcm-modal-before-open", 3);
-    this.modalSlots = {};
-    this._id = Generate.UID();
-    this.isShow = false;
-    this.hidden = false;
-    this.size = Bcm.Size.medium;
-    this.backdrop = true;
-    this.width = undefined;
-    this.height = undefined;
-    this.fullWidth = false;
-  }
-  connectedCallback() {
-    const bcmSlots = this.el.querySelectorAll('bcm-modal-header, bcm-modal-footer');
-    if (bcmSlots) {
-      bcmSlots.forEach(el => {
-        let slotName = StringHelper.lowercase(StringHelper.split(el.nodeName, '-').pop());
-        el.slot = slotName;
-        el.classList.add(`bcm-modal__container-${slotName}-content`);
-        this.modalSlots[slotName] = el;
-      });
-    }
-    const disableScrollClass = `bcm-modal--disable-scroll-${this._id}`;
-    const styleId = `bcm-modal-style-${this._id}`;
-    let style = document.getElementById(styleId);
-    if (!style) {
-      style = document.createElement('style');
-      style.id = styleId;
-      style.innerHTML = `.${disableScrollClass} { overflow: hidden; }`;
-      document.head.appendChild(style);
-    }
-  }
-  componentWillLoad() {
-    // document.body.appendChild(this.el);
-  }
-  handleSubmit(e) {
-    const button = Generate.findEventPathWithNodeName(e, StringHelper.uppercase('bcm-button'));
-    if (button && button.dataDismiss) {
-      this.hide();
-    }
-  }
-  handleBackdrop() {
-    if (this.backdrop == true) {
-      this.hide();
-    }
-  }
-  async hide(obj = { force: false }) {
-    if (obj === null || obj === void 0 ? void 0 : obj.force) {
-      this.isShow = false;
-      this.close.emit(); // Deprecated
-      this.modalClose.emit();
-      return;
-    }
-    this.modalBeforeClose.emit(this.el);
-  }
-  async show(obj = { force: false }) {
-    if (obj === null || obj === void 0 ? void 0 : obj.force) {
-      this.isShow = true;
-      return;
-    }
-    this.modalBeforeOpen.emit(this.el);
-  }
-  keyboardNavigation(e) {
-    if (this.backdrop == true) {
-      const keyCode = e.keyCode || 0;
-      if (keyCode == Bcm.KeyCode.escape) {
-        e.preventDefault();
-        this.hide();
-      }
-    }
-  }
-  async showModal(e) {
-    if (e.defaultPrevented) {
-      return;
-    }
-    if (e.target === this.el) {
-      this.isShow = true;
-      // document.body.appendChild(this.el); A solution must be found for this.
-    }
-  }
-  async hideModal(e) {
-    if (e.defaultPrevented) {
-      return;
-    }
-    if (e.target === this.el) {
-      this.isShow = false;
-      this.close.emit(); // Deprecated
-      this.modalClose.emit();
-    }
-  }
-  _openHandler() {
-    const disableScrollClass = `bcm-modal--disable-scroll-${this._id}`;
-    if (this.isShow) {
-      document.body.classList.add(disableScrollClass);
-    }
-    else {
-      document.body.classList.remove(disableScrollClass);
-    }
-  }
-  disconnectedCallback() {
-    const disableScrollClass = `bcm-modal--disable-scroll-${this._id}`;
-    document.body.classList.remove(disableScrollClass);
-  }
-  render() {
-    const { isShow, size, fullWidth, hidden, width, height } = this;
-    const bcmModalContainer = classnames('bcm-modal__container', size, {
-      'custom-size': width || height,
-      'full-width': fullWidth,
-      'bcm-modal__show': isShow,
-    });
-    const bcmModalHostClasses = classnames('bcm-modal', {
-      hidden,
-      'bcm-modal__show': isShow,
-    });
-    const mainClasses = classnames('bcm-modal__container-main', 'size-2');
-    const FooterTemplate = () => {
-      return (this.modalSlots['footer'] && (h("footer", { class: "bcm-modal__container-footer" }, h("slot", { name: "footer" }))));
-    };
-    const HeaderTemplate = () => {
-      return (this.modalSlots['header'] && (h("header", { class: "bcm-modal__container-header" }, h(SlotTemplate, { name: "header", className: 'full-width' }), h("div", { class: "bcm-modal__container-header-close", onClick: () => this.hide() }, h("bcm-icon", { icon: "far fa-times" })))));
-    };
-    const customStyle = Object.assign(Object.assign({}, (width && { width: width })), (height && { height: height }));
-    return (h(Host, { class: `tw-overscroll-contain  ${bcmModalHostClasses}` }, h("div", { class: "overlay", onClick: () => this.handleBackdrop() }), h("div", { class: bcmModalContainer, style: customStyle }, h(HeaderTemplate, null), h("main", { class: mainClasses }, h("article", null, h(SlotTemplate, null))), h(FooterTemplate, null))));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "isShow": ["_openHandler"]
-  }; }
-};
-BcmModal.style = modalCss;
-
-export { BcmModal as bcm_modal };