bromcom-ui 2.9.1-rc.0 → 2.9.1-rc.2

package/dist/esm/{number-helper-2eb7011a.js → number-helper-76d8d225.js}

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

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

@@ -2,19 +2,19 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import './element-dragger-89bb52fd.js';
-import { g as getPlacement, s as setPosition } from './popover-placement-be68c848.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import './element-dragger-7ea06c76.js';
+import { g as getPlacement, s as setPosition } from './popover-placement-941bf3f3.js';
 import { F as FloatingUI } from './floating-ui-8a0c54d6.js';
-import { c as classnames } from './index-00c8a8f7.js';
-import { G as Generate } from './generate-c80869fa.js';
-import { N as NumberHelper } from './number-helper-2eb7011a.js';
-import { S as StringHelper } from './string-helper-b0e05041.js';
-import './utils-57652744.js';
+import { c as classnames } from './index-b84bc8c9.js';
+import { G as Generate } from './generate-3dda60a9.js';
+import { N as NumberHelper } from './number-helper-76d8d225.js';
+import { S as StringHelper } from './string-helper-5bd646f2.js';
+import './utils-b3338faf.js';
 import './bcm-d45dc47d.js';
-import './_commonjsHelpers-7002e5de.js';
-import './package-20c9971a.js';
-import './colors-ebea297f.js';
+import './_commonjsHelpers-be0d4ec8.js';
+import './package-7587ad35.js';
+import './colors-e1c31f79.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

@@ -2,13 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
-import { c as classnames } from './index-00c8a8f7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { c as classnames } from './index-b84bc8c9.js';
 import { B as Bcm } from './bcm-d45dc47d.js';
-import { G as Generate } from './generate-c80869fa.js';
-import './_commonjsHelpers-7002e5de.js';
-import './package-20c9971a.js';
-import './colors-ebea297f.js';
+import { G as Generate } from './generate-3dda60a9.js';
+import './_commonjsHelpers-be0d4ec8.js';
+import './package-7587ad35.js';
+import './colors-e1c31f79.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-20c9971a.js → package-7587ad35.js}

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

