bromcom-ui 2.12.1-test.1 → 2.12.2-rc.1

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

@@ -10,16 +10,16 @@ import './index-00c8a8f7.js';
 import './types-6f06fa1a.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import './generate-d71d0301.js';
-import './number-helper-407e89d0.js';
-import './validators-2cce19e1.js';
+import './generate-5b2c41dd.js';
+import './number-helper-73915feb.js';
+import './validators-af8f369d.js';
 import './element-dragger-b75266e6.js';
 import './types-9493a7ed.js';
 import './_commonjsHelpers-7002e5de.js';
 import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 
 const BcmCaption = class {
   constructor(hostRef) {

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

@@ -5,14 +5,14 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import { C as ColorHelper } from './color-helper-ba15b0d8.js';
-import { G as Generate } from './generate-d71d0301.js';
+import { G as Generate } from './generate-5b2c41dd.js';
 import { S as StringHelper } from './string-helper-b4602002.js';
 import { S as SlotTemplate } from './slot-template-0d958dcc.js';
 import './_commonjsHelpers-7002e5de.js';
 import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './bcm-a50d55ba.js';
 
 const cardCss = "@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-card{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1);box-sizing:border-box}.bcm-card__header,.bcm-card__body,.bcm-card__footer{display:block;width:100%}.bcm-card__header{border-radius:8px 8px 0 0;padding:12px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-card__body{padding:12px 24px}.bcm-card__footer{padding:12px 24px;border-radius:0 0 8px 8px}";

package/dist/esm/bcm-chip-group.entry.js

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d71d0301.js';
-import './number-helper-407e89d0.js';
+import { G as Generate } from './generate-5b2c41dd.js';
+import './number-helper-73915feb.js';
 import './string-helper-b4602002.js';
-import './validators-2cce19e1.js';
+import './validators-af8f369d.js';
 import './element-dragger-b75266e6.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
 import { C as CaptionTemplate } from './caption-template-3cd42c3b.js';
@@ -20,7 +20,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 
 const chipGroupCss = "@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}.bcm-chip-group .bcm-chip{cursor:pointer}";
 

package/dist/esm/bcm-date-picker.entry.js

@@ -6,11 +6,11 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-06
 import { c as classnames } from './index-00c8a8f7.js';
 import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d71d0301.js';
+import { G as Generate } from './generate-5b2c41dd.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { d as delay } from './utils-7727d09e.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 
 const datePickerCss = "@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:inline-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}";

package/dist/esm/bcm-datetime-picker.entry.js

@@ -7,13 +7,13 @@ import { D as DragDirections, E as ElementDragger } from './element-dragger-b752
 import { c as classnames } from './index-00c8a8f7.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
 import { d as delay } from './utils-7727d09e.js';
-import { G as Generate } from './generate-d71d0301.js';
+import { G as Generate } from './generate-5b2c41dd.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-1b15cc99.js';
 import { L as LabelTemplate } from './label-template-ef97aadb.js';
 import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 import './string-helper-b4602002.js';
 

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

@@ -3,8 +3,8 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { G as Generate } from './generate-d71d0301.js';
-import './package-dec9ed1a.js';
+import { G as Generate } from './generate-5b2c41dd.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

package/dist/esm/bcm-form-2.entry.js

@@ -4,10 +4,10 @@
  */
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
-import { G as Generate, s as snq } from './generate-d71d0301.js';
+import { G as Generate, s as snq } from './generate-5b2c41dd.js';
 import { S as StringHelper } from './string-helper-b4602002.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

package/dist/esm/bcm-input-2.entry.js

@@ -5,12 +5,12 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-0615c2b8.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
-import { G as Generate } from './generate-d71d0301.js';
+import { G as Generate } from './generate-5b2c41dd.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { C as CaptionTemplate } from './caption-template-3cd42c3b.js';
 import { i as inputStyle } from './input.style-e855c0f3.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 import './index-3bc8c6e3.js';
 

package/dist/esm/bcm-input-custom.entry.js

@@ -3,9 +3,9 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { G as Generate } from './generate-d71d0301.js';
+import { G as Generate } from './generate-5b2c41dd.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

package/dist/esm/bcm-input-dropdown.entry.js

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement, F as Fragment } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d71d0301.js';
-import './number-helper-407e89d0.js';
+import { G as Generate } from './generate-5b2c41dd.js';
+import './number-helper-73915feb.js';
 import './string-helper-b4602002.js';
-import './validators-2cce19e1.js';
+import './validators-af8f369d.js';
 import './element-dragger-b75266e6.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
 import { C as CaptionTemplate } from './caption-template-3cd42c3b.js';
@@ -20,7 +20,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 
 const inputDropdownStyle = ce({
   slots: {

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d71d0301.js';
-import './number-helper-407e89d0.js';
+import { G as Generate } from './generate-5b2c41dd.js';
+import './number-helper-73915feb.js';
 import './string-helper-b4602002.js';
-import './validators-2cce19e1.js';
+import './validators-af8f369d.js';
 import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import { c as classnames } from './index-00c8a8f7.js';
@@ -16,7 +16,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 
 const BcmModal2Footer = class {
   constructor(hostRef) {

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

@@ -5,17 +5,17 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d71d0301.js';
-import './number-helper-407e89d0.js';
+import { G as Generate } from './generate-5b2c41dd.js';
+import './number-helper-73915feb.js';
 import './string-helper-b4602002.js';
-import './validators-2cce19e1.js';
+import './validators-af8f369d.js';
 import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 
 const BcmModal2Header = class {
   constructor(hostRef) {

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d71d0301.js';
-import './number-helper-407e89d0.js';
+import { G as Generate } from './generate-5b2c41dd.js';
+import './number-helper-73915feb.js';
 import './string-helper-b4602002.js';
-import './validators-2cce19e1.js';
+import './validators-af8f369d.js';
 import './element-dragger-b75266e6.js';
 import { d as delay } from './utils-7727d09e.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
@@ -16,7 +16,7 @@ import { c as classnames } from './index-00c8a8f7.js';
 import './colors-1d7854ea.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 
 const BcmModal2 = class {
   constructor(hostRef) {

package/dist/esm/bcm-number-input.entry.js

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d71d0301.js';
-import './number-helper-407e89d0.js';
+import { G as Generate } from './generate-5b2c41dd.js';
+import './number-helper-73915feb.js';
 import { S as StringHelper } from './string-helper-b4602002.js';
-import './validators-2cce19e1.js';
+import './validators-af8f369d.js';
 import './element-dragger-b75266e6.js';
 import { d as delay } from './utils-7727d09e.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
@@ -20,7 +20,7 @@ import { i as inputStyle } from './input.style-e855c0f3.js';
 import './colors-1d7854ea.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './index-3bc8c6e3.js';
 
 const NumberInput = class {

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { C as ColorHelper } from './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d71d0301.js';
-import './number-helper-407e89d0.js';
+import { G as Generate } from './generate-5b2c41dd.js';
+import './number-helper-73915feb.js';
 import { S as StringHelper } from './string-helper-b4602002.js';
-import './validators-2cce19e1.js';
+import './validators-af8f369d.js';
 import './element-dragger-b75266e6.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
 import { d as delay } from './utils-7727d09e.js';
@@ -16,7 +16,7 @@ import { F as FloatingUI } from './floating-ui-3f4394da.js';
 import './colors-1d7854ea.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 
 class Popover {
   constructor({ content, message, targetId, placement = "top", color = "slate-700", trigger = "none", openDelay = 0, closeDelay = 0, autoHide = false, emitShow = () => { }, emitHide = () => { } }) {

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

@@ -4,11 +4,11 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import { G as Generate } from './generate-d71d0301.js';
+import { G as Generate } from './generate-5b2c41dd.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { d as delay } from './utils-7727d09e.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 
 const rangeCss = "@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-range{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:\" \";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:\"\";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}";

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, h, H as Host } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d71d0301.js';
-import './number-helper-407e89d0.js';
+import { G as Generate } from './generate-5b2c41dd.js';
+import './number-helper-73915feb.js';
 import './string-helper-b4602002.js';
-import './validators-2cce19e1.js';
+import './validators-af8f369d.js';
 import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import { c as ce } from './index-3bc8c6e3.js';
@@ -16,7 +16,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 
 const skeletonStyle = ce({
   slots: {

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

@@ -6,10 +6,10 @@ import { h, F as Fragment, r as registerInstance, H as Host, g as getElement } f
 import { M as ModuleNames, L as LicenseManager, a as MD5, W as WatermarkComp, _, R as RowNode, E as Events, C as ClientSideRowModelSteps, b as RowHighlightPosition, c as ChangedPath, A as Autowired, O as Optional, P as PostConstruct, B as Bean, d as BeanStub, G as GROUP_AUTO_COLUMN_ID, e as ColumnGroup, f as GroupInstanceIdCreator, g as ExcelFactoryMode, h as CssClassApplier, i as AgPromise, j as RefSelector, k as Component, l as ModuleRegistry, m as Grid } from './watermark-f2c6a1f9.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate, s as snq } from './generate-d71d0301.js';
-import './number-helper-407e89d0.js';
+import { G as Generate, s as snq } from './generate-5b2c41dd.js';
+import './number-helper-73915feb.js';
 import { S as StringHelper } from './string-helper-b4602002.js';
-import './validators-2cce19e1.js';
+import './validators-af8f369d.js';
 import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import { c as classnames } from './index-00c8a8f7.js';
@@ -19,7 +19,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 
 // DO NOT UPDATE MANUALLY: Generated from script during build time
 var VERSION$4 = '29.0.0';

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

@@ -3,14 +3,14 @@
  * Copyright (c) Bromcom.
  */
 import { h, r as registerInstance, c as createEvent, g as getElement } from './index-0615c2b8.js';
-import { G as Generate } from './generate-d71d0301.js';
+import { G as Generate } from './generate-5b2c41dd.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import { N as NumberHelper } from './number-helper-407e89d0.js';
+import { N as NumberHelper } from './number-helper-73915feb.js';
 import { e as extractColor } from './utils-7727d09e.js';
 import { C as ColorPalette } from './colors-1d7854ea.js';
 import { C as ColorProps } from './types-9493a7ed.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

package/dist/esm/bcm-time-picker.entry.js

@@ -5,11 +5,11 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
-import { G as Generate } from './generate-d71d0301.js';
+import { G as Generate } from './generate-5b2c41dd.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { d as delay } from './utils-7727d09e.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 
 const timePickerCss = "@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:inline-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}";

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

@@ -4,12 +4,12 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import { G as Generate } from './generate-d71d0301.js';
+import { G as Generate } from './generate-5b2c41dd.js';
 import { S as StringHelper } from './string-helper-b4602002.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { d as delay } from './utils-7727d09e.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 
 const BcmToast = class {

package/dist/esm/bromcom-ui.js

@@ -4,8 +4,8 @@
  */
 import { p as promiseResolve, b as bootstrapLazy } from './index-0615c2b8.js';
 export { s as setNonce } from './index-0615c2b8.js';
-import './global-80fedcf7.js';
-import './package-dec9ed1a.js';
+import './global-1a041ae3.js';
+import './package-a0f98e5f.js';
 import './watermark-f2c6a1f9.js';
 
 /*

package/dist/esm/{generate-d71d0301.js → generate-5b2c41dd.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { v as version } from './package-dec9ed1a.js';
+import { v as version } from './package-a0f98e5f.js';
 import { c as colors } from './colors-ed4e7579.js';
 
 /**

package/dist/esm/{global-80fedcf7.js → global-1a041ae3.js}

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { E as Env } from './index-0615c2b8.js';
-import { v as version } from './package-dec9ed1a.js';
+import { v as version } from './package-a0f98e5f.js';
 import { L as LicenseManager } from './watermark-f2c6a1f9.js';
 
 window.bcm = (function () {

package/dist/esm/loader.js

@@ -4,8 +4,8 @@
  */
 import { p as promiseResolve, b as bootstrapLazy } from './index-0615c2b8.js';
 export { s as setNonce } from './index-0615c2b8.js';
-import './global-80fedcf7.js';
-import './package-dec9ed1a.js';
+import './global-1a041ae3.js';
+import './package-a0f98e5f.js';
 import './watermark-f2c6a1f9.js';
 
 /*

package/dist/esm/{number-helper-407e89d0.js → number-helper-73915feb.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { s as snq } from './generate-d71d0301.js';
+import { s as snq } from './generate-5b2c41dd.js';
 
 class NumberHelper {
 }

package/dist/esm/old-bcm-popover-box.entry.js

@@ -7,13 +7,13 @@ import './element-dragger-b75266e6.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-1b15cc99.js';
 import { F as FloatingUI } from './floating-ui-3f4394da.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import { G as Generate } from './generate-d71d0301.js';
-import { N as NumberHelper } from './number-helper-407e89d0.js';
+import { G as Generate } from './generate-5b2c41dd.js';
+import { N as NumberHelper } from './number-helper-73915feb.js';
 import { S as StringHelper } from './string-helper-b4602002.js';
 import './utils-7727d09e.js';
 import './bcm-a50d55ba.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 
 const oldPopoverBoxCss = "@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-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:\"\";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}";

package/dist/esm/old-bcm-popover.entry.js

@@ -5,9 +5,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
-import { G as Generate } from './generate-d71d0301.js';
+import { G as Generate } from './generate-5b2c41dd.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec9ed1a.js';
+import './package-a0f98e5f.js';
 import './colors-ed4e7579.js';
 
 const oldPopoverCss = "@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}.bcm-popover{display:inline-flex}";

package/dist/esm/{package-dec9ed1a.js → package-a0f98e5f.js}

@@ -2,6 +2,6 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-const version = "2.12.1-test.1";
+const version = "2.12.2-rc.1";
 
 export { version as v };

package/dist/esm/{validators-2cce19e1.js → validators-af8f369d.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { s as snq } from './generate-d71d0301.js';
+import { s as snq } from './generate-5b2c41dd.js';
 
 class Validators {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.12.1-test.1",
+  "version": "2.12.2-rc.1",
   "description": "Bromcom UI is a collection of web components built with StencilJS",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/bromcom-ui/p-42111a9b.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as e,c as i,h as r,H as t,g as a}from"./p-170cf07d.js";import{c}from"./p-64fad38b.js";import{G as n}from"./p-3575cff5.js";import"./p-85eedabc.js";import"./p-bcf286cb.js";import"./p-a2df6c19.js";const s=class{constructor(r){e(this,r),this.bcmBreadcrumb=i(this,"bcm-breadcrumb-click",7),this.items=void 0,this.seperator="/",this.hidden=!1,this.isOpen=!1}handleClickOutside(e){this.el.contains(e.target)||this.isOpen&&(this.isOpen=!1)}handleOpen(e){this.isOpen=this.isOpen!=e&&e}parseItem(e,i){return e.index=i,e.id=e.id||n.UID(),e}render(){const{items:e,seperator:i,hidden:a}=this,s=c("bcm-breadcrumb","size-2",{hidden:a}),o=i=>r("bcm-link",Object.assign({id:i.id||n.UID(),onClick:()=>this.bcmBreadcrumb.emit(i),target:i.target&&i.index<e.length-1?i.target:"_self"},(1==i.child||i.index<e.length-1)&&i.href&&{href:i.href},{icon:i.icon?i.icon:null,class:c({active:i.index===e.length-1,"is-link":(1==i.child||i.index<e.length-1)&&i.href})}),i.label?i.label:null),m=i=>r("details",{class:c("bcm-breadcrumb__dropdown-item",{active:i.index===e.length-1,open:this.isOpen===i.id}),id:i.id,open:this.isOpen===i.id},r("summary",{onClick:()=>this.handleOpen(i.id),class:this.isOpen===i.id&&"open"},r("span",{class:"is-link"},r(o,Object.assign({},{icon:i.icon,label:i.label,href:"javascript:void(0)",index:i.index})),r("bcm-icon",{icon:"fas fa-caret-down"}))),r("div",{class:"bcm-breadcrumb__dropdown-submenu"},i.dropdown.map((e=>r("span",{class:"size-2 dropdown-item"},r(o,Object.assign({},e,{child:!0})))))));return r(t,{class:s},r("span",{hidden:!0},r("slot",null)),e.map(((t,a)=>r("span",{class:"bcm-breadcrumb__item"},t.dropdown&&t.dropdown.length>0?m(this.parseItem(t,a)):o(this.parseItem(t,a)),a<e.length-1?r("span",{class:"seperator"},i):null))))}get el(){return a(this)}};s.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}.bcm-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}';export{s as bcm_breadcrumb}

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,c as i,h as s,H as e,g as o}from"./p-170cf07d.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as n}from"./p-3575cff5.js";import"./p-91b72db1.js";import"./p-35f2e15a.js";import"./p-e9c348e7.js";import"./p-6f861fed.js";import{d as a}from"./p-6f2e4c9b.js";import{F as c}from"./p-6e5f5f36.js";import{B as r}from"./p-a313fba6.js";import{c as l}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-bcf286cb.js";const m=l({slots:{host:["tw-w-fit","tw-absolute tw-left-0 tw-right-0 tw-z-tooltip tw-opacity-100 tw-transition-opacity tw-duration-300","tw-rounded tw-bg-white tw-shadow","bcm-ui-element bcm-attendance-actions tw-flex tw-flex-col tw-items-start tw-justify-start tw-p-4 tw-font-medium tw-text-slate-700"],footer:["tw-flex tw-w-full tw-flex-row tw-items-center tw-justify-end tw-gap-2 "]},variants:{size:{small:{},medium:{},large:{}}},defaultVariants:{size:"medium"}}),h=class{constructor(s){t(this,s),this.change=i(this,"bcm-attendance-actions-comment-change",3),this.lateMinutes=null,this.comment=null,this._id=n.UID(),this.size=r.Size.medium,this.disabled=!1,this.selectedKey=null,this.targetId=null,this.isShow=!1,this.isLate=!1,this.selectedItem=null}handleSave(t,i){this.change.emit({lateMinutes:t,comment:i}),this.hide()}async show(){const t=document.getElementById(this.targetId);c({ref:t,floating:this.el,placement:"bottom-end",offset:8,arrow:!0,arrowColor:"tw-bg-white"}),this.isShow=!0,await a(100),this.isLate?this.focusInput():this.focusTextarea()}focusInput(){const t=this.el.querySelector("bcm-input");null==t||t.onBcmSelect()}focusTextarea(){const t=this.el.querySelector("bcm-textarea");null==t||t.onBcmSelect()}async hide(){this.isShow&&this.el.remove()}handleClickOutside(t){n.findEventPath(t,this.el)||this.hide()}async formSubmit(){var t,i,s;const{lateMinutes:e,comment:o,isLate:n}=this;if(n&&e&&!(e>=0&&e<=200))return;const{isValid:a}=await(null===(t=this.el.querySelector("bcm-form"))||void 0===t?void 0:t.submit());a&&this.handleSave(e||(null===(i=this.selectedItem)||void 0===i?void 0:i.lateMin),o||(null===(s=this.selectedItem)||void 0===s?void 0:s.comment))}render(){var t,i;const{size:o}=this,{host:n,footer:a}=m({size:o});return s(e,{class:n(),onKeyDown:t=>{"Escape"===t.key&&this.hide()}},s("bcm-form",{validation:!0,style:{width:"256px"}},this.isLate?s("bcm-input",{label:"Minus Late",required:!0,name:"lateMin",id:this._id+"-input-dropdown-late-content-input",type:"number",size:this.size,autocomplete:!1,"no-margin":!0,min:0,max:200,value:null===(t=this.selectedItem)||void 0===t?void 0:t.lateMin,placeholder:"Enter Minus Late","onBcm-change":({detail:t})=>this.lateMinutes=t,onKeyDown:t=>{"Enter"===t.key&&this.formSubmit()}},s("i",{slot:"prefix",class:"far fa-clock"})):null,s("bcm-textarea",{name:"comment",value:null===(i=this.selectedItem)||void 0===i?void 0:i.comment,size:this.size,"onBcm-change":({detail:t})=>this.comment=t,label:"Description","no-caption":!0,rows:4,onKeyDown:t=>{"Enter"===t.key&&this.formSubmit()}}),s("footer",{class:a()},s("bcm-button",{class:"tw-order-2",icon:"fas fa-save","icon-position":"prefix",size:this.size,onClick:()=>this.formSubmit()},"Save"),s("bcm-button",{class:"tw-order-1",icon:"fas fa-times",kind:"ghost",size:this.size,"icon-position":"prefix",onClick:()=>this.hide()},"Close"))))}get el(){return o(this)}};export{h as bcm_attendance_actions_comment}