bromcom-ui 2.8.1-rc.0 → 2.8.1-rc.10-0

package/dist/types/components.d.ts

@@ -244,6 +244,8 @@ export namespace Components {
         "tooltip": string;
         "value": string;
     }
+    interface BcmContent {
+    }
     interface BcmDatePicker {
         "_id": string;
         "_internal_id": string;
@@ -385,6 +387,7 @@ export namespace Components {
         "disabled": boolean;
         "dropdownIcon": string;
         "fullWidth": boolean;
+        "gap": string;
         "getActive": () => Promise<any>;
         "height": any;
         "hidden": boolean;
@@ -710,6 +713,8 @@ export namespace Components {
         "collapsible": boolean;
         "data": any;
         "disabled": boolean;
+        "dropdown": boolean;
+        "gap": string;
         "getActive": () => Promise<any>;
         "height": string;
         "hidden": boolean;
@@ -746,9 +751,9 @@ export namespace Components {
         "fullWidth": boolean;
         "height": string;
         "hidden": boolean;
-        "hide": () => Promise<void>;
+        "hide": (obj?: { force: boolean; }) => Promise<void>;
         "isShow": boolean;
-        "show": () => Promise<void>;
+        "show": (obj?: { force: boolean; }) => Promise<void>;
         "size": any;
         "width": string;
     }
@@ -892,6 +897,7 @@ export namespace Components {
     }
     interface BcmPopover {
         "_id": string;
+        "autoHide": boolean;
         "closeDelay": number;
         "color": string;
         "content": string;
@@ -969,6 +975,11 @@ export namespace Components {
         "step": number;
         "value": any;
     }
+    interface BcmRcOverflow {
+        "_id": string;
+        "data": [];
+        "maxCount": number | "responsive" | "invalidate";
+    }
     interface BcmResult {
         "description": string;
         "heading": string;
@@ -1353,6 +1364,7 @@ export namespace Components {
     }
     interface BcmTooltip {
         "_id": string;
+        "autoHide": boolean;
         "closeDelay": number;
         "color": string;
         "hide": () => Promise<void>;
@@ -1604,6 +1616,10 @@ export interface BcmRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmRangeElement;
 }
+export interface BcmRcOverflowCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmRcOverflowElement;
+}
 export interface BcmSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmSearchElement;
@@ -1785,6 +1801,12 @@ declare global {
         prototype: HTMLBcmColorpickerElement;
         new (): HTMLBcmColorpickerElement;
     };
+    interface HTMLBcmContentElement extends Components.BcmContent, HTMLStencilElement {
+    }
+    var HTMLBcmContentElement: {
+        prototype: HTMLBcmContentElement;
+        new (): HTMLBcmContentElement;
+    };
     interface HTMLBcmDatePickerElement extends Components.BcmDatePicker, HTMLStencilElement {
     }
     var HTMLBcmDatePickerElement: {
@@ -2037,6 +2059,12 @@ declare global {
         prototype: HTMLBcmRangeElement;
         new (): HTMLBcmRangeElement;
     };
+    interface HTMLBcmRcOverflowElement extends Components.BcmRcOverflow, HTMLStencilElement {
+    }
+    var HTMLBcmRcOverflowElement: {
+        prototype: HTMLBcmRcOverflowElement;
+        new (): HTMLBcmRcOverflowElement;
+    };
     interface HTMLBcmResultElement extends Components.BcmResult, HTMLStencilElement {
     }
     var HTMLBcmResultElement: {
@@ -2256,6 +2284,7 @@ declare global {
         "bcm-color-input": HTMLBcmColorInputElement;
         "bcm-colorful": HTMLBcmColorfulElement;
         "bcm-colorpicker": HTMLBcmColorpickerElement;
+        "bcm-content": HTMLBcmContentElement;
         "bcm-date-picker": HTMLBcmDatePickerElement;
         "bcm-datetime-picker": HTMLBcmDatetimePickerElement;
         "bcm-default": HTMLBcmDefaultElement;
@@ -2298,6 +2327,7 @@ declare global {
         "bcm-radio": HTMLBcmRadioElement;
         "bcm-radio-group": HTMLBcmRadioGroupElement;
         "bcm-range": HTMLBcmRangeElement;
+        "bcm-rc-overflow": HTMLBcmRcOverflowElement;
         "bcm-result": HTMLBcmResultElement;
         "bcm-scroll-area": HTMLBcmScrollAreaElement;
         "bcm-search": HTMLBcmSearchElement;
@@ -2556,6 +2586,8 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         "value"?: string;
     }
+    interface BcmContent {
+    }
     interface BcmDatePicker {
         "_id"?: string;
         "_internal_id"?: string;
@@ -2638,6 +2670,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "dropdownIcon"?: string;
         "fullWidth"?: boolean;
+        "gap"?: string;
         "height"?: any;
         "hidden"?: boolean;
         "href"?: string;
@@ -2951,6 +2984,8 @@ declare namespace LocalJSX {
         "collapsible"?: boolean;
         "data"?: any;
         "disabled"?: boolean;
+        "dropdown"?: boolean;
+        "gap"?: string;
         "height"?: string;
         "hidden"?: boolean;
         "linkedComponent"?: string;
@@ -2982,8 +3017,8 @@ declare namespace LocalJSX {
         "hidden"?: boolean;
         "isShow"?: boolean;
         "onBcm-close"?: (event: BcmModalCustomEvent<any>) => void;
-        "onBeforeClose"?: (event: BcmModalCustomEvent<any>) => void;
-        "onBeforeOpen"?: (event: BcmModalCustomEvent<any>) => void;
+        "onBcm-modal-before-close"?: (event: BcmModalCustomEvent<any>) => void;
+        "onBcm-modal-before-open"?: (event: BcmModalCustomEvent<any>) => void;
         "size"?: any;
         "width"?: string;
     }
@@ -3126,6 +3161,7 @@ declare namespace LocalJSX {
     }
     interface BcmPopover {
         "_id"?: string;
+        "autoHide"?: boolean;
         "closeDelay"?: number;
         "color"?: string;
         "content"?: string;
@@ -3194,6 +3230,14 @@ declare namespace LocalJSX {
         "step"?: number;
         "value"?: any;
     }
+    interface BcmRcOverflow {
+        "_id"?: string;
+        "data"?: [];
+        "maxCount"?: number | "responsive" | "invalidate";
+        "onBcm-delete-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
+        "onBcm-select-other-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
+        "onBcm-select-tag"?: (event: BcmRcOverflowCustomEvent<any>) => void;
+    }
     interface BcmResult {
         "description"?: string;
         "heading"?: string;
@@ -3310,6 +3354,7 @@ declare namespace LocalJSX {
         "hidden"?: boolean;
         "icon"?: boolean;
         "linear"?: boolean;
+        "onBcm-step-before-change"?: (event: BcmStepperCustomEvent<any>) => void;
         "onBcm-step-change"?: (event: BcmStepperCustomEvent<any>) => void;
         "size"?: SizeTypes;
         "stepperId"?: string;
@@ -3529,6 +3574,7 @@ declare namespace LocalJSX {
     }
     interface BcmTooltip {
         "_id"?: string;
+        "autoHide"?: boolean;
         "closeDelay"?: number;
         "color"?: string;
         "message"?: string;
@@ -3667,6 +3713,7 @@ declare namespace LocalJSX {
         "bcm-color-input": BcmColorInput;
         "bcm-colorful": BcmColorful;
         "bcm-colorpicker": BcmColorpicker;
+        "bcm-content": BcmContent;
         "bcm-date-picker": BcmDatePicker;
         "bcm-datetime-picker": BcmDatetimePicker;
         "bcm-default": BcmDefault;
@@ -3709,6 +3756,7 @@ declare namespace LocalJSX {
         "bcm-radio": BcmRadio;
         "bcm-radio-group": BcmRadioGroup;
         "bcm-range": BcmRange;
+        "bcm-rc-overflow": BcmRcOverflow;
         "bcm-result": BcmResult;
         "bcm-scroll-area": BcmScrollArea;
         "bcm-search": BcmSearch;
@@ -3768,6 +3816,7 @@ declare module "@stencil/core" {
             "bcm-color-input": LocalJSX.BcmColorInput & JSXBase.HTMLAttributes<HTMLBcmColorInputElement>;
             "bcm-colorful": LocalJSX.BcmColorful & JSXBase.HTMLAttributes<HTMLBcmColorfulElement>;
             "bcm-colorpicker": LocalJSX.BcmColorpicker & JSXBase.HTMLAttributes<HTMLBcmColorpickerElement>;
+            "bcm-content": LocalJSX.BcmContent & JSXBase.HTMLAttributes<HTMLBcmContentElement>;
             "bcm-date-picker": LocalJSX.BcmDatePicker & JSXBase.HTMLAttributes<HTMLBcmDatePickerElement>;
             "bcm-datetime-picker": LocalJSX.BcmDatetimePicker & JSXBase.HTMLAttributes<HTMLBcmDatetimePickerElement>;
             "bcm-default": LocalJSX.BcmDefault & JSXBase.HTMLAttributes<HTMLBcmDefaultElement>;
@@ -3810,6 +3859,7 @@ declare module "@stencil/core" {
             "bcm-radio": LocalJSX.BcmRadio & JSXBase.HTMLAttributes<HTMLBcmRadioElement>;
             "bcm-radio-group": LocalJSX.BcmRadioGroup & JSXBase.HTMLAttributes<HTMLBcmRadioGroupElement>;
             "bcm-range": LocalJSX.BcmRange & JSXBase.HTMLAttributes<HTMLBcmRangeElement>;
+            "bcm-rc-overflow": LocalJSX.BcmRcOverflow & JSXBase.HTMLAttributes<HTMLBcmRcOverflowElement>;
             "bcm-result": LocalJSX.BcmResult & JSXBase.HTMLAttributes<HTMLBcmResultElement>;
             "bcm-scroll-area": LocalJSX.BcmScrollArea & JSXBase.HTMLAttributes<HTMLBcmScrollAreaElement>;
             "bcm-search": LocalJSX.BcmSearch & JSXBase.HTMLAttributes<HTMLBcmSearchElement>;

package/dist/types/helper/popover-helper.d.ts

@@ -9,9 +9,10 @@ export declare class Popover {
   trigger?: string;
   openDelay: number;
   closeDelay: number;
+  autoHide?: boolean;
   emitShow: () => void;
   emitHide: () => void;
-  constructor({ content, message, targetId, placement, color, trigger, openDelay, closeDelay, emitShow, emitHide }: {
+  constructor({ content, message, targetId, placement, color, trigger, openDelay, closeDelay, autoHide, emitShow, emitHide }: {
     content: any;
     message: any;
     targetId: any;
@@ -20,6 +21,7 @@ export declare class Popover {
     trigger?: string;
     openDelay?: number;
     closeDelay?: number;
+    autoHide?: boolean;
     emitShow?: () => void;
     emitHide?: () => void;
   });

package/dist/types/helper/tooltip-helper.d.ts

@@ -9,9 +9,10 @@ export declare class Tooltip {
   size: string;
   openDelay: number;
   closeDelay: number;
+  autoHide?: boolean;
   emitShow: () => void;
   emitHide: () => void;
-  constructor({ message, targetId, placement, color, trigger, size, openDelay, closeDelay, emitShow, emitHide, }: {
+  constructor({ message, targetId, placement, color, trigger, size, openDelay, closeDelay, autoHide, emitShow, emitHide, }: {
     message: any;
     targetId: any;
     placement?: string;
@@ -20,6 +21,7 @@ export declare class Tooltip {
     size?: string;
     openDelay?: number;
     closeDelay?: number;
+    autoHide?: boolean;
     emitShow?: () => void;
     emitHide?: () => void;
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.8.1-rc.0",
+  "version": "2.8.1-rc.10-0",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -71,6 +71,7 @@
     "prettier": "^2.8.7",
     "prettier-plugin-organize-imports": "^3.2.2",
     "prettier-plugin-tailwindcss": "^0.2.6",
+    "rc-overflow": "^1.3.1",
     "react": "^16.14.0",
     "react-colorful": "^5.6.1",
     "react-dom": "^16.14.0",

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{h as t,r as e,c as i,H as c,g as o}from"./p-da1055cb.js";import{I as s}from"./p-c23b6240.js";import{J as l}from"./p-5b21f39a.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{s as n,G as a}from"./p-37a28587.js";import{N as r}from"./p-df7b3fed.js";import{S as h}from"./p-8d0ca8c2.js";import{V as b}from"./p-eeca9f6a.js";import"./p-7e44e6b5.js";import{g as m,s as d}from"./p-dbc4c30c.js";import{p,d as u}from"./p-8c018ae0.js";import{B as _,a as x}from"./p-a429e85b.js";import{C as g}from"./p-c8e13fd7.js";import{c as v}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import{L as k}from"./p-24aefda6.js";import"./p-2e73d572.js";import{c as f}from"./p-a60a2dd0.js";import{T as w}from"./p-ff408c78.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-79fd816c.js";import"./p-b60bcecf.js";const y=({disabled:e,checked:i,readonly:c,required:o,indeterminate:s,hidden:l,captionType:n,_id:a})=>{const r=v("bcm-checkbox","bcm-checkbox__type-default","bcm-checkbox-size-medium",{error:n==_.Status.error,hidden:l,checked:i,disabled:e,required:o,readonly:c}),h=v("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+s,{"bcm-checkbox__label-icon-checked":i}),b=v("bcm-checkbox__label");return t("div",{class:r},t("input",{tabindex:"-1",id:a,type:"checkbox",checked:i,disabled:e,required:o,readonly:c}),t("label",{class:b,htmlFor:a},t("span",{class:h},t("bcm-icon",{icon:"far fa-check"}))))},z=({selected:e,total:i,found:c,multiple:o,variableText:s})=>(i=i||0,s=s?p(s,i):"items",t("footer",{class:"bcm-info-footer"},t("bcm-text",{scale:"size-1",color:"grey-8"},o&&e>0&&` ( ${e} selected ) `,` Total ${i} `,null!=c&&` / ${c} `,` ${s} found. `))),I=({item:e,treeview:i,highlight:c,checkboxes:o,size:s,selectedItem:l,openGroup:n,checkedItem:a,focusItem:r,searchIsOnlyChilds:b})=>{const m=e.items&&e.items.length>0;var d=h.htmlEntities(e.text);let p=[];if(c&&h.slugify(d).includes(h.slugify(c))&&(b&&(!b||m&&(i||"group"==e.type))||(d=h.highlight(d,c))),"group"!=e.type&&e.template){const t=e.template.replace(/\s/g,"").match(/\{{[^}}]+\}/g).map((t=>t.replace(/[{}]/g,""))),i=Object.keys(e.itemObject);p=t.filter((t=>i.includes(t)))}d=e.isHtmlContent?e.isHtmlContent:e.template&&p.length>0?h.templateParser(e.template,Object.assign(Object.assign({},e.itemObject),{text:d})):d;const u=!i&&"group"==e.type&&!e.clickable,_=e.disabled,x=e.readonly,g=()=>{e.open=e.isSearching,n(e.id)};return t("div",{id:e.id,hidden:e.hidden,"on-focus":t=>!u&&!_&&r(t),class:v("bcm-list__item","bcm-list__item-"+s,{"bcm-list__item--group":!i&&"group"==e.type,"bcm-list__item--readonly":x})},t("div",{class:v("bcm-list__item-content",!o&&e.selected&&"selected",{disabled:_})},i&&t("div",{class:"bcm-list__item-content-collapse-icon",onClick:()=>g()},m&&t("bcm-icon",{icon:v("fas fa-caret-"+(e.isSearching||e.open?"down":"right"))})),t("div",{class:v("bcm-list__item-content-text",{treeview:i}),onClick:t=>{var i;((i=t).path||i.composedPath()).filter((t=>t.attributes&&t.attributes.getNamedItem("unlinked")))[0]||(x&&g(),!u&&!_&&!x&&(o?a(e.id):l(e.id)))}},o&&(i||!i&&"group"!=e.type)&&t("div",{class:"bcm-list__item-content-text-checkbox"},t(y,{indeterminate:e.indeterminate,checked:e.checked,disabled:e.disabled})),t("span",Object.assign({class:"bcm-list__item-content-text-inner"},e.title&&{title:e.title},{innerHTML:d})))),(i||!i&&"group"==e.type)&&m&&t("div",{class:"bcm-list__item-childs"},(e.isSearching||e.open||!i&&"group"==e.type)&&e.items.map((e=>t(I,{highlight:c,item:e,searchIsOnlyChilds:b,treeview:i,checkboxes:o,size:s,selectedItem:l,checkedItem:a,openGroup:t=>n(t),focusItem:t=>r(t)})))))},$=({highlight:e,selectAllItem:i,bcmListContainer:c,treeview:o,checkboxes:s,checkAll:l,infoFooter:n,value:a,totalData:r,searchFound:h,variableText:b,_id:m,data:d,width:p,height:u,size:_,searchPlaceholder:x,minSearchLength:g,selectedItem:v,openGroup:k,checkedItem:f,onScrollEvent:w,focusItem:y,items:$,searchable:j,searchIsOnlyChilds:C,emptyText:O,emptyIcon:S})=>{const T=!(o&&h>0||h>0);return t("div",{id:`bcm-list-${m}`,class:c,style:{"--height":u,"--width":p}},d&&j&&t("section",{class:"bcm-list__container-search"},t("bcm-search",{size:_,id:`bcm-list-${m}-search`,data:d,clearable:!0,placeholder:x,"min-search-length":g,searchIsOnlyChilds:C})),t("main",{onScroll:t=>w(t),class:"scrolling",style:{"overscroll-behavior":"none"}},t("div",{style:{"min-height":`${(h>=0||(o?$.length:r))*("small"===_?28:"medium"===_?36:48)||0}px`,"overscroll-behavior":"none",height:"100%",display:"flex","flex-direction":"column"}},l&&0!=h&&$&&$.length>0&&s&&T&&t("section",{class:"bcm-list__container-select-all"},t(I,{size:_,item:i,treeview:!1,checkboxes:!0,selectedItem:t=>v(t),checkedItem:t=>f(t),openGroup:t=>k(t),focusItem:t=>y(t)})),$.map((i=>t(I,{highlight:e,size:_,item:i,searchIsOnlyChilds:C,treeview:o,checkboxes:s,selectedItem:t=>v(t),checkedItem:t=>f(t),openGroup:t=>k(t),focusItem:t=>y(t)}))),(!$||0===$.length)&&0!=h&&t("section",{class:"bcm-list__container-no-data"},t("bcm-empty",{style:{height:"auto"},icon:S},t("span",{innerHTML:O||"No data"}))),0==h&&t("section",{class:"bcm-list__container-no-data"},t("bcm-empty",{style:{height:"auto"},icon:S},t("span",{innerHTML:O||"No Data Found"}))))),n&&d&&d.length>0&&t(z,{selected:null==a?void 0:a.length,total:r,found:h,multiple:s,variableText:b}))},{state:j}=f({value:new Map}),C=(t,e,i,c="0.")=>{let o=[];return t&&t.length>0&&(o=t.map(((t,o)=>Object.assign(Object.assign(Object.assign(Object.assign({itemObject:Object.assign(Object.assign({},t),{_i:`${c}${o}`})},t),e),{parentId:n((()=>i),null),open:e.allOpen||t.open||!1}),(e.treeview||!e.treeview&&"group"==t.type)&&t.items&&t.items.length>0?{items:n((()=>C(t.items,e,t.id,`${c}${o}`)),[])}:{items:[]})))),o},O=t=>n((()=>j.value.get(t)),{}),S=(t,e)=>{let i=0;return t.forEach((t=>{(e||!e&&"group"!=t.type)&&(i+=1),(e||!e&&"group"==t.type)&&t.items&&(i+=S(t.items,e))})),i},T=(t,e,i,c)=>{let o;o=i||O(t).dataSource,o&&o.forEach((i=>{null!=c?i.open=c:i.id==e?(i.open=!i.open,i.isSearching=i.open,!i.open&&i.items&&T(t,e,i.items,!1)):i.items&&T(t,e,i.items)}))},E=(t,e,i)=>{i&&i.forEach((i=>{i.id==e?(i.checked=!1,i.itemObject.checked=!1,R(t,i.parentId)):i.items&&E(t,e,i.items)}))},P=(t,e)=>{F(t,e)},F=(t,e,i)=>{let c;e=Array.isArray(e)?e:[e],c=i||O(t).dataSource,c&&c.forEach((i=>{e.includes(i.id)?(L(t,i),i.parentId&&R(t,i.parentId)):i.items&&F(t,e,i.items)}))},L=(t,e,i)=>{const c=O(t);if(c){const o=c.options.treeview;e&&((o||!o&&"group"!=e.type)&&(e.disabled||(e.checked=null!=i?i:!e.checked,e.itemObject.checked=e.checked,e.indeterminate=e.checked?"determinate":"uncheck")),e.items&&e.items.forEach((c=>{L(t,c,null==i?e.checked:i)})))}},R=(t,e,i)=>{let c;c=i||O(t).dataSource,c&&c.forEach((i=>{if(i.id==e){let e=!0,c=!0;i.items&&i.items.map((t=>{(t.checked||"indeterminate"===t.indeterminate)&&(c=!1),!t.checked&&(e=!1)}));const o=e||c?e?"determinate":"uncheck":"indeterminate";i.indeterminate=o,i.checked="determinate"==o,i.itemObject.checked=i.checked,i.parentId&&R(t,i.parentId)}else i.items&&R(t,e,i.items)}))},D=(t,e,i,c)=>{let o,s=[],l=[];return O(t).isSearchOtherTag=c,o=i||O(t).dataSource,o&&o.forEach((i=>{if(e){var o;i.hidden=!0;for(let t=0;t<e.length;t++)if(e[t].id===i.id){o=e[t];break}if(o&&(i.hidden=!1,O(t).isSearchOtherTag||(i.isSearching=!0),l.push(i),i.checked&&s.push(i),o.items)){const{checkedItems:e,visibledItems:n}=D(t,o.items,i.items,c);e&&(s=[...new Set([...s,...e])]),n&&(l=[...new Set([...l,...n])])}}else i.hidden=!1,i.items&&D(t,null,i.items),l.push(i),i.isSearching=!1})),{checkedItems:null!=s?s:[],visibledItems:null!=l?l:[]}},A=(t,e)=>{let i,c=null;return i=e||O(t).dataSource,i&&i.forEach((e=>{if(e.selected)c=e.itemObject;else if(e.items){const i=A(t,e.items);i&&(c=i)}})),c},N=(t,e)=>{let i,c=[],o=[];return i=e||O(t).dataSource,i&&i.forEach((e=>{var i;let s=[],l=[];if(e.checked&&(c.push(e.itemObject),l.push(Object.assign(Object.assign({},e.itemObject),{items:[]}))),e.items){const o=N(t,e.items);(null===(i=null==o?void 0:o.checkedList)||void 0===i?void 0:i.length)>0&&(c=[...c,...o.checkedList]),o.nestedResult.length>0&&(s=o.nestedResult)}s.length>0?(0==l.length&&l.push(Object.assign(Object.assign({},e.itemObject),{items:[]})),l[0].items=s,o.push(l[0])):l.length>0&&(l[0].items=s,o.push(l[0]))})),{checkedList:(null==c?void 0:c.length)>0?c:null,nestedResult:o}},G=(t,e,i)=>{let c,o=[];return c=i||O(t).dataSource,c&&c.forEach((i=>{if(e&&(i.id==e?(i.selected=!0,i.itemObject.selected=i.selected):i.selected&&(i.selected=!1,i.itemObject.selected=i.selected)),i.items){const c=G(t,e,i.items);(null==c?void 0:c.length)>0&&(o=[...o,...c])}i.selected&&o.push(i.itemObject)})),o&&o.length>0?o:null},H=(t,e)=>{let i;i=e||O(t).dataSource,i&&i.forEach((e=>{var i,c,o;e.checked&&(e.checked=!1),e.selected&&(e.selected=!1),e.indeterminate&&(e.indeterminate="uncheck"),(null===(i=e.itemObject)||void 0===i?void 0:i.checked)&&(e.itemObject.checked=!1),(null===(c=e.itemObject)||void 0===c?void 0:c.selected)&&(e.itemObject.selected=!1),(null===(o=e.itemObject)||void 0===o?void 0:o.indeterminate)&&(e.itemObject.indeterminate="uncheck"),e.items&&H(t,e.items)}))},V={setValue:t=>{const{id:e,dataSource:i,options:c}=t,{type:o,treeview:s,checkboxes:l,searchable:r,value:h,name:b,label:m,size:d,disabled:p,readonly:u,highlight:_,required:x,hidden:g,fullWidth:v,height:k,maxHeight:f,minHeight:w,width:y,infoFooter:z,variableText:I,template:$,allOpen:O,keyControl:T,checkAll:E,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:H,placement:V}=c,M={size:d,checkboxes:l,template:$,allOpen:O,highlight:_,treeview:s},q={id:n((()=>e),a.UID),dataSource:i&&i.length>0&&C(i,M),options:{type:o,treeview:s,checkboxes:l,searchable:r,value:h,name:b,label:m,size:d,disabled:p,readonly:u,highlight:_,required:x,hidden:g,fullWidth:v,height:k,maxHeight:f,minHeight:w,width:y,infoFooter:z,variableText:I,template:$,allOpen:O,keyControl:T,checkAll:E,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:H,placement:V},totalItems:(null==i?void 0:i.length)>0&&S(i,c.treeview),totalRoots:null==i?void 0:i.length};j.value.set(q.id,q)},removeValue:t=>{j.value.delete(t)},getValue:O,getData:t=>{let e=[];const i=O(t);if(i){const{dataSource:t}=i;e=t}return e},getDataPagination:(t,e=3,i)=>{let c=[];const o=O(t);if(o){const{dataSource:t}=o;c=i?t.filter((t=>i.indexOf(t.id)>-1)).slice(0,e):t.slice(0,e)}return c},openGroup:T,checkedItem:P,filterData:D,getSelected:A,getCheckedList:N,selectedItem:G,addChecked:(t,e)=>{O(t)&&e.forEach((e=>{P(t,e)}))},setClear:H,selectAll:(t,e)=>{const i=O(t).dataSource;i&&i.forEach((i=>{L(t,i,e)}))},removeOtherTags:(t,e,i)=>{let c;if(e=Array.isArray(e)?e:[e],i)c=i;else{const e=O(t);c=e.dataSource}c&&e.forEach((e=>{c.forEach((i=>{i.id==e?(i.checked=!1,i.itemObject.checked=!1):i.items&&E(t,e,i.items)}))}))},onRemoveItems:E,updateOptions:(t,e)=>{Object.keys(O(t).options).forEach((i=>{O(t).options[i]=e[i]}))},removeState:t=>Promise.resolve(j.value.delete(t))};class M{constructor(t,e,i,c){this.elementName="",this.childElementName="",this.keyCode=t,this.element=e,this.elementName=i,this.childElementName=c}getKeyCode(){return this.keyCode}getElementName(){return this.elementName}getChildElementName(){return this.childElementName}getFocusedElementName(){return this.getElementName()+".focused"}getFocusedElement(){return this.element.querySelectorAll(this.getFocusedElementName())[0]||null}getFirstElement(){return this.element.querySelectorAll(this.getElementName())[0]||null}getNextElement(){var t;return(null===(t=this.getFocusedElement())||void 0===t?void 0:t.nextElementSibling)||this.getFirstElement()}getPreviousElement(){var t;return(null===(t=this.getFocusedElement())||void 0===t?void 0:t.previousElementSibling)||this.getFirstElement()}getChildElement(){var t;return(null===(t=this.getFocusedElement())||void 0===t?void 0:t.querySelectorAll(this.getChildElementName())[0])||null}getParentElement(t){if(t&&t)return t&&t.attributes["data-isroot"]?t:this.getParentElement(t.parentNode)}focusElementIsOpen(){var t;return(null===(t=this.getFocusedElement())||void 0===t?void 0:t.classList.contains("bcm-list__item--open"))||!1}isRootElement(){var t;return(null===(t=this.getFocusedElement())||void 0===t?void 0:t.querySelectorAll(this.getChildElementName()).length)>0}isRootElementIsOpen(){return this.getFocusedElement().classList.contains("bcm-list__item--open")}getFocusedChildElement(){var t;return(null===(t=this.getChildElement())||void 0===t?void 0:t.querySelectorAll(".focused")[0])||null}isLastElement(){var t;return null===(null===(t=this.getFocusedElement())||void 0===t?void 0:t.nextElementSibling)}focusParentElementFirstChild(){var t,e;return this.setFocus(null===(e=null===(t=this.getFocusedElement())||void 0===t?void 0:t.parentElement)||void 0===e?void 0:e.firstChild)}isFirstElement(){var t;return null===(null===(t=this.getFocusedElement())||void 0===t?void 0:t.previousElementSibling)}focusRootElement(){var t,e,i;return this.setFocus(null===(i=null===(e=null===(t=this.getFocusedElement())||void 0===t?void 0:t.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.firstChild)}nextRootElement(){var t,e,i;return this.setFocus(null===(i=null===(e=null===(t=this.getFocusedElement())||void 0===t?void 0:t.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.nextElementSibling)}findFocusElementParent(){return this.getFocusedElement().parentNode.querySelectorAll(".bcm-list__item--open")}getLastElement(){return this.element.querySelectorAll(this.getElementName())[this.element.querySelectorAll(this.getElementName()).length-1]||null}setFocus(t){t.focus()}}class q extends M{constructor(t,e,i,c){super(t,e,".bcm-list__item",".bcm-list__item-childs"),this.isTreeview=!1,this.isCheckBoxes=!1,this.isTreeview=i,this.isCheckBoxes=c}keyUpControl(){this.isTreeview?this.keyUpTreeview():this.isFirstElement()?this.setFocus(this.getLastElement()):this.setFocus(this.getPreviousElement())}keyDownTreeView(){var t;if(this.isTreeview)if(this.isRootElement()&&this.isRootElementIsOpen()){const t=this.getChildElement();t&&this.setFocus(t.firstChild)}else this.isLastElement()&&this.getParentElement(this.getFocusedElement())?this.setFocus(null===(t=this.getParentElement(this.getFocusedElement()))||void 0===t?void 0:t.nextElementSibling):this.setFocus(this.getNextElement())}keyUpTreeview(){if(this.isFirstElement()){const t=this.getParentElement(this.getFocusedElement());this.setFocus(t)}else{const t=this.getPreviousElement();if(t)if(t.classList.contains("bcm-list__item--open")){const e=t.querySelectorAll(this.getChildElementName())[0];console.log({getChildElement:e}),this.setFocus(e.lastChild)}else this.setFocus(t)}}keyDownControl(){this.isTreeview?this.keyDownTreeView():this.isLastElement()?this.setFocus(this.getFirstElement()):this.setFocus(this.getNextElement())}keyRightControl(){if(this.isTreeview&&!this.isRootElementIsOpen()&&this.isRootElement()){const{id:t}=this.getFocusedElement();this.openGroup(t)}}keyLeftControl(){if(this.isTreeview&&this.isRootElementIsOpen()&&this.isRootElement()){const{id:t}=this.getFocusedElement();this.openGroup(t)}}keyEnterControl(){}keySpaceControl(){if(this.isCheckBoxes){const{id:t}=this.getFocusedElement();this.checkedItem(t)}}keyDown(){switch(this.getKeyCode()){case _.KeyCode.up:this.keyUpControl();break;case _.KeyCode.down:this.keyDownControl();break;case _.KeyCode.left:this.keyLeftControl();break;case _.KeyCode.right:this.keyRightControl();break;case _.KeyCode.enter:this.keyEnterControl();break;case _.KeyCode.space:this.keySpaceControl()}}keyUp(){}}class W{constructor(t,e,i,c,o){this.clearable=!1,this.containerId=t,this.values=e,this.listId=i,this.selectedOtherTag=c,this.clearable=o}getTooltip(t,e){return new w({message:e,targetId:t,placement:"bottom"})}tagHtmlTemplate(t,e=!1,i=!1){return`<span class="bcm-tag__content dismissable ${!i&&e&&(this.selectedOtherTag?"checkable checked":"")}">\n                    <span class="value">${t.text}</span>\n                    ${i?"":'\n                    <span class="right close-button" bcm-list-tag-dismiss >\n                        <bcm-icon icon="fal fa-times"></bcm-icon>\n                    </span>'}\n                </span>`}getContainer(){return document.getElementById(this.containerId)}getContainerWidth(){let t=n((()=>document.getElementById(this.containerId).clientWidth),0);return t=(this.clearable?t-20:t)-20,[t<130?130:t-20,t]}isClickDismiss(t){return!!(t.path||t.composedPath&&t.composedPath()).find((t=>t.attributes&&t.attributes["bcm-list-tag-dismiss"]))}onClickControl(t,e,i=!1){let c="";this.isClickDismiss(t)?(this.onClickDismiss(e),c=i?`bcm-list-input-tag-${this.listId}-other-tag`:`list-${this.listId}-${e}`,this.getTooltip(c,"").hide()):i?this.onClickOtherTag(e):this.onClickTag(e)}calculateTags(){const t=this.getContainerWidth(),e=this.getContainer();if(e)if(this.values&&this.values.length>0){if(t[0]>0&&e){e.innerHTML="",this.values.slice(0,50).map((t=>{const i=document.createElement("div");i.classList.add("bcm-tag"),i.id=`list-${this.listId}-${t.id}`,i.onmouseenter=()=>this.getTooltip(`list-${this.listId}-${t.id}`,t.tagTitle||t.text||"").show(),i.onmouseleave=()=>this.getTooltip(`list-${this.listId}-${t.id}`,t.tagTitle||t.text||"").hide(),i.dataset.id=t.id,i.onclick=e=>this.onClickControl(e,t.id),i.innerHTML=this.tagHtmlTemplate(Object.assign(Object.assign({},t),{text:h.textLimitter(t.text,10)})),e.appendChild(i)}));let i=e.querySelectorAll(".bcm-tag"),c=[],o=[];const s=()=>{const t=e.querySelectorAll(".bcm-tag");1===o.length&&1===(null==t?void 0:t.length)&&(o[0].innerHTML=this.tagHtmlTemplate({text:"+1"},!1,!0))};let l=Array.from(i).reduce(((e,i)=>{const l=i.clientWidth>50?i.clientWidth:50;return l>0&&e+l+10<t[0]?(e+=l+10,o.push(i),!(l>0&&e+l+10<t[0])&&t[1]<70&&s()):(c.push(i),i.remove()),e}),0);const a=this.values.slice(o.length),r=e.lastElementChild,b=t=>{const{count:e,width:i}=t;return e>999?"999+"+p("item",e):i>100?`${e} `+p("item",e)+" selected":i<100?`+${e<10?e:"9"}`:void 0};if(c&&c.length>0&&r&&r.id!==`bcm-list-input-tag-${this.listId}-other-tag`&&(c.push(r),c.length>0)){const i={id:`bcm-list-input-tag-${this.listId}-other-tag`,text:b({count:a.length+1,width:t[1]}),title:n((()=>c.map((t=>this.values.find((e=>e.id==t.dataset.id)))).sort(((t,e)=>+t._i-+e._i)).slice(0,15).map((t=>h.textLimitter(t.tagTitle||t.text,40,!0))).toString().split(",").join("\r\n")+(c.length>15?"\r\n...":"")),"...")};r.remove(),o=o.filter((t=>t.id!==r.id));const s=this.values.filter((t=>!o.find((e=>e.dataset.id==t.id)))).map((t=>t.id)),l=document.createElement("div"),m=s.join(","),d=0===o.length;l.classList.add("bcm-tag"),!d&&l.classList.add("bcm-tag--other"),l.id=i.id,i.title&&(l.onmouseenter=()=>this.getTooltip(i.id,i.title).show(),l.onmouseleave=()=>this.getTooltip(i.id,i.title).hide()),l.onclick=t=>this.onClickControl(t,m,!d),l.innerHTML=this.tagHtmlTemplate(i,!0,d),l.dataset.ids=s.join(","),e.appendChild(l)}const m=document.getElementById(`bcm-list-input-tag-${this.listId}-other-tag`),d=m?m.clientWidth&&m.clientWidth<50?50:m.clientWidth:200;if(Math.floor(t[0]-l)>d&&m){const t=this.values.find((t=>t.id==m.dataset.ids.split(",")[0])),i=document.createElement("div");i.classList.add("bcm-tag"),i.id=`list-${this.listId}-${t.id}`,i.onmouseenter=()=>this.getTooltip(`list-${this.listId}-${t.id}`,(null==t?void 0:t.title)||"").show(),i.onmouseleave=()=>this.getTooltip(`list-${this.listId}-${t.id}`,(null==t?void 0:t.title)||"").hide(),i.dataset.id=t.id,i.onclick=e=>this.onClickControl(e,null==t?void 0:t.id),i.innerHTML=this.tagHtmlTemplate(Object.assign(Object.assign({},t),{text:h.textLimitter(t.text,10)})),document.getElementById(`bcm-list-input-tag-${this.listId}-other-tag`).remove(),e.appendChild(i)}}}else e.innerHTML=""}}var U=function(t,e,i,c){var o,s=arguments.length,l=s<3?e:null===c?c=Object.getOwnPropertyDescriptor(e,i):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,c);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(l=(s<3?o(l):s>3?o(e,i,l):o(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};const K=class{constructor(t){e(this,t),this.bcmChecklist=i(this,"bcm-checklist",7),this.bcmSelected=i(this,"bcm-selected",7),this.change=i(this,"bcm-change",7),this.open=i(this,"bcm-open",7),this.close=i(this,"bcm-close",7),this.debounce=null,this.debounceHandler=a.debounceInput((()=>this.listenResize()),300,!1),this._id=a.UID(),this.type=x.ListType.listbox,this.treeview=!1,this.checkboxes=!1,this.searchable=!1,this.value=null,this.inputText=void 0,this.name=void 0,this.label=void 0,this.size=x.Size.medium,this.disabled=!1,this.readonly=!1,this.highlight=!1,this.highlightText=void 0,this.required=!1,this.hidden=!1,this.fullWidth=!1,this.height="256px",this.maxHeight="500px",this.minHeight="150px",this.width="256px",this.infoFooter=!1,this.variableText="item",this.template=void 0,this.allOpen=!1,this.keyControl=!1,this.checkAll=!0,this.stopDeepClean=!1,this.linkedComponent=void 0,this.isOpen=!1,this.calculatedViewport=!1,this.isSelectedOther=!1,this.isHaveOtherTag=!1,this.placeholder="Choose an option",this.searchPlaceholder="Search",this.searchIsOnlyChilds=!1,this.minSearchLength=2,this.clearable=!1,this.caption=void 0,this.noCaption=!1,this.captionType=x.Status.default,this.captionError=void 0,this.emptyText=void 0,this.emptyIcon="fad fa-folder-open",this.captionCache=void 0,this.captionTypeCache=void 0,this.tick={},this.totalData=0,this.totalRootData=0,this.limit=20,this.searchGetParents=void 0,this.searchResultLimit=20,this.searchFound=null,this.returnFilterData={},this.returnOtherData={},this.options={rootMargin:"30px"},this.tagContainerWidth=0,this.selectAllItem={id:"select-all",text:"Select All",value:"select-all",checked:!1,disabled:!1,icon:"",status:x.Status.default,indeterminate:"uncheck"},this.placement=x.Placement["bottom-start"],this.data=[]}connectedCallback(){"256px"!=this.height&&(this.limit=this.height.indexOf("px")>-1?Math.floor(+this.height.replace("px","")/10):Math.floor(+window.innerHeight/10),this.searchResultLimit=this.limit,this.markForCheck());const t=document.querySelectorAll(`#bcm-list-${this._id}`);(null==t?void 0:t.length)>1&&t.forEach(((t,e)=>e>0&&t.remove()))}componentWillRender(){this.calculateLocation()}componentShouldUpdate(t,e,i){Object.keys(this.getOptions()).indexOf(i)>-1&&t!==e&&this.updateOptions()}async componentDidLoad(){if(await this.initState(),"select"==this.type||"autocomplete"==this.type||this.linkedComponent){const t=this.el.querySelector(`#bcm-list-${this._id}`);t&&document.body.appendChild(t)}}tagCalculator(){if(this.checkboxes&&("select"==this.type||"autocomplete"==this.type)){const t=new W(`bcm-list-input-tag-container-${this._id}`,this.value,this._id,this.isSelectedOther,this.clearable);t.calculateTags();const e=t=>"string"==typeof t?t.split(","):[t],i=()=>{if("autocomplete"==this.type){const t=this.getAutoCompleteInput();t&&t.handleClear(!1)}};t.onClickOtherTag=async t=>{this.disabled||(i(),this.isSelectedOther?await this.unSelectOther():(await this.onClearSearch(),this.isSelectedOther=!0,this.filterOtherList(e(t)),this.isOpen=!0),this.onSelectSearch())},t.onClickTag=()=>{i(),this.onSelectSearch(),this.unSelectOther()},t.onClickDismiss=async t=>{var i;this.disabled||(this.isSelectedOther&&await this.unSelectOther(),e(t).length>1?V.removeOtherTags(this._id,e(t)):V.checkedItem(this._id,e(t)[0]),this.value=(await this.getCheckedList()).checkedList,this.handleIndeterminate((null===(i=this.value)||void 0===i?void 0:i.length)||0,this.totalData))}}}disconnectedCallback(){if(this.isOpen=!1,!this.stopDeepClean&&(V.removeState(this._id),this.el.innerHTML="","select"==this.type||"autocomplete"==this.type||this.linkedComponent)){const t=document.querySelectorAll(`#bcm-list-${this._id}`);(null==t?void 0:t.length)&&(t.forEach((t=>t.remove())),this.el.remove())}}watchId(t,e){V.removeState(e),this.initState()}handleValueChange(t,e){var i;a.objectIsEmpty(this.returnFilterData)&&this.handleIndeterminate((null===(i=this.value)||void 0===i?void 0:i.length)||0,this.totalData),this.checkboxes?b.compareTwoArrayIsSame(t,e)||(this.bcmChecklist.emit(this.value),this.change.emit(this.value)):(null==t?void 0:t.text)!=(null==e?void 0:e.text)&&this.change.emit(this.value),this.tagCalculator()}watchReturnFilterData(t){var e;const{checkedItems:i,visibledItems:c}=t;i&&c?this.handleIndeterminate(i.length,c.length):this.handleIndeterminate((null===(e=this.value)||void 0===e?void 0:e.length)||0,this.totalData)}handleOtherSelected(t){var e;const i=null===(e=document.getElementById(`bcm-list-input-tag-${this._id}-other-tag`))||void 0===e?void 0:e.querySelector(".bcm-tag__content");i&&(!0===t?i.classList.add("checkable","checked"):i.classList.remove("checkable","checked"))}async handleOpen(){this.isOpen?(this.open.emit(),this.calculateLocation(),this.onSelectSearch()):(this.listScrollToTop(),this.close.emit(),await u(100),this.unSelectOther())}listScrollToTop(){const t=document.querySelector(`#bcm-list-${this._id}`);t&&(t.querySelector(".scrolling").scrollTop=0)}async dataChanged(t,e){b.compareTwoArrayIsSame(t,e)||await this.initState()}isIntersecting(t){const e=null==t?void 0:t.target;e&&e.id===this._id&&this.listenResize()}handleSlotItems(t){var e;(null===(e=null==t?void 0:t.detail)||void 0===e?void 0:e.length)>0&&(this.data=t.detail)}handleChange(t){t.target.id==`bcm-list-input-tag-container-${this._id}-autocomplete-input`&&t.stopImmediatePropagation()}handleResize(){this.calculateLocation(),this.debounceHandler()}handleWheel(t){if(this.isOpen){const e=document.querySelector(`#bcm-list-${this._id}`);e&&a.findEventPath(t,e)?("select"==this.type||"autocomplete"==this.type||this.linkedComponent)&&this.calculateLocation():this.hide()}}handleClick(t){var e;if(this.disabled)return;const i=document.querySelector(`#bcm-list-${this._id}`),c=a.findEventPath(t,this.el)||i&&a.findEventPath(t,i);if(c&&(null!==this.debounce&&(t.preventDefault(),t.stopPropagation(),clearTimeout(this.debounce),this.debounce=null),this.debounce=setTimeout((()=>{this.debounce=null}),300)),!c&&"autocomplete"==this.type){const t=this.getAutoCompleteInput();t&&t.setValue(this.checkboxes?"":(null===(e=this.value)||void 0===e?void 0:e.text)||"")}const o=a.findEventPathWithKey(t,"className",["bcm-tag"]),s=a.findEventPathWithKey(t,"className",["bcm-tag bcm-tag--other"]),l=a.findEventPathWithKey(t,"id",[`bcm-list-input-${this._id}`,`bcm-list-label-${this._id}`]),n=a.findEventPathWithKey(t,"className",["right close-button"]);l&&!n&&"autocomplete"!=this.type&&(this.isOpen=!(!o&&!s&&this.isOpen)),i&&this.isOpen&&(i.contains(t.target)||this.el.contains(t.target)||(this.isOpen=!1))}bcmOnSearchClear(t){var e,i;"autocomplete"==this.type&&((null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||t.detail&&this.setClear())}bcmOnSearch(t){var e,i,c,o,s,l;(null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||(this.searchGetParents=n((()=>{var e;return null===(e=t.detail)||void 0===e?void 0:e.parentIndex}),null),this.searchResultLimit=10,this.searchFound=null!=(null===(c=t.detail)||void 0===c?void 0:c.matching)?null===(o=t.detail)||void 0===o?void 0:o.matching.length:null,this.returnFilterData=V.filterData(this._id,null===(s=t.detail)||void 0===s?void 0:s.nestedResult),this.searchFound>0&&this.highlight&&(this.highlightText=null===(l=t.detail)||void 0===l?void 0:l.value),"autocomplete"==this.type&&(this.isOpen=!0),t.detail.result||("autocomplete"==this.type&&(this.isOpen=!1),this.isSelectedOther?this.filterOtherList(this.otherTagIds()):(this.returnFilterData={},V.filterData(this._id,null)),this.searchResultLimit=null,this.highlightText=null),this.markForCheck())}handleKeyDown(t){const e=t.keyCode||t.which;if(e===x.KeyCode.escape&&this.isOpen&&(this.isOpen=!1,t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()),this.keyControl){const t=new q(e,this.el,this.treeview,this.checkboxes);t.openGroup=t=>{this.openGroup(t)},t.checkedItem=t=>{this.checkedItem(t)},t.keyDown()}}handleKeyUp(t){if(this.keyControl&&a.findEventPath(t,this.el)){const t=document.getElementById(`bcm-list-${this._id}`);if(t){const e=t.querySelectorAll(".bcm-list__item.focused");if(e.length>0){const i=t.querySelector("main"),c=e[0].offsetHeight,o=i.offsetHeight,s=e[0].offsetTop;s>o&&(i.scrollTop=s-o/2+c/2),s<o&&(i.scrollTop=s-o/2-c/2)}}}}async set(t){t?(Array.isArray(t)&&this.addChecked(t),"string"!=typeof t&&"number"!=typeof t||this.selectedItem(t)):this.setClear()}async get(){var t,e;return this.value?this.checkboxes?null===(e=null===(t=await this.getCheckedList())||void 0===t?void 0:t.checkedList)||void 0===e?void 0:e.map((t=>t.id)):this.value.id:null}async getCheckedList(){return Promise.resolve(V.getCheckedList(this._id))}async getSelected(){return Promise.resolve(V.getSelected(this._id))}async getValue(){return Promise.resolve(this.value)}async addChecked(t=[],e=!1,i=!0){return t&&t.length>0&&(e||(V.setClear(this._id),await u(10)),await V.addChecked(this._id,t),await u(10),i&&(this.value=(await this.getCheckedList()).checkedList),this.markForCheck()),Promise.resolve(this.value)}async selected(t){return!!t&&Promise.resolve(await this.selectedItem(t))}async setClear(t){return V.setClear(this._id),this.value=null,this.inputText="",this.isOpen=!1,this.selectAllItem.indeterminate="uncheck",this.tagCalculator(),this.markForCheck(),t&&(t.stopPropagation(),t.preventDefault()),await u(10),Promise.resolve()}async resetCaption(){return await u(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await u(10),Promise.resolve()}async show(){return this.isOpen=!0,Promise.resolve()}async hide(){return this.isOpen=!1,Promise.resolve()}updateOptions(){V.updateOptions(this._id,this)}handleIndeterminate(t,e){this.selectAllItem=Object.assign(Object.assign({},this.selectAllItem),{indeterminate:this.checkboxes&&t>0?t===e?"check":"indeterminate":"uncheck",checked:!!(this.checkboxes&&t>0)&&t===e})}listenResize(){this.tagCalculator(),this.calculateLocation(),this.markForCheck()}async unSelectOther(){return await this.onClearSearch(),this.isSelectedOther=!1,this.searchFound=null,this.returnFilterData={},V.filterData(this._id,null),await u(10),Promise.resolve()}async onClearSearch(){const t=document.getElementById(`bcm-list-${this._id}-search`);return t&&await t.handleClear(),Promise.resolve()}async onSelectSearch(){const t=document.getElementById(`bcm-list-${this._id}-search`);t&&(await u(100),t.onBcmFocus(),t.onBcmSelect())}otherTagIds(){const t=document.querySelector(`#bcm-list-input-tag-${this._id}-other-tag`);if(t)return t.getAttribute("data-ids").split(",")}async filterOtherList(t){const e=(await this.getCheckedList()).nestedResult,i=a.convertIdsToNestedData(t,e);this.returnFilterData=await V.filterData(this._id,i,null,!0),this.searchFound=(null==t?void 0:t.length)||0,this.limit=500,this.searchGetParents=null,await u(1e3),this.markForCheck()}async initState(){var t,e,i;this.onClearSearch(),await V.setValue({id:this._id,dataSource:this.data&&n((()=>"string"==typeof this.data?JSON.parse(this.data):this.data),[]),options:this});const{totalRoots:c,totalItems:o}=V.getValue(this._id);if(this.totalData=o,this.totalRootData=c,this.value=this.checkboxes?(await this.getCheckedList()).checkedList:V.selectedItem(this._id)?V.selectedItem(this._id)[0]:null,this.checkboxes||(this.inputText=(null===(t=this.value)||void 0===t?void 0:t.text)||null),this.checkboxes&&(null===(e=this.value)||void 0===e?void 0:e.length)>0){const t=[];this.value.forEach((e=>{e.items&&0!==e.items.length||t.push(e.id)})),await this.addChecked(t,!1,!1)}await this.handleIndeterminate(null===(i=this.value)||void 0===i?void 0:i.length,this.totalData),await this.markForCheck()}async markForCheck(){await u(10),this.tick=a.UID()}getOptions(){return n((()=>V.getValue(this._id).options),{})}getItems(){return this.isSelectedOther?this.returnFilterData.checkedItems:n((()=>V.getData(this._id)),[])}getLimitedItems(t){return n((()=>V.getDataPagination(this._id,this.searchResultLimit||this.limit,t)),[])}openGroup(t){V.openGroup(this._id,t),this.markForCheck()}focusItem(t){if(t.target.classList.contains("bcm-list__item")){const e=t.target,i=document.getElementById(`bcm-list-${this._id}`);if(i&&i.querySelectorAll(".bcm-list__item").length>0){const t=i.querySelector(".bcm-list__item.focused");t&&t.classList.remove("focused"),e.classList.add("focused")}}}async selectedItem(t){var e;if(!this.checkboxes&&(this.value=V.selectedItem(this._id,t)?V.selectedItem(this._id,t)[0]:null,this.inputText=(null===(e=this.value)||void 0===e?void 0:e.text)||null,this.isOpen=!1,this.markForCheck(),"autocomplete"==this.type&&this.value)){const t=this.getAutoCompleteInput();t&&setTimeout((()=>{var e;t.setValue((null===(e=this.value)||void 0===e?void 0:e.text)||""),this.isOpen=!1}),100)}return Promise.resolve(this.value)}async checkedItem(t){"select-all"===t?V.selectAll(this._id,!this.selectAllItem.checked):V.checkedItem(this._id,t),this.value=(await this.getCheckedList()).checkedList,this.changeVisibleCheckeds(),this.markForCheck()}changeVisibleCheckeds(){const{visibledItems:t}=this.returnFilterData;this.returnFilterData={visibledItems:t,checkedItems:t&&t.filter((t=>t.checked))||[]}}getAutoCompleteInput(){return document.getElementById(`bcm-list-input-tag-container-${this._id}-autocomplete-input`)}dataScrollEvent(t){let e=0,i=new IntersectionObserver((t=>{0===e&&(e++,t[0].isIntersecting&&(this.limit+=15,this.searchResultLimit+=15,i.disconnect(),i=null))}),this.options);i.observe(t.target.lastElementChild)}async calculateLocation(){var t,e;if("select"==this.type||"autocomplete"==this.type||this.linkedComponent){const c=document.getElementById(`bcm-list-${this._id}`);var i=this.placement;const o=document.getElementById(this.linkedComponent?this.linkedComponent:`bcm-list-input-${this._id}`);if(c&&o){m(c,o,i,(t=>i=t)),await u(10);let s=d(i,o),l=0,n=0;if(this.linkedComponent){const i=document.getElementById(this.linkedComponent);if(i){if(!i.noCaption){const e=(null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector(".bcm-caption-area"))||i.querySelector(".bcm-caption-area");e&&(l=e.offsetHeight||e.clientHeight)}const c=(null===(e=i.shadowRoot)||void 0===e?void 0:e.querySelector(".bcm-label"))||i.querySelector(".bcm-label");c&&(n=c.offsetHeight||c.clientHeight)}}c.style.width=this.fullWidth?o.offsetWidth+"px":this.width||"auto",c.style.height=this.height.indexOf("%")>-1?.01*r.toNumber(this.height)*window.innerHeight-s[0]-50+"px":this.height,c.style.minHeight=this.minHeight;const a="top"==i.split("-")[0]?window.innerHeight-(window.innerHeight-s[0])-50:window.innerHeight-s[0]-50;c.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*r.toNumber(this.maxHeight)*a+"px":r.toNumber(this.maxHeight)<a?this.maxHeight:a+"px",m(c,o,i,(t=>i=t)),await u(10),s=d(i,o),c.style.top=("top"==i.split("-")[0]?s[0]-c.offsetHeight+n:s[0]-l)+"px",c.style.left="end"==i.split("-")[1]?s[1]-c.offsetWidth+"px":s[1]+"px",c.classList.toggle("bcm-list--top","top"==i.split("-")[0]),this.calculatedViewport=!0}}}render(){const{checkboxes:e,treeview:i,label:o,size:s,disabled:l,readonly:n,required:a,hidden:r,fullWidth:h,searchable:b}=this.getOptions(),m=v("bcm-list",`bcm-list__size-${s}`,`bcm-list__${this.type}`,"large"===s?"size-3":"size-2",{error:this.captionType==x.Status.error,"full-width":h,"bcm-list__linked":this.linkedComponent,hidden:r,readonly:n,disabled:l}),d=v("bcm-list__container",this.linkedComponent?"bcm-list__type-linked-component":`bcm-list__type-${this.type}`,{"is-open":this.isOpen&&this.calculatedViewport,error:this.captionType==x.Status.error,"full-width":h,hidden:r,readonly:n,disabled:l}),p=v("bcm-list__input"),u="select"==this.type||"autocomplete"==this.type||this.linkedComponent;return t(c,{class:m,tabindex:"0",style:{"--width":h?"100%":this.width,"--height":u?"100%":this.height,"--max-height":u?"inherit":this.maxHeight,"--min-height":u?"inherit":this.minHeight}},t("div",{id:`bcm-list-label-${this._id}`,class:"bcm-list__label"},o&&t("div",null,t(k,{size:this.size,type:this.captionType,value:o,required:a,htmlFor:this._id}))),"select"==this.type&&t("div",{id:`bcm-list-input-${this._id}`,class:p},t("span",{class:v("bcm-list__input-container",{"type-single":!e,"value-empty":!this.value})},this.checkboxes&&t("span",{id:`bcm-list-input-tag-container-${this._id}`,class:"bcm-list__input-tag-container"}),this.checkboxes&&!this.value&&t("span",{class:"bcm-list__input-placeholder"},this.placeholder),!this.checkboxes&&(this.value?this.inputText:t("span",{class:"bcm-list__input-placeholder"},this.placeholder))),t("span",{class:v("bcm-list__input-buttons",{disabled:l})},this.clearable&&this.value&&t("div",{class:"bcm-list__input-buttons-button"},t("bcm-icon",{icon:"fal fa-times",onClick:t=>!l&&this.setClear(t)})),t("div",{class:`bcm-list__input-buttons-button caret-is ${this.isOpen&&this.calculatedViewport&&"caret-is-open"}`},t("bcm-icon",{icon:"far fa-angle-down"})))),"autocomplete"===this.type&&t("div",{id:`bcm-list-input-${this._id}`,class:v(p,{"bcm-list__input-autocomplete":"autocomplete"==this.type})},t("span",{class:"bcm-list__input-container",id:`bcm-list-input-tag-container-${this._id}`},this.checkboxes&&t("span",{class:"bcm-list__input-tag-container",id:`bcm-list-input-tag-container-${this._id}-autocomplete`}),t("bcm-search",{id:`bcm-list-input-tag-container-${this._id}-autocomplete-input`,class:"bcm-list__autocomplete",data:this.data,clearable:!0,"full-width":!0,"no-caption":!0,placeholder:this.placeholder}))),t($,{highlight:this.highlightText,searchable:"autocomplete"!=this.type&&b,bcmListContainer:d,checkboxes:e,treeview:i,infoFooter:this.infoFooter,value:this.value,totalData:this.totalData,searchFound:this.searchFound,variableText:this.variableText,searchPlaceholder:this.searchPlaceholder,minSearchLength:this.minSearchLength,searchIsOnlyChilds:this.searchIsOnlyChilds,_id:this._id,checkAll:this.checkAll,data:this.getItems(),width:this.width,height:this.height,size:this.size,selectAllItem:this.selectAllItem,onScrollEvent:t=>this.dataScrollEvent(t),items:this.getLimitedItems(this.searchGetParents),selectedItem:t=>this.selectedItem(t),checkedItem:t=>this.checkedItem(t),openGroup:t=>this.openGroup(t),focusItem:t=>this.focusItem(t),emptyText:this.emptyText,emptyIcon:this.emptyIcon}),t(g,{noCaption:this.noCaption,captionType:this.captionType,captionError:this.captionError,caption:this.caption}))}get el(){return o(this)}static get watchers(){return{_id:["watchId"],value:["handleValueChange"],returnFilterData:["watchReturnFilterData"],isSelectedOther:["handleOtherSelected"],isOpen:["handleOpen"],data:["dataChanged"]}}};U([s()],K.prototype,"el",void 0),U([l("data",!0)],K.prototype,"dataChanged",null),K.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:"";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}.bcm-list{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;--width:256px;--height:256px;--max-height:inherit;--min-height:inherit;min-width:90px;display:flex;flex-direction:column;margin:0 0 8px 0}.bcm-list__listbox .bcm-list__container{height:var(--height);max-height:var(--max-height);min-height:var(--min-height)}.bcm-list.full-width{width:100%}.bcm-list__size-small .bcm-list__input{height:24px;font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-small .bcm-list__input .bcm-tag__content.dismissable{font-size:10px;line-height:calc(10px + 8px)}.bcm-list__size-medium .bcm-list__input{height:32px;font-size:14px;line-height:calc(14px + 8px)}.bcm-list__size-medium .bcm-list__input .bcm-tag__content.dismissable{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-large .bcm-list__input{height:40px;font-size:16px;line-height:calc(16px + 8px)}.bcm-list__size-large .bcm-list__input .bcm-tag__content.dismissable{font-size:14px;line-height:calc(14px + 8px)}.bcm-list:hover{outline:none}.bcm-list:hover .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list:focus-visible{outline:none}.bcm-list:focus-visible .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);background-color:var(--bcm-new-ds-color-white)}.bcm-list:active{outline:none}.bcm-list:active .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list__container{--width:256px;--height:256px;width:var(--width);height:var(--height);background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;padding-top:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px}.bcm-list__container main{scroll-behavior:smooth;padding:0 8px;flex:1;overflow:auto;display:flex;flex-direction:column}.bcm-list__container-search{margin:0 8px}.bcm-list__container-search:after{margin:4px 0}.bcm-list__container-no-data{flex:1;display:flex;justify-content:stretch;align-items:stretch;padding-bottom:4px}.bcm-list__container.error{border-color:var(--bcm-color-red-6)}.bcm-list__container.full-width{width:100%}.bcm-list__container.bcm-list__type-linked-component,.bcm-list__container.bcm-list__type-select,.bcm-list__container.bcm-list__type-autocomplete{opacity:0;visibility:hidden;position:absolute;top:0;left:0;height:0;width:0;transform:translateY(10%);z-index:10800;transition:visibility 0s linear 400ms, opacity 100ms, transform 200ms}.bcm-list__container.bcm-list__type-linked-component.bcm-list--top,.bcm-list__container.bcm-list__type-select.bcm-list--top,.bcm-list__container.bcm-list__type-autocomplete.bcm-list--top{transform:translateY(-10%)}.bcm-list__container.bcm-list__type-linked-component.is-open,.bcm-list__container.bcm-list__type-select.is-open,.bcm-list__container.bcm-list__type-autocomplete.is-open{opacity:1;transform:translateY(0);visibility:visible;transition:visibility 0s linear 0s, opacity 100ms, transform 100ms}.bcm-list__label{line-height:1}.bcm-list__input{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-white);user-select:none;cursor:pointer;padding:0 8px;height:32px;overflow:hidden;position:relative;transition:background-color 100ms, border-color 100ms}.bcm-list__input-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bcm-color-grey-1);opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out;z-index:-1}.bcm-list__input-spinner.is-open{opacity:1;visibility:visible;z-index:1}.bcm-list__input-container{width:100%}.bcm-list__input-container.value-empty{color:var(--bcm-color-grey-6)}.bcm-list__input-container.type-single,.bcm-list__input-container.value-empty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-list__input-placeholder{color:var(--bcm-color-grey-6)}.bcm-list__input-tag-container{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;grid-gap:2px;line-height:1}.bcm-list__input-buttons{display:flex;align-items:center;justify-content:flex-end;grid-gap:4px;min-width:40px}.bcm-list__input-buttons-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:4px;font-size:16px;color:var(--bcm-new-ds-color-slate-500)}.bcm-list__input-buttons-button.caret-is{transform:rotate(360deg);transition:transform 0.2s ease-in-out}.bcm-list__input-buttons-button.caret-is-open{transform:rotate(180deg)}.bcm-list__input-buttons:not(.disabled) .bcm-list__input-buttons-button:hover{cursor:pointer;color:var(--bcm-new-ds-color-slate-600)}.bcm-list__input-autocomplete{position:relative;padding-right:0}.bcm-list__input-autocomplete .bcm-list-input-selected-text{background-color:#ffffff;display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 24px);height:100%;padding:0 calc(8px + 4px);position:absolute;top:0;left:0}.bcm-list__input-autocomplete .bcm-list__input-container{height:100%;display:flex;flex-direction:row}.bcm-list__input-autocomplete .bcm-list__input-container .bcm-list__input-tag-container{width:auto}.bcm-list__input-autocomplete .bcm-input,.bcm-list__input-autocomplete .bcm-list__autocomplete{height:100%;min-width:70px;width:100%}.bcm-list__input-autocomplete .bcm-input__container,.bcm-list__input-autocomplete .bcm-list__autocomplete__container{height:100%;border:none;padding:0;width:100%}.bcm-list__input-autocomplete .bcm-input__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-input__container:not(.disabled):hover,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled):hover{border:none;box-shadow:none}.bcm-list__autocomplete{width:100%;position:relative}.bcm-list.full-width .bcm-list__container,.bcm-list.full-width .bcm-list__input{width:100%}.bcm-list.error .bcm-list__input{border-color:var(--bcm-color-red-6)}.bcm-list.disabled .bcm-list__container,.bcm-list.disabled .bcm-list__input{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-list.disabled .bcm-tag__content.dismissable .close-button{cursor:default}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button bcm-icon{color:var(--bcm-new-ds-color-slate-100)}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button:hover bcm-icon{color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:hover{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list:not(.disabled) .bcm-list__input:hover .bcm-tag__content.dismissable:not(.checked){background-color:var(--bcm-new-ds-color-slate-200);border-color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:focus-visible{border-color:var(--bcm-new-ds-color-blue-500);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list:not(.disabled) .bcm-list__input:active{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item{padding:2px 0}.bcm-list__item.disabled{user-select:none}.bcm-list__item:focus{outline:none}.bcm-list__item:focus-visible>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item:focus-visible>.bcm-list__item-content:not(.disabled){color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item-content{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;cursor:pointer;border-radius:4px;padding:0;padding-left:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-50);transition:background-color 0.2s ease}.bcm-list__item-content.disabled{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);user-select:none;cursor:not-allowed}.bcm-list__item-content.selected{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item-content.selected:hover:not(.disabled){color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item-content:hover:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item-content:active:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item-content-collapse-icon{width:16px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:16px}.bcm-list__item-content-collapse-icon.child{cursor:pointer}.bcm-list__item-content-text{user-select:none;padding:8px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.bcm-list__item-content-text.treeview{padding:8px 0}.bcm-list__item-content-text-checkbox{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;margin-right:8px}.bcm-list__item-content-text-checkbox .bcm-checkbox{margin:0}.bcm-list__item-content-text-inner{width:100%}.bcm-list__item-content-text mark{padding:0;margin:0;font-size:inherit;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-yellow-4)}.bcm-list__item-childs{padding-left:16px}.bcm-list__item-small{padding:2px 0 2px 8px;font-size:10px;line-height:calc(10px + 8px)}.bcm-list__item-small .bcm-list__item-content-text{padding:3px 4px}.bcm-list__item-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__item-medium .bcm-list__item-content-text{padding:6px 4px}.bcm-list__item-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-list__item-large .bcm-list__item-content-text{padding:9px 4px}.bcm-list__item--readonly:focus>.bcm-list__item-content:not(.disabled),.bcm-list__item--readonly.focused>.bcm-list__item-content:not(.disabled){color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content{color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content:hover,.bcm-list__item--readonly>.bcm-list__item-content:focus{color:var(--bcm-color-grey-7)}.bcm-list__item--group{border-radius:4px}.bcm-list__item--group:focus>.bcm-list__item-content:not(.disabled){background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);border-radius:4px 4px 0 0;cursor:default;font-size:14px;line-height:calc(14px + 8px);font-weight:500;position:sticky;top:0}.bcm-list__item--group>.bcm-list__item-content>.bcm-list__item-content-text{padding:4px 8px 4px 16px}.bcm-list__item--group>.bcm-list__item-content:hover,.bcm-list__item--group>.bcm-list__item-content:focus{color:var(--bcm-new-ds-color-slate-800);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-content-unclickable:hover{color:var(--bcm-new-ds-color-slate-700);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-childs{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);padding-bottom:8px;border-radius:0 0 4px 4px;padding-left:8px}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content{background-color:var(--bcm-new-ds-color-white);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:hover{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:active{background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:focus-visible{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected{background-color:var(--bcm-new-ds-color-blue-500);color:var(--bcm-new-ds-color-white)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:active{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-list__linked{display:none}.bcm-list .bcm-tag--other .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-info-footer{text-align:right;padding:4px 8px;background-color:var(--bcm-new-ds-color-slate-100);color:var(--bcm-new-ds-color-slate-600);border-radius:0 0 4px 4px}';export{K as bcm_list}

package/dist/bromcom-ui/p-1362b17e.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{h as e,r,c as t,f as i,H as o,g as c}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as a,s}from"./p-37a28587.js";import"./p-df7b3fed.js";import"./p-8d0ca8c2.js";import"./p-eeca9f6a.js";import"./p-7e44e6b5.js";import{g as p}from"./p-8c018ae0.js";import{a as m}from"./p-a429e85b.js";import{c as n}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{s as d}from"./p-6a2c25e7.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-a60a2dd0.js";const l=({_title:r,description:t,status:i,valid:o,index:c,loading:a,active:s,stepChange:p,statusIcon:m,icon:d,disabled:l,headerHidden:b})=>{const h=n("bcm-stepper__header-item",`bcm-stepper__header-item--${i}`,{"bcm-stepper__header-item--active":s,"bcm-stepper__header-item--valid":o,"bcm-stepper__header-item--invalid":!o,"bcm-stepper__header-item--disabled":l,hidden:b}),_={success:"fal fa-check",warning:"fal fa-exclamation-triangle",error:"fal fa-times"},g=(d||m&&_[i])&&e("bcm-icon",{icon:d||_[i]});return e("div",{class:h},e("div",{class:"bcm-stepper__header-item--container",onClick:()=>!l&&p(c)},e("div",{class:"bcm-stepper__header-item-icon size-3"},a?e("bcm-icon",{icon:"far fa-spinner-third fa-spin"}):g||c),e("div",{class:"bcm-stepper__header-item-title size-2"},r),e("div",{class:"bcm-stepper__header-item-description size-1"},t)))},b=class{constructor(e){r(this,e),this.bcmStepChange=t(this,"bcm-step-change",7),this.hidden=!1,this._id=a.UID(),this.direction=m.Direction.horizontal,this.linear=!1,this.size=m.Size.medium,this.icon=!1,this.active=1,this.stepperId=a.UID(),this.data=[],this.tick={}}async dataChanged(){this.initState()}componentDidLoad(){this.initState()}disconnectedCallback(){this.reset()}async initState(){const{stepperId:e,data:r,direction:t,linear:i,size:o,icon:c,active:a,el:s}=this,p=r.length>0?r:this.getSlotElements();await d.setValue({id:e,el:s,direction:t,linear:i,size:o,icon:c,active:a,steps:p}),this.markForCheck()}componentDidRender(){this.setSteps(this.getItems())}setSteps(e){const r=p(this.el,"bcm-step");r.length>0&&r.forEach(((r,t)=>{const i=e.find((e=>!r.headerHidden&&e.id===r.id));i&&(a.setAttributes(r,Object.assign({title:"",_title:i.title||i._title||"",status:i.status||"default",disabled:i.disabled||!1,valid:i.valid||!0,loading:i.loading||!1,index:i.index||t,active:i.active||!1,innerHtml:i.innerHtml||""},1==r.hidden&&{headerHidden:!0})),(r.hidden=!1)&&r.removeAttribute("hidden"))}))}markForCheck(){this.tick=a.UID()}handleChangeBcmHidden(){this.initState()}getActiveIndex(){return d.getActiveIndex(this.stepperId)}getSlotElements(){return s((()=>p(this.el,"bcm-step")),[])}async onStepChange(e){return e&&(d.changeActiveStep(this.stepperId,e),this.bcmStepChange.emit(e)),i(this.el),Promise.resolve(e)}async prev(){const e=this.getActiveIndex()-1;if(e>=1)if(this.linear)await this.onStepChange(e);else{if(this.getItems()[e-1].disabled)return;await this.onStepChange(e)}return i(this.el),Promise.resolve(this.getActiveIndex())}async next(e){let r;r=0==e?0:1==r?1:e||this.getActiveIndex();const t=await this.getCurrentStep(),o=this.getItems()[this.getItems().length-1];return t.valid?(this.linear&&o.id!=t.id&&(t.status="success"),r<this.getItems().length&&await this.onStepChange(r+1)):t.status="error",i(this.el),Promise.resolve(this.getActiveIndex())}async setActive(e){if(e)if("number"==typeof e)if(this.linear){const r=this.getItems().filter((r=>r.index<e));(null==r?void 0:r.map((e=>({id:e.id,status:e.status,disabled:e.disabled}))).every((e=>"success"==e.status||"default"==e.status)))&&(null==r||r.forEach((e=>{e.status="success",e.disabled=!1})),await this.next(e-1))}else d.setActiveIndex(this.stepperId,e),await this.next(e-1);else console.warn("index must be a number")}async reset(){return await this.onStepChange(1),d.stepperReset(this.stepperId),Promise.resolve(this.getActiveIndex())}async getCurrentStep(){var e;return s((()=>this.getItems().filter((e=>1==e.active))[0]),null!==(e=this.getItems()[0])&&void 0!==e?e:null)}async getSteps(){return Promise.resolve(this.getItems())}getItems(){return s((()=>{var e;return null===(e=d.getValue(this.stepperId).steps)||void 0===e?void 0:e.filter((e=>!e.headerHidden))}),[])}render(){const{hidden:r,direction:t,linear:i,size:c}=this,a=n("bcm-stepper","bcm-stepper__direction-"+t,"bcm-stepper__size-"+c,{"bcm-stepper__linear":i,hidden:r}),s=e=>n("bcm-stepper__header-line",`bcm-stepper__header-line--${(null==e?void 0:e.disabled)?"disabled":"error"===(null==e?void 0:e.status)?"default":null==e?void 0:e.status}`),p=this.getItems();return e(o,{class:a},e("span",{hidden:!0,id:`bcm-stepper__steps-${this._id}`},e("slot",null)),e("main",null,e("header",{class:"bcm-stepper__header"},null==p?void 0:p.map(((r,t)=>[e(l,Object.assign({},r,{stepChange:e=>this.onStepChange(e)})),p.length>t+1&&e("div",{class:s(r)})]))),e("section",{class:"bcm-stepper__body"},this.data&&this.data.length>0?null==p?void 0:p.map((r=>e("bcm-step",Object.assign({},r)))):e("slot",null))))}get el(){return c(this)}static get watchers(){return{data:["dataChanged"]}}};b.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-stepper{display:block;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-stepper__header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:16px}.bcm-stepper__header *,.bcm-stepper__header ::after,.bcm-stepper__header ::before{box-sizing:content-box}.bcm-stepper__header-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item--container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item-icon{position:relative;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--bcm-color-prime-blue-6);color:var(--bcm-color-grey-1);line-height:1;margin-bottom:16px;user-select:none}.bcm-stepper__header-item-icon::before{width:40px;height:40px;border-radius:50%;border:2px solid var(--bcm-color-prime-blue-6);border-color:transparent;position:absolute;z-index:0;user-select:none;top:-6px;left:-6px}.bcm-stepper__header-item-title{color:var(--bcm-color-grey-8)}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-7)}.bcm-stepper__header-item::before,.bcm-stepper__header-item::after{content:"";position:absolute;width:calc(50% - 24px);height:2px;background-color:var(--bcm-color-prime-blue-6);top:16px;box-sizing:content-box}.bcm-stepper__header-item::after{right:0}.bcm-stepper__header-item::before{left:0}.bcm-stepper__header-item:first-of-type::before{display:none}.bcm-stepper__header-item:last-of-type::after{display:none}.bcm-stepper__header-item--active .bcm-stepper__header-item-icon::before{content:"";border:2px solid var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--active .bcm-stepper__header-item-title{font-weight:500}.bcm-stepper__header-line{width:100%;flex:1;height:2px;background-color:var(--bcm-color-prime-blue-6);margin-top:16px}.bcm-stepper__header-line--warning{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-line--warning+.bcm-stepper__header-item::before{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning::after{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-warmyellow-5)}.bcm-stepper__header-line--success{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-line--success+.bcm-stepper__header-item::before{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success::after{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-green-5)}.bcm-stepper__header-line--error{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-line--error+.bcm-stepper__header-item::before{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--error::after{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon{background-color:var(--bcm-color-red-6)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-red-6)}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-red-5)}.bcm-stepper__header-line--default{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-line--default+.bcm-stepper__header-item::before{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--default::after{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-5)}.bcm-stepper__header-line--loading{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-line--loading+.bcm-stepper__header-item::before{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading::after{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-5)}.bcm-stepper__header-line--disabled{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-line--disabled+.bcm-stepper__header-item::before{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled::after{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-grey-5)}.bcm-stepper__header-item--disabled{cursor:not-allowed}.bcm-stepper__header-item--disabled.bcm-stepper__header-item--container{pointer-events:none}.bcm-stepper__step{display:none}.bcm-stepper__step-active{display:block}';export{b as bcm_stepper}

package/dist/bromcom-ui/p-37a28587.js

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

package/dist/bromcom-ui/p-3bb952e7.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as e,c as i,h as t,H as o,g as a}from"./p-da1055cb.js";import{c as n}from"./p-d65a1e21.js";import{B as s}from"./p-a429e85b.js";import{S as l}from"./p-8d0ca8c2.js";import{S as r}from"./p-79fd816c.js";import{G as c}from"./p-37a28587.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const m=class{constructor(t){e(this,t),this.beforeOpen=i(this,"beforeOpen",7),this.beforeClose=i(this,"beforeClose",7),this.close=i(this,"bcm-close",7),this.modalSlots={},this._id=c.UID(),this.isShow=!1,this.hidden=!1,this.size=s.Size.medium,this.backdrop=!0,this.width=void 0,this.height=void 0,this.fullWidth=!1}connectedCallback(){const e=this.el.querySelectorAll("bcm-modal-header, bcm-modal-footer");e&&e.forEach((e=>{let i=l.lowercase(l.split(e.nodeName,"-").pop());e.slot=i,e.classList.add(`bcm-modal__container-${i}-content`),this.modalSlots[i]=e}));const i=`bcm-modal--disable-scroll-${this._id}`,t=`bcm-modal-style-${this._id}`;let o=document.getElementById(t);o||(o=document.createElement("style"),o.id=t,o.innerHTML=`.${i} { overflow: hidden; }`,document.head.appendChild(o))}componentWillLoad(){}handleSubmit(e){const i=c.findEventPathWithNodeName(e,l.uppercase("bcm-button"));i&&i.dataDismiss&&this.hide()}handleBackdrop(){1==this.backdrop&&this.hide()}async hide(){this.beforeClose.emit(this.el),this.isShow=!1,this.close.emit(this)}async show(){this.beforeOpen.emit(this.el),this.isShow=!0}keyboardNavigation(e){1==this.backdrop&&(e.keyCode||0)==s.KeyCode.escape&&(e.preventDefault(),this.hide())}_openHandler(){const e=`bcm-modal--disable-scroll-${this._id}`;this.isShow?document.body.classList.add(e):document.body.classList.remove(e)}disconnectedCallback(){document.body.classList.remove(`bcm-modal--disable-scroll-${this._id}`)}render(){const{isShow:e,size:i,fullWidth:a,hidden:s,width:l,height:c}=this,m=n("bcm-modal__container",i,{"custom-size":l||c,"full-width":a,"bcm-modal__show":e}),d=n("bcm-modal",{hidden:s,"bcm-modal__show":e}),p=n("bcm-modal__container-main","size-2"),h=Object.assign(Object.assign({},l&&{width:l}),c&&{height:c});return t(o,{class:`tw-overscroll-contain  ${d}`},t("div",{class:"overlay",onClick:()=>this.handleBackdrop()}),t("div",{class:m,style:h},t((()=>this.modalSlots.header&&t("header",{class:"bcm-modal__container-header"},t(r,{name:"header",className:"full-width"}),t("div",{class:"bcm-modal__container-header-close",onClick:()=>this.hide()},t("bcm-icon",{icon:"far fa-times"})))),null),t("main",{class:p},t("article",null,t(r,null))),t((()=>this.modalSlots.footer&&t("footer",{class:"bcm-modal__container-footer"},t("slot",{name:"footer"}))),null)))}get el(){return a(this)}static get watchers(){return{isShow:["_openHandler"]}}};m.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-modal{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:24px;transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;opacity:0.6;background-color:var(--bcm-new-ds-color-slate-900)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);z-index:2;transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-color-primary-50);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:"";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-400);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}';export{m as bcm_modal}

package/dist/bromcom-ui/p-748cb943.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as e,c as i,f as n,h as m,H as c,g as o}from"./p-da1055cb.js";import{c as t}from"./p-d65a1e21.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as l}from"./p-37a28587.js";import"./p-df7b3fed.js";import"./p-8d0ca8c2.js";import"./p-eeca9f6a.js";import{T as a}from"./p-ff408c78.js";import"./p-7e44e6b5.js";import"./p-a429e85b.js";import{I as b}from"./p-c23b6240.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-b60bcecf.js";const r=class{constructor(n){e(this,n),this.bcmClick=i(this,"bcm-click",7),this.bcmExpanded=i(this,"bcm-expanded",7),this.bcmMenuChange=i(this,"bcm-menu-change",7),this._id=l.UID(),this.size="medium",this.collapsible=!1,this.collapse=!1,this.mode="inline",this.disabled=!1,this.hidden=!1,this.linkedComponent=void 0,this.height="auto",this.maxHeight="500px",this.minHeight="150px",this.selectable=!0,this.placement="bottom-start",this.activeItemId=void 0,this.data=[]}async setActive(e){this.activeItemId=null;const i=n=>{n.forEach((n=>{n.id==e?(n.active=!0,this.activeItemId=n.id,this.bcmClick.emit(n)):(n.active=!1,n.items&&i(n.items))}))};i(this.data)}async getActive(){return this.activeItem}handleSlotItems({detail:e}){this.data=e}handleClickItem(e){e.items&&e.items.length>0?(e.isOpen=!e.isOpen,n(this)):(this.activeItemId=e.id,document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))),this.bcmClick.emit(e)}getTooltip(e,i){return new a({message:i,targetId:"bcm-menu__item-"+this._id+"-"+e,placement:"right"})}render(){const{data:e,collapsible:i,collapse:n}=this,o=t("bcm-menu",`bcm-menu__size-${this.size}`,{"bcm-menu__collapse":n}),a=(e,i)=>{if(!e.text)return;e.id||(e.id=l.UID());const c=!(!e.items||!e.items.length);return this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active)&&(this.bcmMenuChange.emit(e),this.activeItem=e),m("a",{id:"bcm-menu__item-"+this._id+"-"+e.id,onMouseEnter:()=>this.collapse&&this.getTooltip(e.id,e.text).show(),onMouseLeave:()=>this.collapse&&this.getTooltip(e.id,e.text).hide(),key:i,href:e.disabled?"javascript:void(0)":e.link||"javascript:void(0)",tabindex:e.disabled?"-1":"0",class:t("bcm-menu__item",{"bcm-menu__item--is-sub":c&&e.isOpen})},m("span",{class:t("bcm-menu__item-link",`bcm-menu__item-link--${this.mode}`,{"bcm-menu__item-link--active":this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active),"bcm-menu__item-link--disabled":e.disabled}),onClick:()=>{!this.disabled&&!e.disabled&&this.handleClickItem(e)}},e.icon&&m("span",{class:"bcm-menu__item-link-icon"},m("i",{class:e.icon||"far fa-angle-left"})),m("span",{class:t("bcm-menu__item-link-text",{"bcm-menu__item-link-text--collapse":n}),innerHTML:e.text}),c&&m("div",{class:t("bcm-menu__item-link-toggle",{"bcm-menu__item-link-toggle--collapse":e.isOpen})},m("i",{class:"fas fa-chevron-down"}))),c&&m("div",{class:t("bcm-menu__item-submenu",{"bcm-menu__item-submenu--collapse":n,"bcm-menu__item-submenu--open":e.isOpen})},e.items.map(((e,i)=>a(e,i)))))};return m(c,{class:o,disabled:this.disabled},m("div",{class:"bcm-menu__container"},m("slot",null),(null==e?void 0:e.length)>0&&e.map(((e,i)=>a(e,i))),i&&m("div",{class:t("bcm-menu__collapse-button",{"bcm-menu__collapse-button--collapsed":n}),onClick:()=>{this.collapse=!n,i&&this.bcmExpanded.emit(n)}},m("i",{class:"far fa-angle-left"}))))}get el(){return o(this)}};(function(e,i,n,m){var c,o=arguments.length,t=o<3?i:null===m?m=Object.getOwnPropertyDescriptor(i,n):m;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,i,n,m);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(t=(o<3?c(t):o>3?c(i,n,t):c(i,n))||t);o>3&&t&&Object.defineProperty(i,n,t)})([b()],r.prototype,"el",void 0),r.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-500);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-new-ds-color-blue-500);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-new-ds-color-blue-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-new-ds-color-blue-600);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-new-ds-color-blue-700);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-new-ds-color-blue-800);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:16px}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}';export{r as bcm_menu}

package/dist/bromcom-ui/p-8a0128e6.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,c as s,h as i,H as h,g as e}from"./p-da1055cb.js";import{C as o}from"./p-843905c8.js";import"./p-626a65e9.js";import{G as a}from"./p-37a28587.js";import"./p-df7b3fed.js";import{S as r}from"./p-8d0ca8c2.js";import"./p-eeca9f6a.js";import"./p-7e44e6b5.js";import{a as c}from"./p-a429e85b.js";import{d as n}from"./p-8c018ae0.js";import{F as w}from"./p-b60bcecf.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";class l{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:c="none",openDelay:l=0,closeDelay:p=0,emitShow:d=(()=>{}),emitHide:m=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.bgColor=()=>o.twColor(this.color,700),this.exepcitonColors={white:"slate-300",black:"slate-700"},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const t=`<div class="tw-z-[1] tw-rounded tw-py-2 tw-bg-${this.bgColor()}">\n            ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${r.trim(this.message)}</div>`:""}\n            ${this.content?`<div class="tw-font-normal tw-px-4">${r.trim(this.content)}</div>`:""}\n        </div>`;this.el=a.createElement("div",{id:`${this.targetId}-popover-box`,class:`\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-${this.bgColor()} tw-text-white tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n            tw-shadow`,role:"popover","aria-hidden":"true",style:`color: ${o.twColorReverse(this.bgColor())}`,innerHTML:t})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&w({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:`tw-bg-${this.bgColor()}`})},this.show=async()=>{this.message?(this.init(),await n(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await n(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=c,this.id=i+"-popover-box",this.openDelay=l,this.closeDelay=p,this.emitShow=d,this.emitHide=m}}const p=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=a.UID(),this.message="",this.content="",this.placement=c.Placement.top,this.trigger=c.TriggerType.click,this.open=!1,this.color="white",this.targetId=void 0,this.openDelay=0,this.closeDelay=0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new l({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return i(h,{"aria-describedby":"popover",class:"tw-inline-flex tw-h-fit tw-w-fit"},i("slot",null))}get el(){return e(this)}};export{p as bcm_popover}