package/dist/esm/{popover-placement-be68c848.js → popover-placement-941bf3f3.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { S as StringHelper } from './string-helper-b0e05041.js';
+import { S as StringHelper } from './string-helper-5bd646f2.js';
 
 const opposites = {
   left: 'right',

package/dist/esm/{slot-template-fcc7846e.js → slot-template-4b683d1f.js}

@@ -2,8 +2,8 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h } from './index-0615c2b8.js';
-import { S as StringHelper } from './string-helper-b0e05041.js';
+import { h } from './index-4614b7f0.js';
+import { S as StringHelper } from './string-helper-5bd646f2.js';
 
 const SlotTemplate = ({ value, className, name }) => {
   return StringHelper.isNullOrEmpty(value) ? h("span", { class: className },

package/dist/esm/{stepper-states-f497b41f.js → stepper-states-a06a76a0.js}

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { c as createStore } from './index-7e71bbc8.js';
-import { G as Generate, s as snq } from './generate-c80869fa.js';
-import { f as forceUpdate } from './index-0615c2b8.js';
+import { c as createStore } from './index-f38e3364.js';
+import { G as Generate, s as snq } from './generate-3dda60a9.js';
+import { f as forceUpdate } from './index-4614b7f0.js';
 
 const { state } = createStore({
   value: new Map(),

package/dist/esm/{string-helper-b0e05041.js → string-helper-5bd646f2.js}

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { B as Bcm } from './bcm-d45dc47d.js';
-import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-7002e5de.js';
+import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-be0d4ec8.js';
 
 var slugify = createCommonjsModule(function (module, exports) {
 (function (name, root, factory) {

package/dist/esm/{tooltip-helper-8eff46a3.js → tooltip-helper-2d59251b.js}

@@ -2,14 +2,15 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import './element-dragger-89bb52fd.js';
-import { S as StringHelper } from './string-helper-b0e05041.js';
-import { d as delay } from './utils-57652744.js';
+import './element-dragger-7ea06c76.js';
+import { S as StringHelper } from './string-helper-5bd646f2.js';
+import { d as delay } from './utils-b3338faf.js';
 import { F as FloatingUI } from './floating-ui-8a0c54d6.js';
-import { C as ColorHelper } from './color-helper-845ba523.js';
-import './validators-81296897.js';
-import { G as Generate } from './generate-c80869fa.js';
-import './number-helper-2eb7011a.js';
+import { C as ColorHelper } from './color-helper-c4fa9ebc.js';
+import './datetime-helper-df25808a.js';
+import { G as Generate } from './generate-3dda60a9.js';
+import './number-helper-76d8d225.js';
+import './validators-a0f4d029.js';
 import { a as Bcm } from './bcm-d45dc47d.js';
 
 class Tooltip {

package/dist/esm/{utils-57652744.js → utils-b3338faf.js}

@@ -120,4 +120,4 @@ const pluralize = (function () {
   return text;
 })();
 
-export { getTransform as a, dropInComponent as b, getChilds as c, delay as d, extractColor as e, getChildElements as g, pluralize as p };
+export { getChildElements as a, dropInComponent as b, getChilds as c, delay as d, extractColor as e, getTransform as g, pluralize as p };

package/dist/esm/{validators-81296897.js → validators-a0f4d029.js}

@@ -2,11 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { s as snq } from './generate-c80869fa.js';
-
-class DateTimeHelper {
-}
-DateTimeHelper.convertTimeStampToDate = (timestamp) => new Date(timestamp);
+import { s as snq } from './generate-3dda60a9.js';
 
 class Validators {
 }
@@ -32,4 +28,4 @@ Validators.isValidate = (str, type) => {
   }
 };
 
-export { DateTimeHelper as D, Validators as V };
+export { Validators as V };

package/dist/types/components/molecules/modal/modal.d.ts

@@ -11,6 +11,7 @@ export declare class BcmModal implements ComponentInterface {
   height: string;
   fullWidth: boolean;
   close: EventEmitter;
+  modalClose: EventEmitter;
   modalBeforeClose: EventEmitter;
   modalBeforeOpen: EventEmitter;
   connectedCallback(): void;

package/dist/types/components/molecules/skeleton/skeleton.d.ts

@@ -1,8 +1,14 @@
 import { ComponentInterface } from "../../../stencil-public-runtime";
 export declare class BcmSkeleton implements ComponentInterface {
-  el: HTMLElement;
   _id: string;
-  loading: boolean;
-  componentDidLoad(): void;
+  effect: "pulse" | "ping" | "none";
+  variant: "circle" | "rect";
+  hidden: boolean;
+  width: string;
+  height: string;
+  marginBottom: string;
+  customStyles: {
+    [key: string]: string;
+  } | string;
   render(): any;
 }

package/dist/types/components/molecules/skeleton/skeleton.style.d.ts

@@ -0,0 +1,203 @@
+export declare const skeletonStyle: import("tailwind-variants").TVReturnType<{
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+    false: {
+      host: string;
+    };
+  };
+}, {
+  host: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+    false: {
+      host: string;
+    };
+  };
+}, {
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+    false: {
+      host: string;
+    };
+  };
+}>, {
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+    false: {
+      host: string;
+    };
+  };
+}, {
+  host: string;
+}, import("tailwind-variants").TVReturnType<{
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+    false: {
+      host: string;
+    };
+  };
+}, {
+  host: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+    false: {
+      host: string;
+    };
+  };
+}, {
+  variant: {
+    rect: {
+      host: string;
+    };
+    circle: {
+      host: string;
+    };
+  };
+  effect: {
+    pulse: {
+      host: string;
+    };
+    ping: {
+      host: string;
+    };
+    none: {
+      host: string;
+    };
+  };
+  hidden: {
+    true: {
+      host: string;
+    };
+    false: {
+      host: string;
+    };
+  };
+}>, unknown, unknown, undefined>>;

package/dist/types/components/organism/list/list.d.ts

@@ -80,6 +80,8 @@ export declare class BcmList implements ComponentInterface {
   change: EventEmitter;
   open: EventEmitter;
   close: EventEmitter;
+  listClose: EventEmitter;
+  listOpen: EventEmitter;
   disableChangeEvent: boolean;
   data: any;
   constructor();
@@ -146,5 +148,6 @@ export declare class BcmList implements ComponentInterface {
   private getAutoCompleteInput;
   private dataScrollEvent;
   private calculateLocation;
+  handleTransitionEnd(e: any): void;
   render(): any;
 }

package/dist/types/components/other/shortcut/shortcut.d.ts

@@ -0,0 +1,10 @@
+import { SizeTypes } from "../../../models";
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmShortcut implements ComponentInterface {
+  hotkey: string;
+  color: string;
+  size: SizeTypes;
+  private readonly isMac;
+  getHotkey(key: string): string;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -1190,9 +1190,20 @@ export namespace Components {
         "value": string;
         "visible": boolean;
     }
+    interface BcmShortcut {
+        "color": string;
+        "hotkey": string;
+        "size": SizeTypes;
+    }
     interface BcmSkeleton {
         "_id": string;
-        "loading": boolean;
+        "customStyles": { [key: string]: string } | string;
+        "effect": "pulse" | "ping" | "none";
+        "height": string;
+        "hidden": boolean;
+        "marginBottom": string;
+        "variant": "circle" | "rect";
+        "width": string;
     }
     interface BcmStep {
         "_id": string;
@@ -2267,6 +2278,12 @@ declare global {
         prototype: HTMLBcmSelectOptionElement;
         new (): HTMLBcmSelectOptionElement;
     };
+    interface HTMLBcmShortcutElement extends Components.BcmShortcut, HTMLStencilElement {
+    }
+    var HTMLBcmShortcutElement: {
+        prototype: HTMLBcmShortcutElement;
+        new (): HTMLBcmShortcutElement;
+    };
     interface HTMLBcmSkeletonElement extends Components.BcmSkeleton, HTMLStencilElement {
     }
     var HTMLBcmSkeletonElement: {
@@ -2499,6 +2516,7 @@ declare global {
         "bcm-select-box": HTMLBcmSelectBoxElement;
         "bcm-select-group": HTMLBcmSelectGroupElement;
         "bcm-select-option": HTMLBcmSelectOptionElement;
+        "bcm-shortcut": HTMLBcmShortcutElement;
         "bcm-skeleton": HTMLBcmSkeletonElement;
         "bcm-step": HTMLBcmStepElement;
         "bcm-stepper": HTMLBcmStepperElement;
@@ -3116,6 +3134,8 @@ declare namespace LocalJSX {
         "onBcm-change"?: (event: BcmListCustomEvent<any>) => void;
         "onBcm-checklist"?: (event: BcmListCustomEvent<any>) => void;
         "onBcm-close"?: (event: BcmListCustomEvent<any>) => void;
+        "onBcm-list-close"?: (event: BcmListCustomEvent<any>) => void;
+        "onBcm-list-open"?: (event: BcmListCustomEvent<any>) => void;
         "onBcm-open"?: (event: BcmListCustomEvent<any>) => void;
         "onBcm-selected"?: (event: BcmListCustomEvent<any>) => void;
         "openIntersecting"?: boolean;
@@ -3263,6 +3283,7 @@ declare namespace LocalJSX {
         "onBcm-close"?: (event: BcmModalCustomEvent<any>) => void;
         "onBcm-modal-before-close"?: (event: BcmModalCustomEvent<any>) => void;
         "onBcm-modal-before-open"?: (event: BcmModalCustomEvent<any>) => void;
+        "onBcm-modal-close"?: (event: BcmModalCustomEvent<any>) => void;
         "size"?: any;
         "width"?: string;
     }
@@ -3593,9 +3614,20 @@ declare namespace LocalJSX {
         "value"?: string;
         "visible"?: boolean;
     }
+    interface BcmShortcut {
+        "color"?: string;
+        "hotkey"?: string;
+        "size"?: SizeTypes;
+    }
     interface BcmSkeleton {
         "_id"?: string;
-        "loading"?: boolean;
+        "customStyles"?: { [key: string]: string } | string;
+        "effect"?: "pulse" | "ping" | "none";
+        "height"?: string;
+        "hidden"?: boolean;
+        "marginBottom"?: string;
+        "variant"?: "circle" | "rect";
+        "width"?: string;
     }
     interface BcmStep {
         "_id"?: string;
@@ -4044,6 +4076,7 @@ declare namespace LocalJSX {
         "bcm-select-box": BcmSelectBox;
         "bcm-select-group": BcmSelectGroup;
         "bcm-select-option": BcmSelectOption;
+        "bcm-shortcut": BcmShortcut;
         "bcm-skeleton": BcmSkeleton;
         "bcm-step": BcmStep;
         "bcm-stepper": BcmStepper;
@@ -4151,6 +4184,7 @@ declare module "@stencil/core" {
             "bcm-select-box": LocalJSX.BcmSelectBox & JSXBase.HTMLAttributes<HTMLBcmSelectBoxElement>;
             "bcm-select-group": LocalJSX.BcmSelectGroup & JSXBase.HTMLAttributes<HTMLBcmSelectGroupElement>;
             "bcm-select-option": LocalJSX.BcmSelectOption & JSXBase.HTMLAttributes<HTMLBcmSelectOptionElement>;
+            "bcm-shortcut": LocalJSX.BcmShortcut & JSXBase.HTMLAttributes<HTMLBcmShortcutElement>;
             "bcm-skeleton": LocalJSX.BcmSkeleton & JSXBase.HTMLAttributes<HTMLBcmSkeletonElement>;
             "bcm-step": LocalJSX.BcmStep & JSXBase.HTMLAttributes<HTMLBcmStepElement>;
             "bcm-stepper": LocalJSX.BcmStepper & JSXBase.HTMLAttributes<HTMLBcmStepperElement>;

package/dist/types/templates/list-template.d.ts

@@ -25,6 +25,7 @@ interface ListTemplateProps extends Bcm.ListClickEvent {
   emptyText?: any;
   emptyIcon?: any;
   focusItem?: (event: any) => void;
+  handleTransitionEnd?: (event: any) => void;
 }
 export declare const ListTemplate: FunctionalComponent<ListTemplateProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.9.1-rc.0",
+  "version": "2.9.1-rc.2",
   "description": "Bromcom UI is a collection of web components built with StencilJS",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -20,7 +20,7 @@
     "clean:www": "rm -rf www",
     "dev:stencil": "stencil build --dev --watch --serve",
     "dev:tailwind": "tailwindcss -i ./src/styles/tailwindcss/directives.css -o ./src/global/tailwind.css --watch --minify",
-    "build": "run-s clean:dist clean:loader clean:helper tsc-helper build:tailwind build:stencil build:aliases",
+    "build": "run-s clean:dist clean:loader clean:helper tsc-helper build:tailwind build:stencil build:aliases create-locale-folder-to-esm",
     "clean:dist": "rm -rf dist",
     "clean:loader": "rm -rf loader",
     "clean:helper": "rm -rf helper",
@@ -35,7 +35,8 @@
     "build:storybook": "build-storybook",
     "generate:storybook": "npm run build && npm run build:storybook",
     "tsc-helper": "npm run clean:helper && cd ./src/global/helper && tsc index.ts --declaration --declarationMap --allowJs --outDir ./../../../helper",
-    "format": "prettier --write \"src/**/*.tsx\""
+    "format": "prettier --write \"src/**/*.tsx\"",
+    "create-locale-folder-to-esm": "mkdir -p ./dist/esm/locale"
   },
   "license": "MIT",
   "devDependencies": {
@@ -122,5 +123,8 @@
     "moment": "^2.24.0",
     "rc-picker": "^3.14.3",
     "tailwind-variants": "^0.1.14"
+  },
+  "resolutions": {
+    "moment": "2.24.0"
   }
 }

package/dist/bromcom-ui/p-07fe2bbc.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-61db1f1f.js";import"./p-ea701411.js";import{G as a}from"./p-3e68c7d0.js";import"./p-30bd67ba.js";import"./p-d153c7fc.js";import"./p-7e44e6b5.js";import{d as l}from"./p-8c018ae0.js";import{a as r}from"./p-f711588b.js";import{C as h}from"./p-b81e8f91.js";import{c}from"./p-64fad38b.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{I as d}from"./p-9850cbce.js";import"./p-436364c8.js";import"./p-6edf985f.js";import"./p-85eedabc.js";import"./p-f7215c0e.js";const n=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this._id=a.UID(),this.label=void 0,this.name=void 0,this.value=null,this.defaultValue=void 0,this.size=r.Size.medium,this.disabled=void 0,this.hidden=!1,this.required=!1,this.gap=void 0,this.direction=r.Direction.horizontal,this.fullWidth=!1,this.items=[],this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=r.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}get radios(){return Array.from(this.el.querySelectorAll("bcm-radio"))}get Items(){return this.items}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}updateValue(){var t,i,s;this.value=null!==(s=null===(i=null===(t=this.radios)||void 0===t?void 0:t.find((t=>t.checked)))||void 0===i?void 0:i.value)&&void 0!==s?s:null}setRadioUpdate(){var t;null===(t=this.radios)||void 0===t||t.forEach((t=>{t.disabled=this.disabled||t.disabled,t.size=this.size,this.defaultValue&&(t.checked=t.value==this.defaultValue)}))}watchDisabled(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.disabled=t))}watchDefaultValue(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.checked=i.value==t)),this.updateValue(),this.change.emit(this.value)}componentWillLoad(){this.setRadioUpdate(),this.updateValue()}handleChange(t){var i,s;t.stopPropagation(),t.preventDefault();const e=null!==(i=t.target.checked)&&void 0!==i&&i;null===(s=this.radios)||void 0===s||s.forEach((i=>{i.checked=i.id==t.target.id&&!e})),this.updateValue(),this.change.emit(this.value)}async setClear(){var t;this.value=null,null===(t=this.radios)||void 0===t||t.forEach((t=>{t.checked=!1}))}async resetCaption(){return await l(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await l(10),Promise.resolve()}async check(t,i=!0){var s;null===(s=this.radios)||void 0===s||s.forEach((s=>{s.checked=(s.id==t||s.value==t)&&i})),this.updateValue(),this.change.emit(this.value)}async get(){return this.value}async set(t){await this.check(t)}async getValue(){return this.value}render(){var t,i;const{direction:o,fullWidth:a,gap:l,label:d,size:n,required:p,disabled:u,caption:f,captionError:v,captionType:m,noCaption:b}=this;return s(e,{role:"radio-group",class:"tw-mb-2 tw-flex tw-flex-col"},d&&s("bcm-label",{type:m,value:d,required:p}),s("div",{class:c("tw-flex tw-flex-wrap",o==r.Direction.horizontal?"tw-flex-row":"tw-flex-col",a&&"tw-w-full"),style:{gap:l}},s("slot",null),(null===(t=this.Items)||void 0===t?void 0:t.length)>0&&(null===(i=this.Items)||void 0===i?void 0:i.map((t=>s("bcm-radio",{id:t.id,value:t.value,disabled:u||t.disabled,checked:t.checked,color:t.color,size:n},t.label))))),s(h,{noCaption:b,captionType:m,captionError:v,caption:f}))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],defaultValue:["watchDefaultValue"]}}};!function(t,i,s,e){var o,a=arguments.length,l=a<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,i,s,e);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(l=(a<3?o(l):a>3?o(i,s,l):o(i,s))||l);a>3&&l&&Object.defineProperty(i,s,l)}([d()],n.prototype,"el",void 0);export{n as bcm_radio_group}

package/dist/bromcom-ui/p-0cf6e779.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as e,H as s,g as o}from"./p-170cf07d.js";import"./p-61db1f1f.js";import"./p-ea701411.js";import{G as i}from"./p-3e68c7d0.js";import"./p-30bd67ba.js";import"./p-d153c7fc.js";import"./p-7e44e6b5.js";import{a as r}from"./p-f711588b.js";import{c as a}from"./p-64fad38b.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6edf985f.js";import"./p-85eedabc.js";import"./p-f7215c0e.js";const p=class{constructor(e){t(this,e),this._id=i.UID(),this.active=!1,this.disabled=!1,this.index=void 0,this.color="blue",this.size=r.Size.medium}handleClick(){var t;this.disabled||null===(t=i.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.setActive(this.index)}render(){const{color:t,size:o,active:p,disabled:l}=this,c=i.getTwColor({color:t,tones:[500,600,700,800]});return e(s,{onClick:()=>this.handleClick(),class:a("tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-font tw-focus:outline-none",{"tw-text-2 tw-py-1 tw-gap-2":o===r.Size.small,"tw-text-3 tw-py-2 tw-gap-3":o===r.Size.medium,"tw-text-4 tw-py-3 tw-gap-4":o===r.Size.large},l?"tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50":"tw-cursor-pointer",p?"tw-text-default-500 enabled:hover:tw-text-default-600 enabled:active:tw-text-default-700 enabled:focus-visible:tw-text-default-800":"tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600"),style:c})}get el(){return o(this)}};export{p as bcm_tab_item_header}