bromcom-ui 2.9.0-rc.14 → 2.9.0-rc.16

package/dist/components/button.js

@@ -217,7 +217,7 @@ const ButtonTemplate = ({ value, type, componentClass, disabled, href, target, l
     h("slot", { name: "suffix" })));
 };
 
-const buttonCss = "@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-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:\"\";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}";
+const buttonCss = "@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-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:\"\";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}";
 
 const BcmButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/datetime-picker.js

@@ -1419,7 +1419,7 @@ const BcmDatetimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     const calendarIcon = `<svg style="fill: #595959; width: 14px; height: 14px;"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"/></svg>`;
     const errorIcon = `<svg style="fill: #ef4444; width: 14px; height: 14px;"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm42-104c0 23.2-18.8 42-42 42s-42-18.8-42-42 18.8-42 42-42 42 18.8 42 42zm-81.4-211.4l6.8 136c.3 6.4 5.6 11.4 12 11.4h41.2c6.4 0 11.7-5.1 12-11.4l6.8-136c.3-6.9-5.1-12.6-12-12.6h-54.8c-6.9 0-12.4 5.7-12 12.6z"/></svg>`;
     const inputIcon = this.type == "time" ? clockIcon : calendarIcon;
-    return (h(Host, { class: hostClasses, "bcm-internal-id": this.inputId }, this.label && (h("div", { class: "picker-label", onClick: () => this.openToggle() }, h(LabelTemplate, { size: "medium", type: this.captionType, value: this.label, required: this.required, htmlFor: this._id }))), h("bcm-old-input", { ref: el => (this.inputElement = el), placeholder: this.placeholder || 'Select ' + (this.type === Types.datetime ? 'date and time' : '') + (this.type === Types.date ? 'date' : '') + (this.type === Types.time ? 'time' : '') + (this.type === Types.range ? 'date range' : ''), value: this.valueText, required: this.required, fullWidth: this.fullWidth, disabled: this.disabled, name: this.name, id: this.inputId, clearable: this.clearable, onClick: () => this.openPicker(), noMargin: this.noMargin, disableWatchValue: true, "on-bcm-clear": () => this.handleInputClear(), "on-bcm-change": (e) => this.handleInputChange(e),
+    return (h(Host, { class: hostClasses, "bcm-internal-id": this.inputId }, this.label && (h("div", { class: "picker-label", onClick: () => this.openToggle() }, h(LabelTemplate, { size: "medium", type: this.captionType, value: this.label, required: this.required, htmlFor: this._id }))), h("bcm-old-input", { ref: el => (this.inputElement = el), placeholder: this.placeholder || 'Select ' + (this.type === Types.datetime ? 'date and time' : '') + (this.type === Types.date ? 'date' : '') + (this.type === Types.time ? 'time' : '') + (this.type === Types.range ? 'date range' : ''), value: this.valueText, required: this.required, fullWidth: this.fullWidth, disabled: this.disabled, name: this.name, id: this.inputId, clearable: this.clearable, onClick: () => this.openPicker(), "no-margin": true, disableWatchValue: true, "on-bcm-clear": () => this.handleInputClear(), "on-bcm-change": (e) => this.handleInputChange(e),
       // on-bcm-input={(e: CustomEvent) => this.handleInputInput(e.detail)}
       noCaption: this.noCaption, captionError: this.captionError, caption: this.caption, captionType: this.captionType }, this.error && (h("span", { slot: "suffix" }, h("span", { id: "error-icon", class: toggleClasses, innerHTML: errorIcon, title: this.errorText }))), h("span", { slot: "suffix", onClick: () => this.openPicker() }, h("span", { id: "calender-icon", class: toggleClasses, innerHTML: inputIcon }))), h("div", { id: "picker-vp-" + this._id, class: datetimePickerClasses, onWheel: (e) => this.handleWheel(e) }, h("div", { class: "modules" }, this.hasDateModule && (h("div", { class: "date-container" }, h("div", { class: "bcm-datetime-picker__header" }, h("span", null), h("div", { class: "month-year" }, h("button", { onClick: () => this.getPrevMonth() }, h("bcm-icon", { icon: "far fa-chevron-left" })), h("div", { class: "month-year-wrapper" }, h("span", { class: "month" }, this.getMonthText()), ",", h("span", { class: "year" }, this.date.getFullYear())), h("button", { onClick: () => this.getNextMonth() }, h("bcm-icon", { icon: "far fa-chevron-right" }))), h("span", { class: "today", onClick: () => this.setDateToday() }, "Today")), h("div", { class: "bcm-datetime-picker__content" }, h("div", { class: "years", ref: el => (this.yearsWrapperElement = el) }, h("div", { class: "items", ref: el => (this.yearsElement = el) }, this.years.map((year, idx) => h("span", { onClick: () => this.yearClick(idx) }, year))), h("div", { class: "select-strip", ref: el => (this.yearsStripElement = el) })), h("div", { class: "days" }, h("div", { class: "day-labels" }, h("span", null, "Mo"), h("span", null, "Tu"), h("span", null, "We"), h("span", null, "Th"), h("span", null, "Fr"), h("span", null, "Sa"), h("span", null, "Su")), h("div", { class: dayNumbersClasses }, this.dayNumbers.map(day => (h("span", { class: {
         'is-disabled-date': (this.type === Types.date || this.type === Types.datetime) && this.isDisabledDate(day.date),

package/dist/components/generate.js

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

package/dist/components/is-load-decorator.js

@@ -9,8 +9,9 @@ function IsLoad() {
     const { componentDidLoad } = proto;
     proto.componentDidLoad = function () {
       const host = getElement(this);
+      const { openIntersecting } = host;
       initProps(host);
-      registerAttrReflect(host);
+      openIntersecting && registerAttrReflect(host);
       return componentDidLoad && componentDidLoad.call(this);
     };
   };

package/dist/components/list.js

@@ -890,6 +890,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.keyControl = false;
     this.checkAll = true;
     this.stopDeepClean = false;
+    this.openIntersecting = false;
     this.linkedComponent = undefined;
     this.isOpen = false;
     this.calculatedViewport = false;
@@ -1621,6 +1622,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "keyControl": [1028, "key-control"],
     "checkAll": [1028, "check-all"],
     "stopDeepClean": [4, "stop-deep-clean"],
+    "openIntersecting": [4, "open-intersecting"],
     "linkedComponent": [1025, "linked-component"],
     "placeholder": [1025],
     "searchPlaceholder": [1025, "search-placeholder"],

package/dist/components/rc-picker.js

@@ -3,6 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent } from '@stencil/core/internal/client';
+import { a as Bcm } from './bcm.js';
 import { c as classnames } from './index2.js';
 import { u as useEvent, b as useLayoutUpdateEffect, _ as _typeof$3, c as warningOnce, d as useMemo, w as wrapperRaf, a as useLayoutEffect, e as canUseDom, s as supportRef, f as useComposeRef, i as isDOM, g as fillRef, h as findDOMNode, R as RefResizeObserver, j as composeRef } from './raf.js';
 import { r as react, a as reactDom, R as React } from './index3.js';
@@ -13745,7 +13746,7 @@ exports.default = _default;
 
 const enUS = /*@__PURE__*/getDefaultExportFromCjs(en_US);
 
-const rcPickerCss = ".rc-picker{display:inline-flex}.rc-picker-rtl{direction:rtl}.rc-picker-focused{border:1px solid blue}.rc-picker-panel{display:inline-block;vertical-align:top;background:#fff0ff;border:1px solid #666}.rc-picker-panel-focused{border-color:blue}.rc-picker-panel-rtl{direction:rtl}.rc-picker-decade-panel,.rc-picker-year-panel,.rc-picker-month-panel,.rc-picker-week-panel,.rc-picker-date-panel,.rc-picker-time-panel{display:flex;flex-direction:column}.rc-picker-decade-panel table,.rc-picker-year-panel table,.rc-picker-month-panel table,.rc-picker-week-panel table,.rc-picker-date-panel table,.rc-picker-time-panel table{text-align:center;border-collapse:collapse}.rc-picker-header{display:flex}.rc-picker-header>*{flex:none}.rc-picker-header-view{flex:auto;text-align:center}.rc-picker-header-view>button{padding:0;border:0}.rc-picker-cell{color:#aaa}.rc-picker-cell-disabled{opacity:0.2}.rc-picker-cell-inner{display:inline-block;box-sizing:border-box;width:100%;height:20px;margin:0;padding:0;font-size:12px;line-height:20px;background:transparent;border:0;border:none;outline:none;cursor:pointer;transition:background 0.3s, border 0.3s}.rc-picker-cell-inner:hover{background:rgba(0, 0, 255, 0.3)}.rc-picker-cell-in-view{color:#333}.rc-picker-cell-in-range>.rc-picker-cell-inner{background:rgba(0, 0, 255, 0.05)}.rc-picker-cell-range-hover-start,.rc-picker-cell-range-hover-end,.rc-picker-cell-range-hover{position:relative}.rc-picker-cell-range-hover-start::after,.rc-picker-cell-range-hover-end::after,.rc-picker-cell-range-hover::after{position:absolute;top:3px;right:0;bottom:0;left:0;border:1px solid green;border-right:0;border-left:0;content:'';pointer-events:none}.rc-picker-cell-range-hover-start::after{border-left:1px solid green !important}.rc-picker-cell-range-hover-end::after{border-right:1px solid green !important}.rc-picker-cell-today>.rc-picker-cell-inner{border:1px solid blue}.rc-picker-cell-range-start>.rc-picker-cell-inner,.rc-picker-cell-range-end>.rc-picker-cell-inner,.rc-picker-cell-selected>.rc-picker-cell-inner{background:rgba(0, 0, 255, 0.2)}.rc-picker-presets{background:#ccccff}.rc-picker-presets ul{margin:0;padding:0;list-style:none}.rc-picker-footer,.rc-picker-picker-footer{background:green}.rc-picker-ranges{margin:0;padding:0;overflow:hidden;list-style:none}.rc-picker-ranges>li{display:inline-block}.rc-picker-ok{float:right}.rc-picker-year-panel .rc-picker-cell-inner,.rc-picker-month-panel .rc-picker-cell-inner{width:80px}.rc-picker-week-panel-row:hover .rc-picker-cell{background:red}.rc-picker-week-panel-row-selected .rc-picker-cell{background:rgba(0, 0, 255, 0.3)}.rc-picker-week-panel-row-range-hover .rc-picker-cell{background:rgba(0, 255, 0, 0.1)}.rc-picker-week-panel-row-range-start .rc-picker-cell,.rc-picker-week-panel-row-range-end .rc-picker-cell{background:rgba(0, 255, 0, 0.3)}.rc-picker-week-panel .rc-picker-cell,.rc-picker-week-panel .rc-picker-cell-inner{width:20px}.rc-picker-week-panel .rc-picker-cell-week{color:#999;font-weight:bold;font-size:12px}.rc-picker-week-panel .rc-picker-cell:hover>.rc-picker-cell-inner,.rc-picker-week-panel .rc-picker-cell-selected>.rc-picker-cell-inner{background:transparent}.rc-picker-date-panel .rc-picker-cell-inner{width:20px}.rc-picker-time-panel{width:auto}.rc-picker-time-panel .rc-picker-content{display:flex;max-height:200px}.rc-picker-time-panel-column{flex:none;width:50px;margin:0;padding:0 0 180px 0;overflow-x:hidden;overflow-y:hidden;font-size:12px;text-align:left;list-style:none;transition:background 0.3s}.rc-picker-time-panel-column-active{background:rgba(0, 0, 255, 0.1)}.rc-picker-time-panel-column:hover{overflow-y:auto}.rc-picker-time-panel-column>li{margin:0;padding:0;cursor:pointer}.rc-picker-time-panel-column>li.rc-picker-time-panel-cell-disabled{opacity:0.5}.rc-picker-time-panel-column>li .rc-picker-time-panel-cell-inner{display:block;width:100%;height:20px;margin:0;padding:0 0 0 12px;color:#333;line-height:20px;text-align:left}.rc-picker-panel-rtl .rc-picker-time-panel-column>li .rc-picker-time-panel-cell-inner{padding:0 12px 0 0;text-align:right}.rc-picker-datetime-panel{display:flex}.rc-picker-datetime-panel .rc-picker-time-panel{border-left:1px solid #999}.rc-picker-datetime-panel .rc-picker-date-panel,.rc-picker-datetime-panel .rc-picker-time-panel{transition:opacity 0.3s}.rc-picker-datetime-panel-active .rc-picker-date-panel,.rc-picker-datetime-panel-active .rc-picker-time-panel{opacity:0.3}.rc-picker-datetime-panel-active .rc-picker-date-panel-active,.rc-picker-datetime-panel-active .rc-picker-time-panel-active{opacity:1}.rc-picker-input{position:relative;display:inline-flex;width:100%}.rc-picker-rtl .rc-picker-input{text-align:right}.rc-picker-input>input{width:100%}.rc-picker-input>input::-moz-placeholder{opacity:1}.rc-picker-input>input::placeholder{color:#bfbfbf}.rc-picker-input>input:placeholder-shown{text-overflow:ellipsis}.rc-picker-input-placeholder>input{color:#bfbfbf}.rc-picker-clear{position:absolute;top:0;right:4px;cursor:pointer}.rc-picker-rtl .rc-picker-clear{right:auto;left:4px}.rc-picker-clear-btn::after{content:'×'}.rc-picker-dropdown{position:absolute;box-shadow:0 0 1px red}.rc-picker-dropdown-range{padding:10px 0}.rc-picker-dropdown-hidden{display:none}.rc-picker-dropdown-placement-topLeft .rc-picker-range-arrow,.rc-picker-dropdown-placement-topRight .rc-picker-range-arrow{bottom:6px;transform:rotate(135deg)}.rc-picker-dropdown-placement-bottomLeft .rc-picker-range-arrow,.rc-picker-dropdown-placement-bottomright .rc-picker-range-arrow{top:6px;transform:rotate(-45deg)}.rc-picker-dropdown .rc-picker-range-arrow{position:absolute;left:10px;z-index:1;width:10px;height:10px;margin-left:10px;transition:all 0.3s}.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow{right:10px;left:auto;margin-right:10px;margin-left:0}.rc-picker-dropdown .rc-picker-range-arrow::before,.rc-picker-dropdown .rc-picker-range-arrow::after{position:absolute;top:50%;left:50%;box-sizing:border-box;transform:translate(-50%, -50%);content:''}.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow::before,.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow::after{right:50%;left:auto;transform:translate(50%, -50%)}.rc-picker-dropdown .rc-picker-range-arrow::before{width:10px;height:10px;border:5px solid blue;border-color:blue blue transparent transparent}.rc-picker-dropdown .rc-picker-range-arrow::after{width:8px;height:8px;border:4px solid blue;border-color:#fff0ff #fff0ff transparent transparent}.rc-picker-range{position:relative;display:inline-flex}.rc-picker-range-wrapper{display:flex}.rc-picker-range .rc-picker-active-bar{bottom:0;height:3px;background:green;opacity:0;transition:all 0.3s;pointer-events:none}.rc-picker-range.rc-picker-focused .rc-picker-active-bar{opacity:1}.rc-picker-panel-container{display:inline-block;vertical-align:top;transition:margin 0.3s}.rc-picker-panel-layout{display:flex;flex-wrap:nowrap;align-items:stretch}";
+const rcPickerCss = "@charset \"UTF-8\";@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}.rc-picker-rtl{direction:rtl}.rc-picker-panel-focused{border-color:#4293cf}.rc-picker-panel-rtl{direction:rtl}.rc-picker-decade-panel,.rc-picker-year-panel,.rc-picker-month-panel,.rc-picker-week-panel,.rc-picker-date-panel,.rc-picker-time-panel{display:flex;flex-direction:column}.rc-picker-decade-panel table,.rc-picker-year-panel table,.rc-picker-month-panel table,.rc-picker-week-panel table,.rc-picker-date-panel table,.rc-picker-time-panel table{text-align:center;border-collapse:collapse}.rc-picker-cell{color:#aaa}.rc-picker-cell-disabled{opacity:0.2}.rc-picker-cell-inner{display:inline-block;box-sizing:border-box;width:100%;height:20px;margin:0;padding:0;font-size:12px;line-height:20px;background:transparent;border:0;border:none;outline:none;cursor:pointer;transition:background 0.3s, border 0.3s}.rc-picker-cell-inner:hover{background:rgba(0, 0, 255, 0.3)}.rc-picker-cell-in-view{color:#333}.rc-picker-cell-in-range>.rc-picker-cell-inner{background:rgba(0, 0, 255, 0.05)}.rc-picker-cell-range-hover-start,.rc-picker-cell-range-hover-end,.rc-picker-cell-range-hover{position:relative}.rc-picker-cell-range-hover-start::after,.rc-picker-cell-range-hover-end::after,.rc-picker-cell-range-hover::after{position:absolute;top:3px;right:0;bottom:0;left:0;border:1px solid green;border-right:0;border-left:0;content:\"\";pointer-events:none}.rc-picker-cell-range-hover-start::after{border-left:1px solid green !important}.rc-picker-cell-range-hover-end::after{border-right:1px solid green !important}.rc-picker-cell-today>.rc-picker-cell-inner{border:1px solid blue}.rc-picker-cell-range-start>.rc-picker-cell-inner,.rc-picker-cell-range-end>.rc-picker-cell-inner,.rc-picker-cell-selected>.rc-picker-cell-inner{background:rgba(0, 0, 255, 0.2)}.rc-picker-presets{background:#ccccff}.rc-picker-presets ul{margin:0;padding:0;list-style:none}.rc-picker-footer,.rc-picker-picker-footer{background:green}.rc-picker-ranges{margin:0;padding:0;overflow:hidden;list-style:none}.rc-picker-ranges>li{display:inline-block}.rc-picker-ok{float:right}.rc-picker-year-panel .rc-picker-cell-inner,.rc-picker-month-panel .rc-picker-cell-inner{width:80px}.rc-picker-week-panel-row:hover .rc-picker-cell{background:red}.rc-picker-week-panel-row-selected .rc-picker-cell{background:rgba(0, 0, 255, 0.3)}.rc-picker-week-panel-row-range-hover .rc-picker-cell{background:rgba(0, 255, 0, 0.1)}.rc-picker-week-panel-row-range-start .rc-picker-cell,.rc-picker-week-panel-row-range-end .rc-picker-cell{background:rgba(0, 255, 0, 0.3)}.rc-picker-week-panel .rc-picker-cell,.rc-picker-week-panel .rc-picker-cell-inner{width:20px}.rc-picker-week-panel .rc-picker-cell-week{color:#999;font-weight:bold;font-size:12px}.rc-picker-week-panel .rc-picker-cell:hover>.rc-picker-cell-inner,.rc-picker-week-panel .rc-picker-cell-selected>.rc-picker-cell-inner{background:transparent}.rc-picker-date-panel .rc-picker-cell-inner{width:20px}.rc-picker-time-panel{width:auto}.rc-picker-time-panel .rc-picker-content{display:flex;max-height:200px}.rc-picker-time-panel-column{flex:none;width:50px;margin:0;padding:0 0 180px 0;overflow-x:hidden;overflow-y:hidden;font-size:12px;text-align:left;list-style:none;transition:background 0.3s}.rc-picker-time-panel-column-active{background:rgba(0, 0, 255, 0.1)}.rc-picker-time-panel-column:hover{overflow-y:auto}.rc-picker-time-panel-column>li{margin:0;padding:0;cursor:pointer}.rc-picker-time-panel-column>li.rc-picker-time-panel-cell-disabled{opacity:0.5}.rc-picker-time-panel-column>li .rc-picker-time-panel-cell-inner{display:block;width:100%;height:20px;margin:0;padding:0 0 0 12px;color:#333;line-height:20px;text-align:left}.rc-picker-panel-rtl .rc-picker-time-panel-column>li .rc-picker-time-panel-cell-inner{padding:0 12px 0 0;text-align:right}.rc-picker-datetime-panel{display:flex}.rc-picker-datetime-panel .rc-picker-time-panel{border-left:1px solid #999}.rc-picker-datetime-panel .rc-picker-date-panel,.rc-picker-datetime-panel .rc-picker-time-panel{transition:opacity 0.3s}.rc-picker-datetime-panel-active .rc-picker-date-panel,.rc-picker-datetime-panel-active .rc-picker-time-panel{opacity:0.3}.rc-picker-datetime-panel-active .rc-picker-date-panel-active,.rc-picker-datetime-panel-active .rc-picker-time-panel-active{opacity:1}.rc-picker-rtl .rc-picker-input{text-align:right}.rc-picker-rtl .rc-picker-clear{right:auto;left:4px}.rc-picker-dropdown{position:absolute;box-shadow:0 0 1px red}.rc-picker-dropdown-range{padding:10px 0}.rc-picker-dropdown-hidden{display:none}.rc-picker-dropdown-placement-topLeft .rc-picker-range-arrow,.rc-picker-dropdown-placement-topRight .rc-picker-range-arrow{bottom:6px;transform:rotate(135deg)}.rc-picker-dropdown-placement-bottomLeft .rc-picker-range-arrow,.rc-picker-dropdown-placement-bottomright .rc-picker-range-arrow{top:6px;transform:rotate(-45deg)}.rc-picker-dropdown .rc-picker-range-arrow{position:absolute;left:10px;z-index:1;width:10px;height:10px;margin-left:10px;transition:all 0.3s}.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow{right:10px;left:auto;margin-right:10px;margin-left:0}.rc-picker-dropdown .rc-picker-range-arrow::before,.rc-picker-dropdown .rc-picker-range-arrow::after{position:absolute;top:50%;left:50%;box-sizing:border-box;transform:translate(-50%, -50%);content:\"\"}.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow::before,.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow::after{right:50%;left:auto;transform:translate(50%, -50%)}.rc-picker-dropdown .rc-picker-range-arrow::before{width:10px;height:10px;border:5px solid blue;border-color:blue blue transparent transparent}.rc-picker-dropdown .rc-picker-range-arrow::after{width:8px;height:8px;border:4px solid blue;border-color:#fff0ff #fff0ff transparent transparent}.rc-picker-range{position:relative;display:inline-flex}.rc-picker-range-wrapper{display:flex}.rc-picker-range .rc-picker-active-bar{bottom:0;height:3px;background:green;opacity:0;transition:all 0.3s;pointer-events:none}.rc-picker-range.rc-picker-focused .rc-picker-active-bar{opacity:1}.rc-picker-panel-container{display:inline-block;vertical-align:top;transition:margin 0.3s}.rc-picker-panel-layout{display:flex;flex-wrap:nowrap;align-items:stretch}.bcm-date{font-family:\"Inter\", sans-serif;font-size:14px;line-height:22px;font-weight:500;display:flex;align-items:stretch;flex-direction:row;background-color:#fff;border:1px solid #cbd5e1;color:#334155;border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%;}.bcm-date--large{height:40px;font-size:16px}.bcm-date--medium{height:32px;font-size:14px}.bcm-date--small{height:24px;font-size:12px}.bcm-date:hover{border:1px solid #4293cf;}.bcm-date-focused{background-color:#f8fafc}.bcm-date-suffix:not(:empty){display:flex;align-items:center;justify-content:center;order:2}.bcm-date-suffix::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:\"Font Awesome 6 Pro\";font-weight:400;line-height:1;box-sizing:border-box;padding:0 4px;cursor:pointer}.bcm-date--datetime .bcm-date-suffix::before{content:\"\\e0d2\"}.bcm-date--date .bcm-date-suffix::before{content:\"\\f133\"}.bcm-date--time .bcm-date-suffix::before{content:\"\\f017\"}.bcm-date-input{position:relative;display:inline-flex;width:100%;padding:0 4px}.bcm-date-input>input{width:100%;color:#475569;flex:1;border:none;background:transparent;box-shadow:unset;line-height:22px;font-family:\"Inter\", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;overflow:hidden;text-overflow:ellipsis;font-weight:500}.bcm-date-input>input::placeholder{font-family:\"Inter\", sans-serif;color:#cbd5e1;user-select:none}.bcm-date-input>input::-webkit-search-decoration,.bcm-date-input>input::-webkit-search-cancel-button,.bcm-date-input>input::-webkit-search-results-button,.bcm-date-input>input::-webkit-search-results-decoration,.bcm-date-input>input::-webkit-calendar-picker-indicator,.bcm-date-input>input::-webkit-inner-spin-button,.bcm-date-input>input::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-date-input>input::-moz-placeholder{opacity:1}.bcm-date-input>input:placeholder-shown{text-overflow:ellipsis}.bcm-date-clear{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px;font-size:20px;padding-bottom:3px;line-height:1;order:1;cursor:pointer;font-weight:400}.bcm-date-clear-btn::after{content:\"×\"}.bcm-date-disabled{background-color:#f8fafc;color:#a0aec0;cursor:not-allowed}.bcm-date-disabled input{color:#a0aec0}.bcm-date-disabled:hover{border:1px solid #cbd5e1}.bcm-date-disabled .bcm-date-input{cursor:not-allowed}.bcm-date-disabled .bcm-date-suffix:before{cursor:not-allowed}.bcm-date-disabled .bcm-date-clear{cursor:not-allowed}.bcm-date--error{border:1px solid #e53e3e}.bcm-date--error:hover{border:1px solid #e53e3e}.bcm-date-dropdown{position:absolute;box-shadow:0 4px 12px 0 rgba(17, 24, 39, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);background-color:#fff;top:-9999;left:-9999;border-radius:4px}.bcm-date-dropdown-placement-bottomLeft,.bcm-date-dropdown-placement-bottomRight{top:0;display:block}.bcm-date-dropdown-placement-topLeft,.bcm-date-dropdown-placement-topRight{bottom:0;display:block}.bcm-date-dropdown-hidden{display:none}.bcm-date-dropdown .bcm-date-panel-container{font-family:\"Inter\", sans-serif;font-size:14px;line-height:22px;font-weight:400}.bcm-date-dropdown .bcm-date-decade-panel,.bcm-date-dropdown .bcm-date-year-panel,.bcm-date-dropdown .bcm-date-month-panel,.bcm-date-dropdown .bcm-date-week-panel,.bcm-date-dropdown .bcm-date-date-panel,.bcm-date-dropdown .bcm-date-time-panel{width:256px}.bcm-date-dropdown .bcm-date-time-panel{width:auto;padding-top:4px}.bcm-date-dropdown .bcm-date-time-panel .bcm-date-content{width:100%;table-layout:fixed;border-collapse:collapse;text-align:center;display:flex;flex:auto;height:224px}.bcm-date-dropdown .bcm-date-time-panel-column{flex:1 0 auto;width:56px;margin:4px 0;padding:0;overflow-y:hidden;text-align:start;list-style:none;transition:background 0.2s;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.45) transparent;position:relative}.bcm-date-dropdown .bcm-date-time-panel-column:not(:first-child){border-inline-start:1px solid rgba(5, 5, 5, 0.06)}.bcm-date-dropdown .bcm-date-time-panel-column-active{background:rgba(0, 0, 255, 0.1)}.bcm-date-dropdown .bcm-date-time-panel-column:hover{overflow-y:auto}.bcm-date-dropdown .bcm-date-time-panel-column>li{margin:0;padding:0}.bcm-date-dropdown .bcm-date-time-panel-column>li.disabled{opacity:0.5}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell{margin-inline:4px}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell .bcm-date-time-panel-cell-inner{display:block;width:48px;height:28px;margin:0;padding-block:0;padding-inline-end:0;padding-inline-start:14px;color:rgba(0, 0, 0, 0.88);line-height:28px;border-radius:4px;cursor:pointer;transition:background 0.2s}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell .bcm-date-time-panel-cell-inner:hover{background:rgba(0, 0, 0, 0.04)}.bcm-date-dropdown .bcm-date-time-panel-column>li.bcm-date-time-panel-cell-selected .bcm-date-time-panel-cell-inner{background:#e6f4ff}.bcm-date-dropdown .bcm-date-datetime-panel{display:flex;flex-direction:row;align-items:stretch}.bcm-date-dropdown .bcm-date-datetime-panel .bcm-date-time-panel{padding-top:8px}.bcm-date-dropdown .bcm-date-datetime-panel .bcm-date-time-panel .bcm-date-header{display:none}.bcm-date-dropdown .bcm-date-header{padding:0 8px;color:rgba(0, 0, 0, 0.88);border-bottom:1px solid rgba(5, 5, 5, 0.06);display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:18px}.bcm-date-dropdown .bcm-date-header>*{flex:none}.bcm-date-dropdown .bcm-date-header>button{min-width:20px}.bcm-date-dropdown .bcm-date-header button{padding:0;color:rgba(0, 0, 0, 0.45);line-height:40px;background:transparent;border:0;cursor:pointer;transition:color 0.2s;font-size:inherit}.bcm-date-dropdown .bcm-date-header button:hover{color:#3b82f6}.bcm-date-dropdown .bcm-date-header-view{flex:auto;text-align:center;font-weight:600;line-height:40px;gap:8px;font-size:14px}.bcm-date-dropdown .bcm-date-header-view button{color:inherit;font-weight:inherit;vertical-align:top;padding:0 4px}.bcm-date-dropdown .bcm-date-body{padding:8px 18px}.bcm-date-dropdown .bcm-date-content{text-align:center;width:100%;table-layout:fixed;border-collapse:collapse}.bcm-date-dropdown .bcm-date-content thead tr th{color:#334155;font-weight:400;font-size:12px;line-height:16px;padding:8px 0;text-align:center;text-transform:uppercase}.bcm-date-dropdown .bcm-date-cell .bcm-date-cell-inner{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid transparent;transition:background 0.2s, border 0.2s;cursor:pointer;color:#64748b}.bcm-date-dropdown .bcm-date-cell .bcm-date-cell-inner:hover{background:#e2e8f0;color:#64748b}.bcm-date-dropdown .bcm-date-cell-in-view .bcm-date-cell-inner{color:#334155}.bcm-date-dropdown .bcm-date-cell-today .bcm-date-cell-inner{border:1px solid #3b82f6;color:#3b82f6}.bcm-date-dropdown .bcm-date-cell-today .bcm-date-cell-inner:hover{background:#e2e8f0;color:#64748b}.bcm-date-dropdown .bcm-date-cell-selected .bcm-date-cell-inner{color:#fff;background:#3b82f6}.bcm-date-dropdown .bcm-date-cell-selected .bcm-date-cell-inner:hover{background:#2563eb;color:#fff}.bcm-date-dropdown .bcm-date-footer{border-top:1px solid rgba(5, 5, 5, 0.06);width:min-content;min-width:100%;line-height:38px;text-align:center}.bcm-date-dropdown .bcm-date-footer .bcm-date-today-btn{color:#3b82f6;cursor:pointer;padding:0 8px}.bcm-date-dropdown .bcm-date-footer .bcm-date-today-btn:hover{color:#2563eb}.bcm-date-dropdown .bcm-date-ranges{margin:0;margin-bottom:0;padding:4px 12px;overflow:hidden;line-height:34px;text-align:start;list-style:none;display:flex;justify-content:space-between}.bcm-date-dropdown .bcm-date-ranges>li{display:inline-block}.bcm-date-dropdown .bcm-date-ranges .bcm-date-ok{margin-inline-start:auto}.bcm-date-dropdown .bcm-date-ranges .bcm-date-ok>button{font-size:14px;color:#fff;background-color:#3b82f6;box-shadow:0 2px 0 rgba(5, 145, 255, 0.1);height:24px;padding:0 7px;border-radius:4px;outline:none;border:none;cursor:pointer;transition:background-color 0.3s}.bcm-date-dropdown .bcm-date-ranges .bcm-date-ok>button:hover{background-color:#2563eb}.bcm-date-dropdown .bcm-date-now{text-align:right}.bcm-date-dropdown .bcm-date-now-btn{color:#3b82f6;text-decoration:none;background-color:transparent;outline:none;cursor:pointer;transition:color 0.3s;-webkit-text-decoration-skip:objects}.bcm-date-dropdown .bcm-date-now-btn:hover{color:#2563eb}";
 
 const BcmRcPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   constructor() {
@@ -13756,9 +13757,16 @@ const BcmRcPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     this.type = "date";
     this.format = undefined;
     this.placeholder = undefined;
+    this.size = Bcm.Size.medium;
     this.showTime = undefined;
     this.showToday = undefined;
     this.showNow = undefined;
+    this.showHour = undefined;
+    this.showMinute = undefined;
+    this.showSecond = undefined;
+    this.use12Hours = undefined;
+    this.error = undefined;
+    this.disabled = undefined;
     this.clearable = false;
     this.defaultValue = undefined;
     this.newValue = undefined;
@@ -13770,69 +13778,96 @@ const BcmRcPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1
     this.setValue(newValue);
     this.bcmRCPickerChange.emit(newValue ? hooks(newValue) : null);
   }
-  watchValue(val) {
-    if (typeof val === "string") {
-      this.newValue = hooks(val).format(this.format);
+  async set(value) {
+    if (value && value != "invalid date") {
+      this.newValue = hooks(value);
+      this.handleChange(hooks(value));
     }
   }
   componentDidRender() {
     // const onSelect = (newValue: Moment) => {
     //     // console.log("Select:", newValue);
     // };
-    const props = Object.assign(Object.assign(Object.assign({}, (this.format && { format: this.format })), (this.clearable && { allowClear: this.clearable })), (this.placeholder && { placeholder: this.placeholder }));
+    const props = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (this.format && { format: this.format })), (this.clearable && { allowClear: this.clearable })), (this.placeholder && { placeholder: this.placeholder })), (this.error && { error: this.error })), (this.disabled && { disabled: this.disabled }));
     const options = {
       time: {
-        showHour: true,
-        showMinute: true,
-        showSecond: false,
-        use12Hours: false,
-        format: "HH:mm",
-        showNow: false,
+        // showTime: this.showTime,
+        // showToday: this.showToday,
+        showNow: this.showNow,
+        showHour: this.showHour,
+        showMinute: this.showMinute,
+        showSecond: this.showSecond,
+        use12Hours: this.use12Hours,
+        format: this.format,
         hourStep: 1,
-        minuteStep: 30,
+        minuteStep: 1,
         secondStep: 1,
         hideDisabledOptions: false,
-        defaultValue: hooks("08:00", "HH:mm"),
+        // defaultValue: moment("08:00", "HH:mm"),
         disabledTime: () => ({
-          disabledHours: () => [0, 1, 2, 3, 4, 5, 6, 7, 13, 18, 19, 20, 21, 22, 23],
-          // disabledMinutes: () => [1, 2, 3],
-          // disabledSeconds: () => [1, 2, 3],
+        // disabledHours: () => [0, 1, 2, 3, 4, 5, 6, 7, 13, 18, 19, 20, 21, 22, 23],
+        // disabledMinutes: () => [1, 2, 3],
+        // disabledSeconds: () => [1, 2, 3],
         }),
         active: true,
       },
       date: {
-        format: "DD/MM/YYYY",
+        format: this.format,
+        showToday: this.showToday,
       },
       datetime: {
         showTime: true,
-        showHour: true,
-        showMinute: true,
-        showSecond: false,
-        use12Hours: false,
-        format: "DD/MM/YYYY HH:mm",
+        showNow: this.showNow,
+        showHour: this.showHour,
+        showMinute: this.showMinute,
+        showSecond: this.showSecond,
+        use12Hours: this.use12Hours,
+        format: this.format,
+        showToday: this.showToday,
       },
     };
     const sharedProps = Object.assign(Object.assign(Object.assign(Object.assign({ generateConfig: momentGenerateConfig, value: this.newValue,
-      // onSelect,
-      onChange: (newValue) => this.handleChange(newValue) }, props), { picker: this.type }), options[this.type]), { autofocus: true });
-    reactDom.render(react.createElement(Picker, Object.assign(Object.assign({}, sharedProps), { locale: enUS })), this.el);
+      // onSelect: (newValue: Moment) => this.handleChange(newValue),
+      onChange: (newValue) => this.handleChange(newValue) }, props), { picker: this.type,
+      // presets: [
+      //     {
+      //         label: "Hello World!",
+      //         value: moment(),
+      //     },
+      //     {
+      //         label: "Now",
+      //         value: () => moment(),
+      //     },
+      // ]
+      // showTime: true,
+      // showSecond: false,
+      prefixCls: "bcm-date", suffixIcon: " " }), options[this.type]), { autofocus: true });
+    reactDom.render(react.createElement(Picker, Object.assign(Object.assign({}, sharedProps), { locale: enUS, className: classnames("bcm-date--" + this.type, {
+        [`bcm-date--${this.size}`]: this.size,
+        [`bcm-date--error`]: this.error,
+      }) })), this.el);
   }
   get el() { return this; }
-  static get watchers() { return {
-    "val": ["watchValue"]
-  }; }
   static get style() { return rcPickerCss; }
 }, [0, "bcm-rc-picker", {
     "val": [1032],
     "type": [1],
     "format": [1],
     "placeholder": [1],
+    "size": [513],
     "showTime": [8, "show-time"],
     "showToday": [8, "show-today"],
     "showNow": [8, "show-now"],
+    "showHour": [8, "show-hour"],
+    "showMinute": [8, "show-minute"],
+    "showSecond": [8, "show-second"],
+    "use12Hours": [8, "use-1-2-hours"],
+    "error": [8],
+    "disabled": [8],
     "clearable": [4],
     "defaultValue": [32],
-    "newValue": [32]
+    "newValue": [32],
+    "set": [64]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/esm/{_commonjsHelpers-be0d4ec8.js → _commonjsHelpers-7002e5de.js}

@@ -37,4 +37,4 @@ function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
-export { commonjsGlobal as a, getAugmentedNamespace as b, createCommonjsModule as c, getDefaultExportFromCjs as g };
+export { commonjsGlobal as a, getDefaultExportFromCjs as b, createCommonjsModule as c, getAugmentedNamespace as g };

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

@@ -3,10 +3,10 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { G as Generate } from './generate-87200d1c.js';
-import './package-e0503891.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { G as Generate } from './generate-77508025.js';
+import './package-a7b14d41.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const accordionCss = "@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}";
 

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

@@ -3,14 +3,14 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-87200d1c.js';
-import { c as classnames } from './index-b84bc8c9.js';
+import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-77508025.js';
+import { c as classnames } from './index-00c8a8f7.js';
 import { c as createStore } from './index-7e71bbc8.js';
-import { S as StringHelper } from './string-helper-5ef67a66.js';
-import './package-e0503891.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './bcm-ac17222c.js';
+import { S as StringHelper } from './string-helper-b0e05041.js';
+import './package-a7b14d41.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
+import './bcm-d45dc47d.js';
 
 const { state } = createStore({
   value: new Map(),

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

@@ -3,10 +3,10 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { G as Generate } from './generate-87200d1c.js';
-import './package-e0503891.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { G as Generate } from './generate-77508025.js';
+import './package-a7b14d41.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const attendanceCss = "@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-attendance{width:fit-content;display:inline-flex;align-items:center;flex-direction:row;gap:4px}.bcm-attendance__item{display:flex;flex-direction:row;align-items:center;gap:1px}.bcm-attendance__item-am,.bcm-attendance__item-pm{display:block;width:calc( calc( 12px + 1px ) / 2 );height:calc( 12px + 1px );background-color:var(--bcm-new-ds-color-blue-500)}.bcm-attendance__item-am:hover,.bcm-attendance__item-pm:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-attendance__item-am{border-top-left-radius:100px;border-bottom-left-radius:100px}.bcm-attendance__item-pm{border-top-right-radius:100px;border-bottom-right-radius:100px}.bcm-attendance__item-status-present{background-color:var(--bcm-new-ds-color-emerald-500)}.bcm-attendance__item-status-present:hover{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-attendance__item-status-late{background-color:var(--bcm-new-ds-color-amber-500)}.bcm-attendance__item-status-late:hover{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-attendance__item-status-absent{background-color:var(--bcm-new-ds-color-red-500)}.bcm-attendance__item-status-absent:hover{background-color:var(--bcm-new-ds-color-red-600)}.bcm-attendance__item-status-default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-attendance__item-status-default:hover{background-color:var(--bcm-new-ds-color-slate-400)}";
 

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

@@ -3,8 +3,8 @@
  * 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-b84bc8c9.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const autocompleteCss = "@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-block;width:fit-content;height:fit-content}:host(.hidden){display:none}:host(.full-width){width:100%;height:100%}:host(.full-width) .bcm-autocomplete{max-height:100%;max-width:100%}.bcm-autocomplete{background-color:var(--bcm-color-grey-1);display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;position:relative}.bcm-autocomplete-result{position:relative}.bcm-autocomplete-result .viewport{position:absolute;overflow:hidden;height:0;transition:height 0.3s ease;background-color:#ffffff;width:100%;z-index:10000}.bcm-autocomplete-result.open .viewport{height:256px}";
 

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

@@ -3,20 +3,19 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { C as ColorHelper } from './color-helper-c4fa9ebc.js';
-import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-87200d1c.js';
-import './number-helper-d3485207.js';
-import './string-helper-5ef67a66.js';
-import './validators-3438f640.js';
+import { C as ColorHelper } from './color-helper-71b610e7.js';
+import './validators-39c53eb5.js';
+import { G as Generate } from './generate-77508025.js';
+import './number-helper-9ffb551c.js';
+import './string-helper-b0e05041.js';
 import './element-dragger-7ea06c76.js';
-import { a as Bcm } from './bcm-ac17222c.js';
+import { a as Bcm } from './bcm-d45dc47d.js';
 import { c as ce } from './index-3bc8c6e3.js';
 import './colors-1d7854ea.js';
 import './utils-b3338faf.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-e0503891.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-a7b14d41.js';
 
 const avatarStyle = ce({
   slots: {

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

@@ -3,11 +3,11 @@
  * 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-b84bc8c9.js';
-import { G as Generate } from './generate-87200d1c.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-e0503891.js';
-import './colors-e1c31f79.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { G as Generate } from './generate-77508025.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-a7b14d41.js';
+import './colors-ebea297f.js';
 
 const breadcrumbCss = "@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%}";
 

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

@@ -3,13 +3,13 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { G as Generate, s as snq } from './generate-87200d1c.js';
-import { B as Bcm } from './bcm-ac17222c.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { S as StringHelper } from './string-helper-5ef67a66.js';
-import './package-e0503891.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { G as Generate, s as snq } from './generate-77508025.js';
+import { B as Bcm } from './bcm-d45dc47d.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { S as StringHelper } from './string-helper-b0e05041.js';
+import './package-a7b14d41.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const buttonGroupCss = "@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-button-group{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:fit-content;background-color:var(--bcm-new-ds-color-slate-300);border:1px solid var(--bcm-new-ds-color-slate-300);gap:1px;border-radius:4px}.bcm-button-group .bcm-button__container{border-radius:0;border:none}.bcm-button-group .bcm-button:first-child .bcm-button__container{border-top-left-radius:4px;border-bottom-left-radius:4px}.bcm-button-group .bcm-button:last-child .bcm-button__container{border-top-right-radius:4px;border-bottom-right-radius:4px}.bcm-button-group__vertical{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.bcm-button-group__vertical .bcm-button{width:100%}.bcm-button-group__vertical .bcm-button__container{width:100%;border-radius:0}.bcm-button-group__vertical .bcm-button:first-child .bcm-button__container{border-radius:4px 4px 0 0}.bcm-button-group__vertical .bcm-button:last-child .bcm-button__container{border-radius:0 0 4px 4px}";