bromcom-ui 2.8.1-rc.5 → 2.8.1-rc.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
- package/dist/bromcom-ui/{p-eff216e3.entry.js → p-089fcee9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5ed89e1e.entry.js → p-099bdffd.entry.js} +1 -1
- package/dist/bromcom-ui/{p-229278b4.entry.js → p-0ccb5661.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d5bcb8fd.entry.js → p-0cf7b77c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f9f382e5.entry.js → p-1111b66f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e973892b.js → p-1277d746.js} +1 -1
- package/dist/bromcom-ui/{p-d94818e1.entry.js → p-1705a810.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1695203c.entry.js → p-224281ad.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f6d4cb32.entry.js → p-247ba43c.entry.js} +1 -1
- package/dist/bromcom-ui/p-27449f4e.entry.js +5 -0
- package/dist/bromcom-ui/{p-d56d38f3.entry.js → p-28616298.entry.js} +1 -1
- package/dist/bromcom-ui/{p-25e18bd4.entry.js → p-2bc7c6fd.entry.js} +1 -1
- package/dist/bromcom-ui/{p-446698c4.entry.js → p-379ed4f7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-fb8c2500.entry.js → p-3a62dd08.entry.js} +1 -1
- package/dist/bromcom-ui/p-3a9bd078.entry.js +5 -0
- package/dist/bromcom-ui/{p-fcfd1d9c.entry.js → p-3afbdc3b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8800fca1.entry.js → p-4807f4c8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1fd901e6.entry.js → p-5e16dc0d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ec8e55e9.entry.js → p-5e1ccb81.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6c82021e.entry.js → p-6142e665.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d4af120b.entry.js → p-6a4f8e4c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3b80078f.entry.js → p-70379604.entry.js} +1 -1
- package/dist/bromcom-ui/{p-902b3636.entry.js → p-71d1cbb0.entry.js} +1 -1
- package/dist/bromcom-ui/{p-06f63b5b.entry.js → p-77a197bf.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d277e201.entry.js → p-7d1521d0.entry.js} +1 -1
- package/dist/bromcom-ui/{p-90b11be8.entry.js → p-7db15a47.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e98a28fd.entry.js → p-8014c999.entry.js} +1 -1
- package/dist/bromcom-ui/{p-bae61528.entry.js → p-81f5c47a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-64e1e106.entry.js → p-8401a784.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a41bd204.entry.js → p-84ade15c.entry.js} +1 -1
- package/dist/bromcom-ui/p-90cbe5f5.js +5 -0
- package/dist/bromcom-ui/{p-151e9c34.entry.js → p-95c1da48.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1db72ad5.js → p-960562fe.js} +1 -1
- package/dist/bromcom-ui/{p-75148a0c.entry.js → p-9abb6abe.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9308bc4a.entry.js → p-9da02687.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2d3cdb0a.entry.js → p-a701d70b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-4bfb9f8c.entry.js → p-b46319c6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-cd0d6898.entry.js → p-b68ce4fa.entry.js} +1 -1
- package/dist/bromcom-ui/{p-91dfcc62.entry.js → p-b90c5be6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ae95d4b5.entry.js → p-bc622c0a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1e3a8987.js → p-bde7d664.js} +1 -1
- package/dist/bromcom-ui/{p-e7a01364.entry.js → p-bf3f15b8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7e4be84b.js → p-c39213da.js} +1 -1
- package/dist/bromcom-ui/{p-b822c508.entry.js → p-c78c29f2.entry.js} +1 -1
- package/dist/bromcom-ui/{p-4d26bc11.entry.js → p-c7af1847.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f753a7dd.entry.js → p-c9f7da49.entry.js} +1 -1
- package/dist/bromcom-ui/{p-cb40423c.entry.js → p-caa3f649.entry.js} +1 -1
- package/dist/bromcom-ui/{p-4ce84324.entry.js → p-d4582e3a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e2bc75f9.entry.js → p-dac5b02f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2f692044.entry.js → p-ea231da5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-10a2318a.entry.js → p-eadedc9d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-097bddb5.js → p-eb263e83.js} +1 -1
- package/dist/bromcom-ui/{p-5ffd877c.entry.js → p-ec9999ae.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ed011bf3.entry.js → p-f064c29d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b2b8724c.entry.js → p-f0decd2c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-62ce673e.entry.js → p-f7e0e546.entry.js} +1 -1
- package/dist/bromcom-ui/{p-4da24157.entry.js → p-f80f3faa.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ae3b38fc.js → p-fc0e42e7.js} +1 -1
- package/dist/cjs/bcm-accordion.cjs.entry.js +1 -1
- package/dist/cjs/bcm-alert.cjs.entry.js +1 -1
- package/dist/cjs/bcm-attendance.cjs.entry.js +1 -1
- package/dist/cjs/bcm-avatar_2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/bcm-button-group.cjs.entry.js +1 -1
- package/dist/cjs/bcm-button_7.cjs.entry.js +4 -4
- package/dist/cjs/bcm-card.cjs.entry.js +1 -1
- package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +1 -1
- package/dist/cjs/bcm-chip.cjs.entry.js +1 -1
- package/dist/cjs/bcm-collapse.cjs.entry.js +1 -1
- package/dist/cjs/bcm-color-input.cjs.entry.js +3 -3
- package/dist/cjs/bcm-colorful_2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +1 -1
- package/dist/cjs/bcm-default.cjs.entry.js +1 -1
- package/dist/cjs/bcm-drawer.cjs.entry.js +3 -3
- package/dist/cjs/bcm-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/bcm-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/bcm-form-2.cjs.entry.js +1 -1
- package/dist/cjs/bcm-input-custom.cjs.entry.js +1 -1
- package/dist/cjs/bcm-input.cjs.entry.js +4 -4
- package/dist/cjs/bcm-item.cjs.entry.js +1 -1
- package/dist/cjs/bcm-items.cjs.entry.js +1 -1
- package/dist/cjs/bcm-list.cjs.entry.js +7 -7
- package/dist/cjs/bcm-menu.cjs.entry.js +4 -4
- package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +3 -3
- package/dist/cjs/bcm-modal-2-header.cjs.entry.js +3 -3
- package/dist/cjs/bcm-modal-2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-modal.cjs.entry.js +34 -10
- package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popconfirm.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popover.cjs.entry.js +3 -3
- package/dist/cjs/bcm-progress.cjs.entry.js +1 -1
- package/dist/cjs/bcm-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/bcm-radio.cjs.entry.js +3 -3
- package/dist/cjs/bcm-range.cjs.entry.js +1 -1
- package/dist/cjs/bcm-rc-overflow_2.cjs.entry.js +4 -4
- package/dist/cjs/bcm-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bcm-step.cjs.entry.js +2 -2
- package/dist/cjs/bcm-stepper.cjs.entry.js +4 -4
- package/dist/cjs/bcm-switch.cjs.entry.js +1 -1
- package/dist/cjs/bcm-tab-group.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tab-item-header.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tab-item.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tag.cjs.entry.js +2 -2
- package/dist/cjs/bcm-textarea.cjs.entry.js +2 -2
- package/dist/cjs/bcm-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/bcm-toast.cjs.entry.js +1 -1
- package/dist/cjs/bromcom-ui.cjs.js +1 -1
- package/dist/cjs/{generate-a2b11afa.js → generate-3b515be0.js} +1 -1
- package/dist/cjs/{input-template-f607d028.js → input-template-1b14f694.js} +1 -1
- package/dist/cjs/{json-parse-decarator-47b9e3f0.js → json-parse-decarator-1e0b27fc.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{number-helper-1501b654.js → number-helper-78bef435.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +2 -2
- package/dist/cjs/old-bcm-popover.cjs.entry.js +1 -1
- package/dist/cjs/{stepper-states-1f6b09e3.js → stepper-states-a173b2f9.js} +1 -1
- package/dist/cjs/{tooltip-helper-29d5fdae.js → tooltip-helper-cbdb9694.js} +3 -3
- package/dist/cjs/{validators-f0b09a54.js → validators-d05e58ec.js} +1 -1
- package/dist/collection/components/molecules/modal/modal.js +59 -17
- package/dist/collection/components/organism/list/list.js +1 -1
- package/dist/collection/templates/list-template.js +2 -2
- package/dist/components/bcm-list.js +3 -3
- package/dist/components/bcm-modal.js +34 -10
- package/dist/components/generate.js +1 -1
- package/dist/esm/bcm-accordion.entry.js +1 -1
- package/dist/esm/bcm-alert.entry.js +1 -1
- package/dist/esm/bcm-attendance.entry.js +1 -1
- package/dist/esm/bcm-avatar_2.entry.js +3 -3
- package/dist/esm/bcm-breadcrumb.entry.js +1 -1
- package/dist/esm/bcm-button-group.entry.js +1 -1
- package/dist/esm/bcm-button_7.entry.js +4 -4
- package/dist/esm/bcm-card.entry.js +1 -1
- package/dist/esm/bcm-checkbox-lite_9.entry.js +1 -1
- package/dist/esm/bcm-chip.entry.js +1 -1
- package/dist/esm/bcm-collapse.entry.js +1 -1
- package/dist/esm/bcm-color-input.entry.js +3 -3
- package/dist/esm/bcm-colorful_2.entry.js +3 -3
- package/dist/esm/bcm-date-picker.entry.js +1 -1
- package/dist/esm/bcm-datetime-picker.entry.js +1 -1
- package/dist/esm/bcm-default.entry.js +1 -1
- package/dist/esm/bcm-drawer.entry.js +3 -3
- package/dist/esm/bcm-dropdown.entry.js +2 -2
- package/dist/esm/bcm-expansion-panel.entry.js +1 -1
- package/dist/esm/bcm-form-2.entry.js +1 -1
- package/dist/esm/bcm-input-custom.entry.js +1 -1
- package/dist/esm/bcm-input.entry.js +4 -4
- package/dist/esm/bcm-item.entry.js +1 -1
- package/dist/esm/bcm-items.entry.js +1 -1
- package/dist/esm/bcm-list.entry.js +7 -7
- package/dist/esm/bcm-menu.entry.js +4 -4
- package/dist/esm/bcm-modal-2-footer.entry.js +3 -3
- package/dist/esm/bcm-modal-2-header.entry.js +3 -3
- package/dist/esm/bcm-modal-2.entry.js +3 -3
- package/dist/esm/bcm-modal.entry.js +34 -10
- package/dist/esm/bcm-popconfirm-box.entry.js +1 -1
- package/dist/esm/bcm-popconfirm.entry.js +1 -1
- package/dist/esm/bcm-popover.entry.js +3 -3
- package/dist/esm/bcm-progress.entry.js +1 -1
- package/dist/esm/bcm-radio-group.entry.js +3 -3
- package/dist/esm/bcm-radio.entry.js +3 -3
- package/dist/esm/bcm-range.entry.js +1 -1
- package/dist/esm/bcm-rc-overflow_2.entry.js +4 -4
- package/dist/esm/bcm-skeleton.entry.js +1 -1
- package/dist/esm/bcm-step.entry.js +2 -2
- package/dist/esm/bcm-stepper.entry.js +4 -4
- package/dist/esm/bcm-switch.entry.js +1 -1
- package/dist/esm/bcm-tab-group.entry.js +3 -3
- package/dist/esm/bcm-tab-item-header.entry.js +3 -3
- package/dist/esm/bcm-tab-item.entry.js +3 -3
- package/dist/esm/bcm-tag.entry.js +2 -2
- package/dist/esm/bcm-textarea.entry.js +2 -2
- package/dist/esm/bcm-time-picker.entry.js +1 -1
- package/dist/esm/bcm-toast.entry.js +1 -1
- package/dist/esm/bromcom-ui.js +1 -1
- package/dist/esm/{generate-d1b46990.js → generate-e10b1934.js} +1 -1
- package/dist/esm/{input-template-223732ac.js → input-template-1623e33b.js} +1 -1
- package/dist/esm/{json-parse-decarator-0f5e3c9b.js → json-parse-decarator-a189d280.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{number-helper-ee656d1d.js → number-helper-b716bb66.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +2 -2
- package/dist/esm/old-bcm-popover.entry.js +1 -1
- package/dist/esm/{stepper-states-f358bd3d.js → stepper-states-e3f05768.js} +1 -1
- package/dist/esm/{tooltip-helper-5ba44074.js → tooltip-helper-964c44e7.js} +3 -3
- package/dist/esm/{validators-b6228259.js → validators-4bd10aec.js} +1 -1
- package/dist/types/components/molecules/modal/modal.d.ts +10 -4
- package/dist/types/components.d.ts +4 -4
- package/package.json +1 -1
- package/dist/bromcom-ui/p-0e38100c.entry.js +0 -5
- package/dist/bromcom-ui/p-161c47c4.js +0 -5
- package/dist/bromcom-ui/p-9f60b424.entry.js +0 -5
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
|
|
6
6
|
import { c as classnames } from './index-ed9652af.js';
|
|
7
7
|
import { B as Bcm } from './bcm-9f50af9c.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
8
|
+
import { G as Generate } from './generate-e10b1934.js';
|
|
9
9
|
import './_commonjsHelpers-3016b722.js';
|
|
10
10
|
import './colors-44c95e7e.js';
|
|
11
11
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { c as createStore } from './index-93e36fdb.js';
|
|
6
|
-
import { G as Generate, s as snq } from './generate-
|
|
6
|
+
import { G as Generate, s as snq } from './generate-e10b1934.js';
|
|
7
7
|
import { f as forceUpdate } from './index-39133086.js';
|
|
8
8
|
|
|
9
9
|
const { state } = createStore({
|
|
@@ -8,9 +8,9 @@ import { d as delay } from './utils-57652744.js';
|
|
|
8
8
|
import { F as FloatingUI } from './floating-ui-e7341329.js';
|
|
9
9
|
import { C as ColorHelper } from './color-helper-e8ce23d7.js';
|
|
10
10
|
import './datetime-helper-df25808a.js';
|
|
11
|
-
import { G as Generate } from './generate-
|
|
12
|
-
import './number-helper-
|
|
13
|
-
import './validators-
|
|
11
|
+
import { G as Generate } from './generate-e10b1934.js';
|
|
12
|
+
import './number-helper-b716bb66.js';
|
|
13
|
+
import './validators-4bd10aec.js';
|
|
14
14
|
import { a as Bcm } from './bcm-9f50af9c.js';
|
|
15
15
|
|
|
16
16
|
class Tooltip {
|
|
@@ -10,16 +10,22 @@ export declare class BcmModal implements ComponentInterface {
|
|
|
10
10
|
width: string;
|
|
11
11
|
height: string;
|
|
12
12
|
fullWidth: boolean;
|
|
13
|
-
beforeOpen: EventEmitter;
|
|
14
|
-
beforeClose: EventEmitter;
|
|
15
13
|
close: EventEmitter;
|
|
14
|
+
modalBeforeClose: EventEmitter;
|
|
15
|
+
modalBeforeOpen: EventEmitter;
|
|
16
16
|
connectedCallback(): void;
|
|
17
17
|
componentWillLoad(): void;
|
|
18
18
|
handleSubmit(e: any): void;
|
|
19
19
|
handleBackdrop(): void;
|
|
20
|
-
hide(
|
|
21
|
-
|
|
20
|
+
hide(obj?: {
|
|
21
|
+
force: boolean;
|
|
22
|
+
}): Promise<void>;
|
|
23
|
+
show(obj?: {
|
|
24
|
+
force: boolean;
|
|
25
|
+
}): Promise<void>;
|
|
22
26
|
keyboardNavigation(e: any): void;
|
|
27
|
+
showModal(e: any): Promise<void>;
|
|
28
|
+
hideModal(e: any): Promise<void>;
|
|
23
29
|
_openHandler(): void;
|
|
24
30
|
disconnectedCallback(): void;
|
|
25
31
|
render(): any;
|
|
@@ -749,9 +749,9 @@ export namespace Components {
|
|
|
749
749
|
"fullWidth": boolean;
|
|
750
750
|
"height": string;
|
|
751
751
|
"hidden": boolean;
|
|
752
|
-
"hide": () => Promise<void>;
|
|
752
|
+
"hide": (obj?: { force: boolean; }) => Promise<void>;
|
|
753
753
|
"isShow": boolean;
|
|
754
|
-
"show": () => Promise<void>;
|
|
754
|
+
"show": (obj?: { force: boolean; }) => Promise<void>;
|
|
755
755
|
"size": any;
|
|
756
756
|
"width": string;
|
|
757
757
|
}
|
|
@@ -3006,8 +3006,8 @@ declare namespace LocalJSX {
|
|
|
3006
3006
|
"hidden"?: boolean;
|
|
3007
3007
|
"isShow"?: boolean;
|
|
3008
3008
|
"onBcm-close"?: (event: BcmModalCustomEvent<any>) => void;
|
|
3009
|
-
"
|
|
3010
|
-
"
|
|
3009
|
+
"onBcm-modal-before-close"?: (event: BcmModalCustomEvent<any>) => void;
|
|
3010
|
+
"onBcm-modal-before-open"?: (event: BcmModalCustomEvent<any>) => void;
|
|
3011
3011
|
"size"?: any;
|
|
3012
3012
|
"width"?: string;
|
|
3013
3013
|
}
|
package/package.json
CHANGED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{h as e,r as t,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-097bddb5.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{s as n,G as r}from"./p-1e3a8987.js";import{N as a}from"./p-161c47c4.js";import{S as b}from"./p-8d0ca8c2.js";import{V as h}from"./p-e973892b.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 v}from"./p-c8e13fd7.js";import{c as g}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"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-79fd816c.js";const w=({disabled:t,checked:i,readonly:c,required:o,indeterminate:s,hidden:l,captionType:n,_id:r})=>{const a=g("bcm-checkbox","bcm-checkbox__type-default","bcm-checkbox-size-medium",{error:n==_.Status.error,hidden:l,checked:i,disabled:t,required:o,readonly:c}),b=g("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+s,{"bcm-checkbox__label-icon-checked":i}),h=g("bcm-checkbox__label");return e("div",{class:a},e("input",{tabindex:"-1",id:r,type:"checkbox",checked:i,disabled:t,required:o,readonly:c}),e("label",{class:h,htmlFor:r},e("span",{class:b},e("bcm-icon",{icon:"far fa-check"}))))},y=({selected:t,total:i,found:c,multiple:o,variableText:s})=>(i=i||0,s=s?p(s,i):"items",e("footer",{class:"bcm-info-footer"},e("bcm-text",{scale:"size-1",color:"grey-8"},o&&t>0&&` ( ${t} selected ) `,` Total ${i} `,null!=c&&` / ${c} `,` ${s} found. `))),z=({item:t,treeview:i,highlight:c,checkboxes:o,size:s,selectedItem:l,openGroup:n,checkedItem:r,focusItem:a,searchIsOnlyChilds:h})=>{const m=t.items&&t.items.length>0;var d=b.htmlEntities(t.text);let p=[];if(c&&b.slugify(d).includes(b.slugify(c))&&(h&&(!h||m&&(i||"group"==t.type))||(d=b.highlight(d,c))),"group"!=t.type&&t.template){const e=t.template.replace(/\s/g,"").match(/\{{[^}}]+\}/g).map((e=>e.replace(/[{}]/g,""))),i=Object.keys(t.itemObject);p=e.filter((e=>i.includes(e)))}d=t.isHtmlContent?t.isHtmlContent:t.template&&p.length>0?b.templateParser(t.template,Object.assign(Object.assign({},t.itemObject),{text:d})):d;const u=!i&&"group"==t.type&&!t.clickable,_=t.disabled,x=t.readonly,v=()=>{t.open=t.isSearching,n(t.id)};return e("div",{id:t.id,hidden:t.hidden,"on-focus":e=>!u&&!_&&a(e),class:g("bcm-list__item","bcm-list__item-"+s,{"bcm-list__item--group":!i&&"group"==t.type,"bcm-list__item--readonly":x})},e("div",{class:g("bcm-list__item-content",!o&&t.selected&&"selected",{disabled:_})},i&&e("div",{class:"bcm-list__item-content-collapse-icon",onClick:()=>v()},m&&e("bcm-icon",{icon:g("fas fa-caret-"+(t.isSearching||t.open?"down":"right"))})),e("div",{class:g("bcm-list__item-content-text",{treeview:i}),onClick:e=>{var i;((i=e).path||i.composedPath()).filter((e=>e.attributes&&e.attributes.getNamedItem("unlinked")))[0]||(x&&v(),!u&&!_&&!x&&(o?r(t.id):l(t.id)))}},o&&(i||!i&&"group"!=t.type)&&e("div",{class:"bcm-list__item-content-text-checkbox"},e(w,{indeterminate:t.indeterminate,checked:t.checked,disabled:t.disabled})),e("span",Object.assign({class:"bcm-list__item-content-text-inner"},t.title&&{title:t.title},{innerHTML:d})))),(i||!i&&"group"==t.type)&&m&&e("div",{class:"bcm-list__item-childs"},(t.isSearching||t.open||!i&&"group"==t.type)&&t.items.map((t=>e(z,{highlight:c,item:t,searchIsOnlyChilds:h,treeview:i,checkboxes:o,size:s,selectedItem:l,checkedItem:r,openGroup:e=>n(e),focusItem:e=>a(e)})))))},I=({highlight:t,selectAllItem:i,bcmListContainer:c,treeview:o,checkboxes:s,checkAll:l,infoFooter:n,value:r,totalData:a,searchFound:b,variableText:h,_id:m,data:d,width:p,height:u,size:_,searchPlaceholder:x,minSearchLength:v,selectedItem:g,openGroup:k,checkedItem:f,onScrollEvent:w,focusItem:I,items:j,searchable:C,searchIsOnlyChilds:O,emptyText:$,emptyIcon:S})=>{const E=!(o&&b>0||b>0);return e("div",{id:`bcm-list-${m}`,class:c,style:{"--height":u,"--width":p}},d&&C&&e("section",{class:"bcm-list__container-search"},e("bcm-search",{size:_,id:`bcm-list-${m}-search`,data:d,clearable:!0,placeholder:x,"min-search-length":v,searchIsOnlyChilds:O})),e("main",{onScroll:e=>w(e),class:"scrolling",style:{"overscroll-behavior":"none"}},e("div",{style:{"min-height":`${(b>=0||(o?j.length:a))*("small"===_?28:"medium"===_?36:48)||0}px`,"overscroll-behavior":"none",height:"100%",display:"flex","flex-direction":"column"}},l&&0!=b&&j&&j.length>0&&s&&E&&e("section",{class:"bcm-list__container-select-all"},e(z,{size:_,item:i,treeview:!1,checkboxes:!0,selectedItem:e=>g(e),checkedItem:e=>f(e),openGroup:e=>k(e),focusItem:e=>I(e)})),j.map((i=>e(z,{highlight:t,size:_,item:i,searchIsOnlyChilds:O,treeview:o,checkboxes:s,selectedItem:e=>g(e),checkedItem:e=>f(e),openGroup:e=>k(e),focusItem:e=>I(e)}))),(!j||0===j.length)&&0!=b&&e("section",{class:"bcm-list__container-no-data"},e("bcm-empty",{style:{height:"auto"},icon:S},e("span",{innerHTML:$||"No data"}))),0==b&&e("section",{class:"bcm-list__container-no-data"},e("bcm-empty",{style:{height:"auto"},icon:S},e("span",{innerHTML:$||"No Data Found"}))))),n&&d&&d.length>0&&e(y,{selected:null==r?void 0:r.length,total:a,found:b,multiple:s,variableText:h}))},{state:j}=f({value:new Map}),C=(e,t,i,c="0.")=>{let o=[];return e&&e.length>0&&(o=e.map(((e,o)=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({itemObject:e},e),t),{parentId:n((()=>i),null),open:t.allOpen||e.open||!1}),(t.treeview||!t.treeview&&"group"==e.type)&&e.items&&e.items.length>0?{items:n((()=>C(e.items,t,e.id,`${c}${o}`)),[])}:{items:[]}),{ct:`${c}${o}`})))),o},O=e=>n((()=>j.value.get(e)),{}),$=(e,t)=>{let i=0;return e.forEach((e=>{(t||!t&&"group"!=e.type)&&(i+=1),(t||!t&&"group"==e.type)&&e.items&&(i+=$(e.items,t))})),i},S=(e,t,i,c)=>{let o;o=i||O(e).dataSource,o&&o.forEach((i=>{null!=c?i.open=c:i.id==t?(i.open=!i.open,i.isSearching=i.open,!i.open&&i.items&&S(e,t,i.items,!1)):i.items&&S(e,t,i.items)}))},E=(e,t,i)=>{i&&i.forEach((i=>{i.id==t?(i.checked=!1,i.itemObject.checked=!1,L(e,i.parentId)):i.items&&E(e,t,i.items)}))},T=(e,t)=>{P(e,t)},P=(e,t,i)=>{let c;t=Array.isArray(t)?t:[t],c=i||O(e).dataSource,c&&c.forEach((i=>{t.includes(i.id)?(F(e,i),i.parentId&&L(e,i.parentId)):i.items&&P(e,t,i.items)}))},F=(e,t,i)=>{const c=O(e);if(c){const o=c.options.treeview;t&&((o||!o&&"group"!=t.type)&&(t.disabled||(t.checked=null!=i?i:!t.checked,t.itemObject.checked=t.checked,t.indeterminate=t.checked?"determinate":"uncheck")),t.items&&t.items.forEach((c=>{F(e,c,null==i?t.checked:i)})))}},L=(e,t,i)=>{let c;c=i||O(e).dataSource,c&&c.forEach((i=>{if(i.id==t){let t=!0,c=!0;i.items&&i.items.map((e=>{(e.checked||"indeterminate"===e.indeterminate)&&(c=!1),!e.checked&&(t=!1)}));const o=t||c?t?"determinate":"uncheck":"indeterminate";i.indeterminate=o,i.checked="determinate"==o,i.itemObject.checked=i.checked,i.parentId&&L(e,i.parentId)}else i.items&&L(e,t,i.items)}))},R=(e,t,i,c)=>{let o,s=[],l=[];return O(e).isSearchOtherTag=c,o=i||O(e).dataSource,o&&o.forEach((i=>{if(t){var o;i.hidden=!0;for(let e=0;e<t.length;e++)if(t[e].id===i.id){o=t[e];break}if(o&&(i.hidden=!1,O(e).isSearchOtherTag||(i.isSearching=!0),l.push(i),i.checked&&s.push(i),o.items)){const{checkedItems:t,visibledItems:n}=R(e,o.items,i.items,c);t&&(s=[...new Set([...s,...t])]),n&&(l=[...new Set([...l,...n])])}}else i.hidden=!1,i.items&&R(e,null,i.items),l.push(i),i.isSearching=!1})),{checkedItems:null!=s?s:[],visibledItems:null!=l?l:[]}},D=(e,t)=>{let i,c=null;return i=t||O(e).dataSource,i&&i.forEach((t=>{if(t.selected)c=t.itemObject;else if(t.items){const i=D(e,t.items);i&&(c=i)}})),c},A=(e,t)=>{let i,c=[],o=[];return i=t||O(e).dataSource,i&&i.forEach((t=>{var i;const s=Object.assign(Object.assign({},t.itemObject),{ct:t.ct});let l=[],n=[];if(t.checked&&(c.push(s),n.push(Object.assign(Object.assign({},s),{items:[]}))),t.items){const o=A(e,t.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&&(l=o.nestedResult)}l.length>0?(0==n.length&&n.push(Object.assign(Object.assign({},s),{items:[]})),n[0].items=l,o.push(n[0])):n.length>0&&(n[0].items=l,o.push(n[0]))})),{checkedList:(null==c?void 0:c.length)>0?c:null,nestedResult:o}},N=(e,t,i)=>{let c,o=[];return c=i||O(e).dataSource,c&&c.forEach((i=>{if(t&&(i.id==t?(i.selected=!0,i.itemObject.selected=i.selected):i.selected&&(i.selected=!1,i.itemObject.selected=i.selected)),i.items){const c=N(e,t,i.items);(null==c?void 0:c.length)>0&&(o=[...o,...c])}i.selected&&o.push(i.itemObject)})),o&&o.length>0?o:null},G=(e,t)=>{let i;i=t||O(e).dataSource,i&&i.forEach((t=>{var i,c,o;t.checked&&(t.checked=!1),t.selected&&(t.selected=!1),t.indeterminate&&(t.indeterminate="uncheck"),(null===(i=t.itemObject)||void 0===i?void 0:i.checked)&&(t.itemObject.checked=!1),(null===(c=t.itemObject)||void 0===c?void 0:c.selected)&&(t.itemObject.selected=!1),(null===(o=t.itemObject)||void 0===o?void 0:o.indeterminate)&&(t.itemObject.indeterminate="uncheck"),t.items&&G(e,t.items)}))},V={setValue:e=>{const{id:t,dataSource:i,options:c}=e,{type:o,treeview:s,checkboxes:l,searchable:a,value:b,name:h,label:m,size:d,disabled:p,readonly:u,highlight:_,required:x,hidden:v,fullWidth:g,height:k,maxHeight:f,minHeight:w,width:y,infoFooter:z,variableText:I,template:O,allOpen:S,keyControl:E,checkAll:T,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:V,placement:H}=c,M={size:d,checkboxes:l,template:O,allOpen:S,highlight:_,treeview:s},q={id:n((()=>t),r.UID),dataSource:i&&i.length>0&&C(i,M),options:{type:o,treeview:s,checkboxes:l,searchable:a,value:b,name:h,label:m,size:d,disabled:p,readonly:u,highlight:_,required:x,hidden:v,fullWidth:g,height:k,maxHeight:f,minHeight:w,width:y,infoFooter:z,variableText:I,template:O,allOpen:S,keyControl:E,checkAll:T,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:V,placement:H},totalItems:(null==i?void 0:i.length)>0&&$(i,c.treeview),totalRoots:null==i?void 0:i.length};j.value.set(q.id,q)},removeValue:e=>{j.value.delete(e)},getValue:O,getData:e=>{let t=[];const i=O(e);if(i){const{dataSource:e}=i;t=e}return t},getDataPagination:(e,t=3,i)=>{let c=[];const o=O(e);if(o){const{dataSource:e}=o;c=i?e.filter((e=>i.indexOf(e.id)>-1)).slice(0,t):e.slice(0,t)}return c},openGroup:S,checkedItem:T,filterData:R,getSelected:D,getCheckedList:A,selectedItem:N,addChecked:(e,t)=>{O(e)&&t.forEach((t=>{T(e,t)}))},setClear:G,selectAll:(e,t)=>{const i=O(e).dataSource;i&&i.forEach((i=>{F(e,i,t)}))},removeOtherTags:(e,t,i)=>{let c;if(t=Array.isArray(t)?t:[t],i)c=i;else{const t=O(e);c=t.dataSource}c&&t.forEach((t=>{c.forEach((i=>{i.id==t?(i.checked=!1,i.itemObject.checked=!1):i.items&&E(e,t,i.items)}))}))},onRemoveItems:E,updateOptions:(e,t)=>{Object.keys(O(e).options).forEach((i=>{O(e).options[i]=t[i]}))},removeState:e=>Promise.resolve(j.value.delete(e))};class H{constructor(e,t,i,c){this.elementName="",this.childElementName="",this.keyCode=e,this.element=t,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 e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.nextElementSibling)||this.getFirstElement()}getPreviousElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.previousElementSibling)||this.getFirstElement()}getChildElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.querySelectorAll(this.getChildElementName())[0])||null}getParentElement(e){if(e&&e)return e&&e.attributes["data-isroot"]?e:this.getParentElement(e.parentNode)}focusElementIsOpen(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.classList.contains("bcm-list__item--open"))||!1}isRootElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.querySelectorAll(this.getChildElementName()).length)>0}isRootElementIsOpen(){return this.getFocusedElement().classList.contains("bcm-list__item--open")}getFocusedChildElement(){var e;return(null===(e=this.getChildElement())||void 0===e?void 0:e.querySelectorAll(".focused")[0])||null}isLastElement(){var e;return null===(null===(e=this.getFocusedElement())||void 0===e?void 0:e.nextElementSibling)}focusParentElementFirstChild(){var e,t;return this.setFocus(null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.firstChild)}isFirstElement(){var e;return null===(null===(e=this.getFocusedElement())||void 0===e?void 0:e.previousElementSibling)}focusRootElement(){var e,t,i;return this.setFocus(null===(i=null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.parentElement)||void 0===i?void 0:i.firstChild)}nextRootElement(){var e,t,i;return this.setFocus(null===(i=null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.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(e){e.focus()}}class M extends H{constructor(e,t,i,c){super(e,t,".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 e;if(this.isTreeview)if(this.isRootElement()&&this.isRootElementIsOpen()){const e=this.getChildElement();e&&this.setFocus(e.firstChild)}else this.isLastElement()&&this.getParentElement(this.getFocusedElement())?this.setFocus(null===(e=this.getParentElement(this.getFocusedElement()))||void 0===e?void 0:e.nextElementSibling):this.setFocus(this.getNextElement())}keyUpTreeview(){if(this.isFirstElement()){const e=this.getParentElement(this.getFocusedElement());this.setFocus(e)}else{const e=this.getPreviousElement();if(e)if(e.classList.contains("bcm-list__item--open")){const t=e.querySelectorAll(this.getChildElementName())[0];console.log({getChildElement:t}),this.setFocus(t.lastChild)}else this.setFocus(e)}}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:e}=this.getFocusedElement();this.openGroup(e)}}keyLeftControl(){if(this.isTreeview&&this.isRootElementIsOpen()&&this.isRootElement()){const{id:e}=this.getFocusedElement();this.openGroup(e)}}keyEnterControl(){}keySpaceControl(){if(this.isCheckBoxes){const{id:e}=this.getFocusedElement();this.checkedItem(e)}}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(){}}var q=function(e,t,i,c){var o,s=arguments.length,l=s<3?t:null===c?c=Object.getOwnPropertyDescriptor(t,i):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,c);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(l=(s<3?o(l):s>3?o(t,i,l):o(t,i))||l);return s>3&&l&&Object.defineProperty(t,i,l),l};const W=class{constructor(e){t(this,e),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=r.debounceInput((()=>this.listenResize()),300,!1),this._id=r.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 e=document.querySelectorAll(`#bcm-list-${this._id}`);(null==e?void 0:e.length)>1&&e.forEach(((e,t)=>t>0&&e.remove()))}componentWillRender(){this.calculateLocation()}componentShouldUpdate(e,t,i){Object.keys(this.getOptions()).indexOf(i)>-1&&e!==t&&this.updateOptions()}get containerWidth(){var e,t;return null===(t=null===(e=this.el)||void 0===e?void 0:e.getBoundingClientRect())||void 0===t?void 0:t.width}get tagCount(){return this.containerWidth>0?Math.floor(+(this.containerWidth-100)/85):0}get tagData(){return n((()=>{var e;return null===(e=this.value)||void 0===e?void 0:e.map((e=>({value:e.id,label:b.textLimitter(e.text,7),text:e.tooltipMessage||e.tagTitle||e.text})))}),[])}async componentDidLoad(){if(await this.initState(),"select"==this.type||"autocomplete"==this.type||this.linkedComponent){const e=this.el.querySelector(`#bcm-list-${this._id}`);e&&document.body.appendChild(e)}}disconnectedCallback(){if(this.isOpen=!1,!this.stopDeepClean&&(V.removeState(this._id),this.el.innerHTML="","select"==this.type||"autocomplete"==this.type||this.linkedComponent)){const e=document.querySelectorAll(`#bcm-list-${this._id}`);(null==e?void 0:e.length)&&(e.forEach((e=>e.remove())),this.el.remove())}}watchId(e,t){V.removeState(t),this.initState()}handleValueChange(e,t){var i;r.objectIsEmpty(this.returnFilterData)&&this.handleIndeterminate((null===(i=this.value)||void 0===i?void 0:i.length)||0,this.totalData),this.checkboxes?h.compareTwoArrayIsSame(e,t)||(this.bcmChecklist.emit(this.value),this.change.emit(this.value)):(null==e?void 0:e.text)!=(null==t?void 0:t.text)&&this.change.emit(this.value)}watchReturnFilterData(e){var t;const{checkedItems:i,visibledItems:c}=e;i&&c?this.handleIndeterminate(i.length,c.length):this.handleIndeterminate((null===(t=this.value)||void 0===t?void 0:t.length)||0,this.totalData)}async handleOpen(){this.isOpen?(this.open.emit(),this.calculateLocation(),this.onSelectSearch()):(this.listScrollToTop(),this.close.emit(),await u(100),this.unSelectOther())}listScrollToTop(){const e=document.querySelector(`#bcm-list-${this._id}`);e&&(e.querySelector(".scrolling").scrollTop=0)}async dataChanged(e,t){h.compareTwoArrayIsSame(e,t)||await this.initState()}isIntersecting(e){const t=null==e?void 0:e.target;t&&t.id===this._id&&this.listenResize()}handleSlotItems(e){var t;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.length)>0&&(this.data=e.detail)}handleChange(e){e.target.id==`bcm-list-input-tag-container-${this._id}-autocomplete-input`&&e.stopImmediatePropagation()}handleResize(){this.calculateLocation(),this.debounceHandler()}handleWheel(e){if(this.isOpen){const t=document.querySelector(`#bcm-list-${this._id}`);t&&r.findEventPath(e,t)?("select"==this.type||"autocomplete"==this.type||this.linkedComponent)&&this.calculateLocation():this.hide()}}clearAutocomplete(){if("autocomplete"==this.type){const e=this.getAutoCompleteInput();e&&e.handleClear(!1)}}async handleSelectOtherTag(e){if(this.disabled)return;const{id:t,checked:i}=e.detail;this.isSelectedOther=i,t&&(i?this.filterOtherList(t):this.unSelectOther(),this.isOpen=!0)}async handleDeleteTag(e){var t;if(this.disabled)return;const{id:i}=e.detail;this.isSelectedOther&&this.unSelectOther(),Array.isArray(i)?V.removeOtherTags(this._id,i):V.checkedItem(this._id,i),this.value=(await this.getCheckedList()).checkedList,this.handleIndeterminate((null===(t=this.value)||void 0===t?void 0:t.length)||0,this.totalData)}async handleSelectTag(e){this.disabled||(this.clearAutocomplete(),this.onSelectSearch(),this.unSelectOther())}handleClick(e){var t;if(this.disabled)return;const i=document.querySelector(`#bcm-list-${this._id}`),c=r.findEventPath(e,this.el)||i&&r.findEventPath(e,i);if(c&&(null!==this.debounce&&(e.preventDefault(),e.stopPropagation(),clearTimeout(this.debounce),this.debounce=null),this.debounce=setTimeout((()=>{this.debounce=null}),300)),!c&&"autocomplete"==this.type){const e=this.getAutoCompleteInput();e&&e.setValue(this.checkboxes?"":(null===(t=this.value)||void 0===t?void 0:t.text)||"")}const o=r.findEventPathWithKey(e,"className",["bcm-tag"]),s=r.findEventPathWithKey(e,"className",["bcm-tag bcm-tag--other"]),l=r.findEventPathWithKey(e,"id",[`bcm-list-input-${this._id}`,`bcm-list-label-${this._id}`]),n=r.findEventPathWithKey(e,"className",["right close-button"]);l&&!n&&"autocomplete"!=this.type&&(this.isOpen=!(!o&&!s&&this.isOpen)),i&&this.isOpen&&(i.contains(e.target)||this.el.contains(e.target)||(this.isOpen=!1))}bcmOnSearchClear(e){var t,i;"autocomplete"==this.type&&((null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||e.detail&&this.setClear())}bcmOnSearch(e){var t,i,c,o,s,l;(null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||(this.searchGetParents=n((()=>{var t;return null===(t=e.detail)||void 0===t?void 0:t.parentIndex}),null),this.searchResultLimit=10,this.searchFound=null!=(null===(c=e.detail)||void 0===c?void 0:c.matching)?null===(o=e.detail)||void 0===o?void 0:o.matching.length:null,this.returnFilterData=V.filterData(this._id,null===(s=e.detail)||void 0===s?void 0:s.nestedResult),this.searchFound>0&&this.highlight&&(this.highlightText=null===(l=e.detail)||void 0===l?void 0:l.value),"autocomplete"==this.type&&(this.isOpen=!0),e.detail.result||("autocomplete"==this.type?this.isOpen=!1:(this.returnFilterData={},V.filterData(this._id,null)),this.searchResultLimit=null,this.highlightText=null),this.markForCheck())}handleKeyDown(e){const t=e.keyCode||e.which;if(t===x.KeyCode.escape&&this.isOpen&&(this.isOpen=!1,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()),this.keyControl){const e=new M(t,this.el,this.treeview,this.checkboxes);e.openGroup=e=>{this.openGroup(e)},e.checkedItem=e=>{this.checkedItem(e)},e.keyDown()}}handleKeyUp(e){if(this.keyControl&&r.findEventPath(e,this.el)){const e=document.getElementById(`bcm-list-${this._id}`);if(e){const t=e.querySelectorAll(".bcm-list__item.focused");if(t.length>0){const i=e.querySelector("main"),c=t[0].offsetHeight,o=i.offsetHeight,s=t[0].offsetTop;s>o&&(i.scrollTop=s-o/2+c/2),s<o&&(i.scrollTop=s-o/2-c/2)}}}}async set(e){e?(Array.isArray(e)&&this.addChecked(e),"string"!=typeof e&&"number"!=typeof e||this.selectedItem(e)):this.setClear()}async get(){var e,t;return this.value?this.checkboxes?null===(t=null===(e=await this.getCheckedList())||void 0===e?void 0:e.checkedList)||void 0===t?void 0:t.map((e=>e.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(e=[],t=!1,i=!0){return e&&e.length>0&&(t||(V.setClear(this._id),await u(10)),await V.addChecked(this._id,e),await u(10),i&&(this.value=(await this.getCheckedList()).checkedList),this.markForCheck()),Promise.resolve(this.value)}async selected(e){return!!e&&Promise.resolve(await this.selectedItem(e))}async setClear(e){return V.setClear(this._id),this.value=null,this.inputText="",this.isOpen=!1,this.selectAllItem.indeterminate="uncheck",this.markForCheck(),e&&(e.stopPropagation(),e.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(e,t){this.selectAllItem=Object.assign(Object.assign({},this.selectAllItem),{indeterminate:this.checkboxes&&e>0?e===t?"check":"indeterminate":"uncheck",checked:!!(this.checkboxes&&e>0)&&e===t})}listenResize(){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 e=document.getElementById(`bcm-list-${this._id}-search`);return e&&await e.handleClear(),Promise.resolve()}async onSelectSearch(){const e=document.getElementById(`bcm-list-${this._id}-search`);e&&(await u(100),e.onBcmFocus(),e.onBcmSelect())}async filterOtherList(e){const t=(await this.getCheckedList()).nestedResult,i=r.convertIdsToNestedData(e,t);this.returnFilterData=await V.filterData(this._id,i,null,!0),this.searchFound=(null==e?void 0:e.length)||0,this.limit=500,this.searchGetParents=null,await u(1e3),this.markForCheck()}async initState(){var e,t,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===(e=this.value)||void 0===e?void 0:e.text)||null),this.checkboxes&&(null===(t=this.value)||void 0===t?void 0:t.length)>0){const e=[];this.value.forEach((t=>{t.items&&0!==t.items.length||e.push(t.id)})),await this.addChecked(e,!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=r.UID()}getOptions(){return n((()=>V.getValue(this._id).options),{})}getItems(){return this.isSelectedOther?this.returnFilterData.checkedItems:n((()=>V.getData(this._id)),[])}getLimitedItems(e){return n((()=>V.getDataPagination(this._id,this.searchResultLimit||this.limit,e)),[])}openGroup(e){V.openGroup(this._id,e),this.markForCheck()}focusItem(e){if(e.target.classList.contains("bcm-list__item")){const t=e.target,i=document.getElementById(`bcm-list-${this._id}`);if(i&&i.querySelectorAll(".bcm-list__item").length>0){const e=i.querySelector(".bcm-list__item.focused");e&&e.classList.remove("focused"),t.classList.add("focused")}}}async selectedItem(e){var t;if(!this.checkboxes&&(this.value=V.selectedItem(this._id,e)?V.selectedItem(this._id,e)[0]:null,this.inputText=(null===(t=this.value)||void 0===t?void 0:t.text)||null,this.isOpen=!1,this.markForCheck(),"autocomplete"==this.type&&this.value)){const e=this.getAutoCompleteInput();e&&setTimeout((()=>{var t;e.setValue((null===(t=this.value)||void 0===t?void 0:t.text)||""),this.isOpen=!1}),100)}return Promise.resolve(this.value)}async checkedItem(e){"select-all"===e?V.selectAll(this._id,!this.selectAllItem.checked):V.checkedItem(this._id,e),this.value=(await this.getCheckedList()).checkedList,this.changeVisibleCheckeds(),this.markForCheck()}changeVisibleCheckeds(){const{visibledItems:e}=this.returnFilterData;this.returnFilterData={visibledItems:e,checkedItems:e&&e.filter((e=>e.checked))||[]}}getAutoCompleteInput(){return document.getElementById(`bcm-list-input-tag-container-${this._id}-autocomplete-input`)}dataScrollEvent(e){let t=0,i=new IntersectionObserver((e=>{0===t&&(t++,e[0].isIntersecting&&(this.limit+=15,this.searchResultLimit+=15,i.disconnect(),i=null))}),this.options);i.observe(e.target.lastElementChild)}async calculateLocation(){var e,t;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,(e=>i=e)),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 t=(null===(e=i.shadowRoot)||void 0===e?void 0:e.querySelector(".bcm-caption-area"))||i.querySelector(".bcm-caption-area");t&&(l=t.offsetHeight||t.clientHeight)}const c=(null===(t=i.shadowRoot)||void 0===t?void 0:t.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*a.toNumber(this.height)*window.innerHeight-s[0]-50+"px":this.height,c.style.minHeight=this.minHeight;const r="top"==i.split("-")[0]?window.innerHeight-(window.innerHeight-s[0])-50:window.innerHeight-s[0]-50;c.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*a.toNumber(this.maxHeight)*r+"px":a.toNumber(this.maxHeight)<r?this.maxHeight:r+"px",m(c,o,i,(e=>i=e)),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:t,treeview:i,label:o,size:s,disabled:l,readonly:n,required:r,hidden:a,fullWidth:b,searchable:h}=this.getOptions(),m=g("bcm-list",`bcm-list__size-${s}`,`bcm-list__${this.type}`,"large"===s?"size-3":"size-2",{error:this.captionType==x.Status.error,"full-width":b,"bcm-list__linked":this.linkedComponent,hidden:a,readonly:n,disabled:l}),d=g("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":b,hidden:a,readonly:n,disabled:l}),p=g("bcm-list__input"),u="select"==this.type||"autocomplete"==this.type||this.linkedComponent;return e(c,{class:m,tabindex:"0",style:{"--width":b?"100%":this.width,"--height":u?"100%":this.height,"--max-height":u?"inherit":this.maxHeight,"--min-height":u?"inherit":this.minHeight}},e("div",{id:`bcm-list-label-${this._id}`,class:"bcm-list__label"},o&&e("div",null,e(k,{size:this.size,type:this.captionType,value:o,required:r,htmlFor:this._id}))),"select"==this.type&&e("div",{id:`bcm-list-input-${this._id}`,class:p},e("span",{class:g("bcm-list__input-container",{"type-single":!t,"value-empty":!this.value})},this.checkboxes?this.value&&this.value.length>0?e("bcm-rc-overflow",{data:this.tagData,maxCount:this.tagCount}):e("span",{class:"bcm-list__input-placeholder"},this.placeholder):this.value?this.inputText:e("span",{class:"bcm-list__input-placeholder"},this.placeholder)),e("span",{class:g("bcm-list__input-buttons",{disabled:l})},this.clearable&&this.value&&e("div",{class:"bcm-list__input-buttons-button"},e("bcm-icon",{icon:"fal fa-times",onClick:e=>!l&&this.setClear(e)})),e("div",{class:`bcm-list__input-buttons-button caret-is ${this.isOpen&&this.calculatedViewport&&"caret-is-open"}`},e("bcm-icon",{icon:"far fa-angle-down"})))),"autocomplete"===this.type&&e("div",{id:`bcm-list-input-${this._id}`,class:g(p,{"bcm-list__input-autocomplete":"autocomplete"==this.type})},e("span",{class:"bcm-list__input-container",id:`bcm-list-input-tag-container-${this._id}`},this.checkboxes&&e("span",{class:"bcm-list__input-tag-container",id:`bcm-list-input-tag-container-${this._id}-autocomplete`}),e("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}))),e(I,{highlight:this.highlightText,searchable:"autocomplete"!=this.type&&h,bcmListContainer:d,checkboxes:t,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:e=>this.dataScrollEvent(e),items:this.getLimitedItems(this.searchGetParents),selectedItem:e=>this.selectedItem(e),checkedItem:e=>this.checkedItem(e),openGroup:e=>this.openGroup(e),focusItem:e=>this.focusItem(e),emptyText:this.emptyText,emptyIcon:this.emptyIcon}),e(v,{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"],isOpen:["handleOpen"],data:["dataChanged"]}}};q([s()],W.prototype,"el",void 0),q([l("data",!0)],W.prototype,"dataChanged",null),W.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{flex:1;display:block;overflow:hidden}.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}.bcm-list__input-buttons-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:4px 4px 0 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{W as bcm_list}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{s}from"./p-1e3a8987.js";class a{}a.isNumber=a=>s((()=>/^[0-9]+$/i.test(a))),a.convertToNumber=a=>s((()=>Number(a))),a.replaceNumber=a=>s((()=>a.replace(/[^0-9]/g,""))),a.replaceFloat=a=>s((()=>a.replace(/[^0-9.]/g,""))),a.toFixed=(a,r)=>s((()=>a.toFixed(r))),a.parseFloatFixed=(r,e)=>s((()=>parseFloat(a.replaceFloat(r)).toFixed(e))),a.getDecimalLength=a=>s((()=>a.split(".")[1]?a.split(".")[1].length:0)),a.toNumber=a=>s((()=>Number(a.replace(/[^0-9.]/g,""))));export{a as N}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
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-1e3a8987.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-new-ds-color-slate-100);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:"";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-400);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}';export{m as bcm_modal}
|