bromcom-ui 2.12.0 → 2.12.1-test.1
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-5c4ff3cb.entry.js → p-01d5ea34.entry.js} +1 -1
- package/dist/bromcom-ui/{p-65b8b97c.entry.js → p-0c1ab9c7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9cc8712c.entry.js → p-0ce727a4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-faeb018a.entry.js → p-0def72fe.entry.js} +1 -1
- package/dist/bromcom-ui/{p-cb91ad56.entry.js → p-23922dab.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5027dcf6.js → p-3440e8b9.js} +1 -1
- package/dist/bromcom-ui/{p-ad94ca44.js → p-3575cff5.js} +1 -1
- package/dist/bromcom-ui/{p-fdbd5b5f.entry.js → p-38b02377.entry.js} +1 -1
- package/dist/bromcom-ui/p-42111a9b.entry.js +5 -0
- package/dist/bromcom-ui/{p-9cf19610.entry.js → p-44545e3c.entry.js} +2 -2
- package/dist/bromcom-ui/{p-47325924.entry.js → p-4e5491bc.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3f0f1f9e.entry.js → p-641977db.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f9c5be5a.entry.js → p-678b25bb.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f9723b42.entry.js → p-7e608148.entry.js} +1 -1
- package/dist/bromcom-ui/{p-acbe93cd.entry.js → p-8811428c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c714d51e.entry.js → p-8f76ddd6.entry.js} +1 -1
- package/dist/bromcom-ui/p-91b72db1.js +5 -0
- package/dist/bromcom-ui/{p-8f76d87d.entry.js → p-9a906583.entry.js} +1 -1
- package/dist/bromcom-ui/{p-561de187.entry.js → p-9a92e61e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7f48f82f.entry.js → p-9e755088.entry.js} +1 -1
- package/dist/bromcom-ui/{p-fed90a82.entry.js → p-9f8aed8c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-866a46c4.entry.js → p-a2324032.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d18c83d3.entry.js → p-a959de89.entry.js} +1 -1
- package/dist/bromcom-ui/{p-101b76f5.js → p-bcf286cb.js} +1 -1
- package/dist/bromcom-ui/{p-edefa88b.entry.js → p-c1d7db8f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3517ff07.entry.js → p-c66192fb.entry.js} +1 -1
- package/dist/bromcom-ui/p-d5931cf3.entry.js +5 -0
- package/dist/bromcom-ui/{p-dbd2c7e9.entry.js → p-d6dd26f2.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d91ccc41.entry.js → p-db2551ef.entry.js} +1 -1
- package/dist/bromcom-ui/p-e896ce94.entry.js +5 -0
- package/dist/bromcom-ui/p-e9c348e7.js +5 -0
- package/dist/bromcom-ui/{p-8664c6c9.entry.js → p-ef04fd6b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ef220df3.entry.js → p-f8a795ec.entry.js} +1 -1
- package/dist/cjs/bcm-accordion_63.cjs.entry.js +39 -40
- package/dist/cjs/bcm-alert.cjs.entry.js +2 -2
- package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +4 -4
- package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +4 -4
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/bcm-caption.cjs.entry.js +4 -4
- package/dist/cjs/bcm-card.cjs.entry.js +2 -2
- package/dist/cjs/bcm-chip-group.cjs.entry.js +4 -4
- package/dist/cjs/bcm-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +2 -2
- package/dist/cjs/bcm-default.cjs.entry.js +2 -2
- package/dist/cjs/bcm-form-2.cjs.entry.js +2 -2
- package/dist/cjs/bcm-input-2.cjs.entry.js +2 -2
- package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
- package/dist/cjs/bcm-input-dropdown.cjs.entry.js +4 -4
- package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +4 -4
- package/dist/cjs/bcm-modal-2-header.cjs.entry.js +4 -4
- package/dist/cjs/bcm-modal-2.cjs.entry.js +4 -4
- package/dist/cjs/bcm-number-input.cjs.entry.js +4 -4
- package/dist/cjs/bcm-popover.cjs.entry.js +4 -4
- package/dist/cjs/bcm-range.cjs.entry.js +2 -2
- package/dist/cjs/bcm-skeleton.cjs.entry.js +4 -4
- package/dist/cjs/bcm-table.cjs.entry.js +4 -4
- package/dist/cjs/bcm-tag.cjs.entry.js +3 -3
- package/dist/cjs/bcm-time-picker.cjs.entry.js +2 -2
- package/dist/cjs/bcm-toast.cjs.entry.js +2 -2
- package/dist/cjs/bromcom-ui.cjs.js +2 -2
- package/dist/cjs/{generate-c1f827bd.js → generate-920aff8f.js} +1 -1
- package/dist/cjs/{global-c2f538b0.js → global-1526173b.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{number-helper-804e5165.js → number-helper-a99f8b57.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +3 -3
- package/dist/cjs/old-bcm-popover.cjs.entry.js +2 -2
- package/dist/cjs/{package-2ca614d5.js → package-fc8c9633.js} +1 -1
- package/dist/cjs/{validators-45979497.js → validators-aafcc99c.js} +1 -1
- package/dist/collection/components/molecules/menu/menu.js +0 -14
- package/dist/collection/components/organism/list/list.js +2 -2
- package/dist/collection/components/organism/states/bcm-list2.states.js +14 -2
- package/dist/collection/templates/step-template.js +1 -1
- package/dist/components/bcm-stepper.js +1 -1
- package/dist/components/generate.js +1 -1
- package/dist/components/list.js +16 -4
- package/dist/components/menu.js +0 -14
- package/dist/esm/bcm-accordion_63.entry.js +39 -40
- package/dist/esm/bcm-alert.entry.js +2 -2
- package/dist/esm/bcm-attendance-actions-comment.entry.js +4 -4
- package/dist/esm/bcm-attendance-actions-dropdown.entry.js +4 -4
- package/dist/esm/bcm-breadcrumb.entry.js +2 -2
- package/dist/esm/bcm-caption.entry.js +4 -4
- package/dist/esm/bcm-card.entry.js +2 -2
- package/dist/esm/bcm-chip-group.entry.js +4 -4
- package/dist/esm/bcm-date-picker.entry.js +2 -2
- package/dist/esm/bcm-datetime-picker.entry.js +2 -2
- package/dist/esm/bcm-default.entry.js +2 -2
- package/dist/esm/bcm-form-2.entry.js +2 -2
- package/dist/esm/bcm-input-2.entry.js +2 -2
- package/dist/esm/bcm-input-custom.entry.js +2 -2
- package/dist/esm/bcm-input-dropdown.entry.js +4 -4
- package/dist/esm/bcm-modal-2-footer.entry.js +4 -4
- package/dist/esm/bcm-modal-2-header.entry.js +4 -4
- package/dist/esm/bcm-modal-2.entry.js +4 -4
- package/dist/esm/bcm-number-input.entry.js +4 -4
- package/dist/esm/bcm-popover.entry.js +4 -4
- package/dist/esm/bcm-range.entry.js +2 -2
- package/dist/esm/bcm-skeleton.entry.js +4 -4
- package/dist/esm/bcm-table.entry.js +4 -4
- package/dist/esm/bcm-tag.entry.js +3 -3
- package/dist/esm/bcm-time-picker.entry.js +2 -2
- package/dist/esm/bcm-toast.entry.js +2 -2
- package/dist/esm/bromcom-ui.js +2 -2
- package/dist/esm/{generate-fb762c9f.js → generate-d71d0301.js} +1 -1
- package/dist/esm/{global-b4060f1f.js → global-80fedcf7.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{number-helper-0cbe6443.js → number-helper-407e89d0.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +3 -3
- package/dist/esm/old-bcm-popover.entry.js +2 -2
- package/dist/esm/{package-67609610.js → package-dec9ed1a.js} +1 -1
- package/dist/esm/{validators-e7ccc273.js → validators-2cce19e1.js} +1 -1
- package/dist/types/models/states/organisms/bcm-organisms-state.d.ts +5 -1
- package/package.json +1 -1
- package/dist/bromcom-ui/p-41055402.js +0 -5
- package/dist/bromcom-ui/p-508796a2.entry.js +0 -5
- package/dist/bromcom-ui/p-6db476de.entry.js +0 -5
- package/dist/bromcom-ui/p-84f5330f.js +0 -5
- package/dist/bromcom-ui/p-c179c3de.entry.js +0 -5
|
@@ -9,12 +9,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
10
|
const index$1 = require('./index-95ae50d0.js');
|
|
11
11
|
const isLoadDecorator = require('./is-load-decorator-15036f37.js');
|
|
12
|
-
const generate = require('./generate-
|
|
12
|
+
const generate = require('./generate-920aff8f.js');
|
|
13
13
|
const bcm = require('./bcm-1d1fcf21.js');
|
|
14
14
|
const captionTemplate = require('./caption-template-85a18b6d.js');
|
|
15
15
|
const input_style = require('./input.style-b5676e6a.js');
|
|
16
16
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
17
|
-
require('./package-
|
|
17
|
+
require('./package-fc8c9633.js');
|
|
18
18
|
require('./colors-250d0982.js');
|
|
19
19
|
require('./index-5279dea2.js');
|
|
20
20
|
|
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-920aff8f.js');
|
|
11
11
|
const index$1 = require('./index-95ae50d0.js');
|
|
12
|
-
require('./package-
|
|
12
|
+
require('./package-fc8c9633.js');
|
|
13
13
|
require('./colors-250d0982.js');
|
|
14
14
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
15
15
|
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index$1 = require('./index-c591ecec.js');
|
|
10
10
|
require('./color-helper-dc98a2ca.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-920aff8f.js');
|
|
13
|
+
require('./number-helper-a99f8b57.js');
|
|
14
14
|
require('./string-helper-1ee6dc21.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-aafcc99c.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
const bcm = require('./bcm-1d1fcf21.js');
|
|
18
18
|
const captionTemplate = require('./caption-template-85a18b6d.js');
|
|
@@ -24,7 +24,7 @@ require('./colors-56282b00.js');
|
|
|
24
24
|
require('./utils-fc077139.js');
|
|
25
25
|
require('./colors-250d0982.js');
|
|
26
26
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
27
|
-
require('./package-
|
|
27
|
+
require('./package-fc8c9633.js');
|
|
28
28
|
|
|
29
29
|
const inputDropdownStyle = index.ce({
|
|
30
30
|
slots: {
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
10
|
require('./color-helper-dc98a2ca.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-920aff8f.js');
|
|
13
|
+
require('./number-helper-a99f8b57.js');
|
|
14
14
|
require('./string-helper-1ee6dc21.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-aafcc99c.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
require('./bcm-1d1fcf21.js');
|
|
18
18
|
const index$1 = require('./index-95ae50d0.js');
|
|
@@ -20,7 +20,7 @@ require('./colors-56282b00.js');
|
|
|
20
20
|
require('./utils-fc077139.js');
|
|
21
21
|
require('./colors-250d0982.js');
|
|
22
22
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
23
|
-
require('./package-
|
|
23
|
+
require('./package-fc8c9633.js');
|
|
24
24
|
|
|
25
25
|
const BcmModal2Footer = class {
|
|
26
26
|
constructor(hostRef) {
|
|
@@ -9,17 +9,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
10
|
require('./color-helper-dc98a2ca.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-920aff8f.js');
|
|
13
|
+
require('./number-helper-a99f8b57.js');
|
|
14
14
|
require('./string-helper-1ee6dc21.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-aafcc99c.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
require('./bcm-1d1fcf21.js');
|
|
18
18
|
require('./colors-56282b00.js');
|
|
19
19
|
require('./utils-fc077139.js');
|
|
20
20
|
require('./colors-250d0982.js');
|
|
21
21
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
22
|
-
require('./package-
|
|
22
|
+
require('./package-fc8c9633.js');
|
|
23
23
|
|
|
24
24
|
const BcmModal2Header = class {
|
|
25
25
|
constructor(hostRef) {
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
10
|
require('./color-helper-dc98a2ca.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-920aff8f.js');
|
|
13
|
+
require('./number-helper-a99f8b57.js');
|
|
14
14
|
require('./string-helper-1ee6dc21.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-aafcc99c.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
const utils = require('./utils-fc077139.js');
|
|
18
18
|
const bcm = require('./bcm-1d1fcf21.js');
|
|
@@ -20,7 +20,7 @@ const index$1 = require('./index-95ae50d0.js');
|
|
|
20
20
|
require('./colors-56282b00.js');
|
|
21
21
|
require('./colors-250d0982.js');
|
|
22
22
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
23
|
-
require('./package-
|
|
23
|
+
require('./package-fc8c9633.js');
|
|
24
24
|
|
|
25
25
|
const BcmModal2 = class {
|
|
26
26
|
constructor(hostRef) {
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
10
|
require('./color-helper-dc98a2ca.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-920aff8f.js');
|
|
13
|
+
require('./number-helper-a99f8b57.js');
|
|
14
14
|
const stringHelper = require('./string-helper-1ee6dc21.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-aafcc99c.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
const utils = require('./utils-fc077139.js');
|
|
18
18
|
const bcm = require('./bcm-1d1fcf21.js');
|
|
@@ -24,7 +24,7 @@ const input_style = require('./input.style-b5676e6a.js');
|
|
|
24
24
|
require('./colors-56282b00.js');
|
|
25
25
|
require('./colors-250d0982.js');
|
|
26
26
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
27
|
-
require('./package-
|
|
27
|
+
require('./package-fc8c9633.js');
|
|
28
28
|
require('./index-5279dea2.js');
|
|
29
29
|
|
|
30
30
|
const NumberInput = class {
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
10
|
const colorHelper = require('./color-helper-dc98a2ca.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-920aff8f.js');
|
|
13
|
+
require('./number-helper-a99f8b57.js');
|
|
14
14
|
const stringHelper = require('./string-helper-1ee6dc21.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-aafcc99c.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
const bcm = require('./bcm-1d1fcf21.js');
|
|
18
18
|
const utils = require('./utils-fc077139.js');
|
|
@@ -20,7 +20,7 @@ const floatingUi = require('./floating-ui-5b396838.js');
|
|
|
20
20
|
require('./colors-56282b00.js');
|
|
21
21
|
require('./colors-250d0982.js');
|
|
22
22
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
23
|
-
require('./package-
|
|
23
|
+
require('./package-fc8c9633.js');
|
|
24
24
|
|
|
25
25
|
class Popover {
|
|
26
26
|
constructor({ content, message, targetId, placement = "top", color = "slate-700", trigger = "none", openDelay = 0, closeDelay = 0, autoHide = false, emitShow = () => { }, emitHide = () => { } }) {
|
|
@@ -8,11 +8,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
10
|
const index$1 = require('./index-95ae50d0.js');
|
|
11
|
-
const generate = require('./generate-
|
|
11
|
+
const generate = require('./generate-920aff8f.js');
|
|
12
12
|
const bcm = require('./bcm-1d1fcf21.js');
|
|
13
13
|
const utils = require('./utils-fc077139.js');
|
|
14
14
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
15
|
-
require('./package-
|
|
15
|
+
require('./package-fc8c9633.js');
|
|
16
16
|
require('./colors-250d0982.js');
|
|
17
17
|
|
|
18
18
|
const rangeCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-range{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:\" \";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:\"\";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}";
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index$1 = require('./index-c591ecec.js');
|
|
10
10
|
require('./color-helper-dc98a2ca.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-920aff8f.js');
|
|
13
|
+
require('./number-helper-a99f8b57.js');
|
|
14
14
|
require('./string-helper-1ee6dc21.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-aafcc99c.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
require('./bcm-1d1fcf21.js');
|
|
18
18
|
const index = require('./index-5279dea2.js');
|
|
@@ -20,7 +20,7 @@ require('./colors-56282b00.js');
|
|
|
20
20
|
require('./utils-fc077139.js');
|
|
21
21
|
require('./colors-250d0982.js');
|
|
22
22
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
23
|
-
require('./package-
|
|
23
|
+
require('./package-fc8c9633.js');
|
|
24
24
|
|
|
25
25
|
const skeletonStyle = index.ce({
|
|
26
26
|
slots: {
|
|
@@ -10,10 +10,10 @@ const index = require('./index-c591ecec.js');
|
|
|
10
10
|
const watermark = require('./watermark-2c23c8f1.js');
|
|
11
11
|
require('./color-helper-dc98a2ca.js');
|
|
12
12
|
require('./datetime-helper-eaf4fadb.js');
|
|
13
|
-
const generate = require('./generate-
|
|
14
|
-
require('./number-helper-
|
|
13
|
+
const generate = require('./generate-920aff8f.js');
|
|
14
|
+
require('./number-helper-a99f8b57.js');
|
|
15
15
|
const stringHelper = require('./string-helper-1ee6dc21.js');
|
|
16
|
-
require('./validators-
|
|
16
|
+
require('./validators-aafcc99c.js');
|
|
17
17
|
require('./element-dragger-a8562f82.js');
|
|
18
18
|
require('./bcm-1d1fcf21.js');
|
|
19
19
|
const index$1 = require('./index-95ae50d0.js');
|
|
@@ -23,7 +23,7 @@ require('./colors-56282b00.js');
|
|
|
23
23
|
require('./utils-fc077139.js');
|
|
24
24
|
require('./colors-250d0982.js');
|
|
25
25
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
26
|
-
require('./package-
|
|
26
|
+
require('./package-fc8c9633.js');
|
|
27
27
|
|
|
28
28
|
// DO NOT UPDATE MANUALLY: Generated from script during build time
|
|
29
29
|
var VERSION$4 = '29.0.0';
|
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index$1 = require('./index-c591ecec.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-920aff8f.js');
|
|
11
11
|
const bcm = require('./bcm-1d1fcf21.js');
|
|
12
12
|
const index = require('./index-95ae50d0.js');
|
|
13
|
-
const numberHelper = require('./number-helper-
|
|
13
|
+
const numberHelper = require('./number-helper-a99f8b57.js');
|
|
14
14
|
const utils = require('./utils-fc077139.js');
|
|
15
15
|
const colors = require('./colors-56282b00.js');
|
|
16
16
|
const types = require('./types-7523fd99.js');
|
|
17
|
-
require('./package-
|
|
17
|
+
require('./package-fc8c9633.js');
|
|
18
18
|
require('./colors-250d0982.js');
|
|
19
19
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
20
20
|
|
|
@@ -9,11 +9,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
10
|
const index$1 = require('./index-95ae50d0.js');
|
|
11
11
|
const isLoadDecorator = require('./is-load-decorator-15036f37.js');
|
|
12
|
-
const generate = require('./generate-
|
|
12
|
+
const generate = require('./generate-920aff8f.js');
|
|
13
13
|
const bcm = require('./bcm-1d1fcf21.js');
|
|
14
14
|
const utils = require('./utils-fc077139.js');
|
|
15
15
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
16
|
-
require('./package-
|
|
16
|
+
require('./package-fc8c9633.js');
|
|
17
17
|
require('./colors-250d0982.js');
|
|
18
18
|
|
|
19
19
|
const timePickerCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:inline-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}";
|
|
@@ -8,12 +8,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
10
|
const index$1 = require('./index-95ae50d0.js');
|
|
11
|
-
const generate = require('./generate-
|
|
11
|
+
const generate = require('./generate-920aff8f.js');
|
|
12
12
|
const stringHelper = require('./string-helper-1ee6dc21.js');
|
|
13
13
|
const bcm = require('./bcm-1d1fcf21.js');
|
|
14
14
|
const utils = require('./utils-fc077139.js');
|
|
15
15
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
16
|
-
require('./package-
|
|
16
|
+
require('./package-fc8c9633.js');
|
|
17
17
|
require('./colors-250d0982.js');
|
|
18
18
|
|
|
19
19
|
const BcmToast = class {
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
|
-
require('./global-
|
|
11
|
-
require('./package-
|
|
10
|
+
require('./global-1526173b.js');
|
|
11
|
+
require('./package-fc8c9633.js');
|
|
12
12
|
require('./watermark-2c23c8f1.js');
|
|
13
13
|
|
|
14
14
|
/*
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
|
-
require('./global-
|
|
11
|
-
require('./package-
|
|
10
|
+
require('./global-1526173b.js');
|
|
11
|
+
require('./package-fc8c9633.js');
|
|
12
12
|
require('./watermark-2c23c8f1.js');
|
|
13
13
|
|
|
14
14
|
/*
|
|
@@ -11,13 +11,13 @@ require('./element-dragger-a8562f82.js');
|
|
|
11
11
|
const popoverPlacement = require('./popover-placement-d1aa81f0.js');
|
|
12
12
|
const floatingUi = require('./floating-ui-5b396838.js');
|
|
13
13
|
const index$1 = require('./index-95ae50d0.js');
|
|
14
|
-
const generate = require('./generate-
|
|
15
|
-
const numberHelper = require('./number-helper-
|
|
14
|
+
const generate = require('./generate-920aff8f.js');
|
|
15
|
+
const numberHelper = require('./number-helper-a99f8b57.js');
|
|
16
16
|
const stringHelper = require('./string-helper-1ee6dc21.js');
|
|
17
17
|
require('./utils-fc077139.js');
|
|
18
18
|
require('./bcm-1d1fcf21.js');
|
|
19
19
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
20
|
-
require('./package-
|
|
20
|
+
require('./package-fc8c9633.js');
|
|
21
21
|
require('./colors-250d0982.js');
|
|
22
22
|
|
|
23
23
|
const oldPopoverBoxCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:\"\";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}";
|
|
@@ -9,9 +9,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
10
|
const index$1 = require('./index-95ae50d0.js');
|
|
11
11
|
const bcm = require('./bcm-1d1fcf21.js');
|
|
12
|
-
const generate = require('./generate-
|
|
12
|
+
const generate = require('./generate-920aff8f.js');
|
|
13
13
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
14
|
-
require('./package-
|
|
14
|
+
require('./package-fc8c9633.js');
|
|
15
15
|
require('./colors-250d0982.js');
|
|
16
16
|
|
|
17
17
|
const oldPopoverCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popover{display:inline-flex}";
|
|
@@ -2,20 +2,9 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
6
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
8
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
9
|
-
else
|
|
10
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
11
|
-
if (d = decorators[i])
|
|
12
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
13
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
14
|
-
};
|
|
15
5
|
import { forceUpdate, h, Host } from '@stencil/core';
|
|
16
6
|
import cs from 'classnames';
|
|
17
7
|
import { Generate, Tooltip } from '@bcm/helpers';
|
|
18
|
-
import { IsLoad } from '@bcm/decorator';
|
|
19
8
|
export class BcmMenu {
|
|
20
9
|
constructor() {
|
|
21
10
|
this._id = Generate.UID();
|
|
@@ -526,6 +515,3 @@ export class BcmMenu {
|
|
|
526
515
|
}];
|
|
527
516
|
}
|
|
528
517
|
}
|
|
529
|
-
__decorate([
|
|
530
|
-
IsLoad()
|
|
531
|
-
], BcmMenu.prototype, "el", void 0);
|
|
@@ -592,7 +592,7 @@ export class BcmList {
|
|
|
592
592
|
options: this,
|
|
593
593
|
});
|
|
594
594
|
const { totalRoots, totalItems } = listState.getValue(this._id);
|
|
595
|
-
this.totalData = totalItems;
|
|
595
|
+
this.totalData = totalItems.total;
|
|
596
596
|
this.totalRootData = totalRoots;
|
|
597
597
|
this.value = this.checkboxes ? (await this.getCheckedList()).checkedList : listState.selectedItem(this._id) ? listState.selectedItem(this._id)[0] : null;
|
|
598
598
|
if (!this.checkboxes) {
|
|
@@ -675,7 +675,7 @@ export class BcmList {
|
|
|
675
675
|
listState.checkedItem(this._id, itemId);
|
|
676
676
|
}
|
|
677
677
|
else {
|
|
678
|
-
listState.selectAll(this._id
|
|
678
|
+
listState.selectAll(this._id);
|
|
679
679
|
}
|
|
680
680
|
this.value = (await this.getCheckedList()).checkedList;
|
|
681
681
|
this.changeVisibleCheckeds();
|
|
@@ -71,15 +71,21 @@ const removeValue = _id => {
|
|
|
71
71
|
const getValue = id => snq(() => state.value.get(id), {});
|
|
72
72
|
const calculateTotalItems = (dataSource, treeview) => {
|
|
73
73
|
let total = 0;
|
|
74
|
+
let selectableItems = 0;
|
|
74
75
|
dataSource.forEach(item => {
|
|
75
76
|
if (treeview || (!treeview && item.type != "group")) {
|
|
76
77
|
total += 1;
|
|
78
|
+
if (!item.disabled) {
|
|
79
|
+
selectableItems += 1;
|
|
80
|
+
}
|
|
77
81
|
}
|
|
78
82
|
if ((treeview || (!treeview && item.type == "group")) && item.items) {
|
|
79
|
-
|
|
83
|
+
const result = calculateTotalItems(item.items, treeview);
|
|
84
|
+
total += result.total;
|
|
85
|
+
selectableItems += result.selectableItems;
|
|
80
86
|
}
|
|
81
87
|
});
|
|
82
|
-
return total;
|
|
88
|
+
return { total, selectableItems };
|
|
83
89
|
};
|
|
84
90
|
const getData = id => {
|
|
85
91
|
let data = [];
|
|
@@ -496,6 +502,12 @@ const setClear = (id, items) => {
|
|
|
496
502
|
}
|
|
497
503
|
};
|
|
498
504
|
const selectAll = (id, status) => {
|
|
505
|
+
var _a, _b;
|
|
506
|
+
if (status == undefined) {
|
|
507
|
+
const totalItems = getValue(id).totalItems;
|
|
508
|
+
const checkedItems = ((_b = (_a = getCheckedList(id)) === null || _a === void 0 ? void 0 : _a.checkedList) === null || _b === void 0 ? void 0 : _b.length) || 0;
|
|
509
|
+
status = totalItems.selectableItems !== checkedItems;
|
|
510
|
+
}
|
|
499
511
|
const dataSource = getValue(id).dataSource;
|
|
500
512
|
if (dataSource) {
|
|
501
513
|
dataSource.forEach(item => {
|
|
@@ -18,5 +18,5 @@ export const StepperHeaderTemplate = ({ _title, description, status, valid, inde
|
|
|
18
18
|
error: 'fal fa-times',
|
|
19
19
|
};
|
|
20
20
|
const customIcon = (icon || (statusIcon && defaultIcons[status])) && h("bcm-icon", { icon: icon ? icon : defaultIcons[status] });
|
|
21
|
-
return (h("div", { class: classes }, h("div", { class: "bcm-stepper__header-item--container", onClick: () => !disabled && stepChange(index) }, h("div", { class: "bcm-stepper__header-item-icon size-3" }, loading ? h("bcm-icon", { icon: "far fa-spinner-third fa-spin" }) : customIcon || index), h("div", { class: "bcm-stepper__header-item-title size-2" }, _title), h("div", { class: "bcm-stepper__header-item-description size-1"
|
|
21
|
+
return (h("div", { class: classes }, h("div", { class: "bcm-stepper__header-item--container", onClick: () => !disabled && stepChange(index) }, h("div", { class: "bcm-stepper__header-item-icon size-3" }, loading ? h("bcm-icon", { icon: "far fa-spinner-third fa-spin" }) : customIcon || index), h("div", { class: "bcm-stepper__header-item-title size-2" }, _title), h("div", { class: "bcm-stepper__header-item-description size-1 tw-text-center", innerHTML: description }))));
|
|
22
22
|
};
|
|
@@ -34,7 +34,7 @@ const StepperHeaderTemplate = ({ _title, description, status, valid, index, load
|
|
|
34
34
|
h("div", { class: "bcm-stepper__header-item--container", onClick: () => !disabled && stepChange(index) },
|
|
35
35
|
h("div", { class: "bcm-stepper__header-item-icon size-3" }, loading ? h("bcm-icon", { icon: "far fa-spinner-third fa-spin" }) : customIcon || index),
|
|
36
36
|
h("div", { class: "bcm-stepper__header-item-title size-2" }, _title),
|
|
37
|
-
h("div", { class: "bcm-stepper__header-item-description size-1"
|
|
37
|
+
h("div", { class: "bcm-stepper__header-item-description size-1 tw-text-center", innerHTML: description }))));
|
|
38
38
|
};
|
|
39
39
|
|
|
40
40
|
const stepperCss = "@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;min-width:150px}.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;min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--bcm-new-ds-color-blue-600);color:var(--bcm-new-ds-color-slate-700);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-new-ds-color-blue-600);border-color:transparent;position:absolute;z-index:0;user-select:none;top:-6px;left:-6px}.bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-slate-700)}.bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-slate-600)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-slate-500)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-slate-500)}.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-new-ds-color-blue-600);top:16px;box-sizing:content-box}.bcm-stepper__header-item::after{right:0;border-radius:3px 0 0 3px}.bcm-stepper__header-item::before{left:0;border-radius:0 3px 3px 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-new-ds-color-blue-600)}.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-new-ds-color-blue-600);margin-top:16px}.bcm-stepper__header-line--warning{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-line--warning+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning::after{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.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-new-ds-color-amber-700)}.bcm-stepper__header-line--success{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-line--success+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success::after{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.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-new-ds-color-emerald-700)}.bcm-stepper__header-line--error{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--error+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--error::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-600)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-red-600)}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.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-new-ds-color-red-700)}.bcm-stepper__header-line--default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--default+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--default::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.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-new-ds-color-blue-700)}.bcm-stepper__header-line--loading{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-line--loading+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading::after{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.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-new-ds-color-blue-700)}.bcm-stepper__header-line--disabled{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--disabled+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.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-new-ds-color-slate-400)}.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}";
|
package/dist/components/list.js
CHANGED
|
@@ -207,15 +207,21 @@ const removeValue = _id => {
|
|
|
207
207
|
const getValue = id => snq(() => state.value.get(id), {});
|
|
208
208
|
const calculateTotalItems = (dataSource, treeview) => {
|
|
209
209
|
let total = 0;
|
|
210
|
+
let selectableItems = 0;
|
|
210
211
|
dataSource.forEach(item => {
|
|
211
212
|
if (treeview || (!treeview && item.type != "group")) {
|
|
212
213
|
total += 1;
|
|
214
|
+
if (!item.disabled) {
|
|
215
|
+
selectableItems += 1;
|
|
216
|
+
}
|
|
213
217
|
}
|
|
214
218
|
if ((treeview || (!treeview && item.type == "group")) && item.items) {
|
|
215
|
-
|
|
219
|
+
const result = calculateTotalItems(item.items, treeview);
|
|
220
|
+
total += result.total;
|
|
221
|
+
selectableItems += result.selectableItems;
|
|
216
222
|
}
|
|
217
223
|
});
|
|
218
|
-
return total;
|
|
224
|
+
return { total, selectableItems };
|
|
219
225
|
};
|
|
220
226
|
const getData = id => {
|
|
221
227
|
let data = [];
|
|
@@ -587,6 +593,12 @@ const setClear = (id, items) => {
|
|
|
587
593
|
}
|
|
588
594
|
};
|
|
589
595
|
const selectAll = (id, status) => {
|
|
596
|
+
var _a, _b;
|
|
597
|
+
if (status == undefined) {
|
|
598
|
+
const totalItems = getValue(id).totalItems;
|
|
599
|
+
const checkedItems = ((_b = (_a = getCheckedList(id)) === null || _a === void 0 ? void 0 : _a.checkedList) === null || _b === void 0 ? void 0 : _b.length) || 0;
|
|
600
|
+
status = totalItems.selectableItems !== checkedItems;
|
|
601
|
+
}
|
|
590
602
|
const dataSource = getValue(id).dataSource;
|
|
591
603
|
if (dataSource) {
|
|
592
604
|
dataSource.forEach(item => {
|
|
@@ -1428,7 +1440,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
1428
1440
|
options: this,
|
|
1429
1441
|
});
|
|
1430
1442
|
const { totalRoots, totalItems } = listState.getValue(this._id);
|
|
1431
|
-
this.totalData = totalItems;
|
|
1443
|
+
this.totalData = totalItems.total;
|
|
1432
1444
|
this.totalRootData = totalRoots;
|
|
1433
1445
|
this.value = this.checkboxes ? (await this.getCheckedList()).checkedList : listState.selectedItem(this._id) ? listState.selectedItem(this._id)[0] : null;
|
|
1434
1446
|
if (!this.checkboxes) {
|
|
@@ -1511,7 +1523,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
1511
1523
|
listState.checkedItem(this._id, itemId);
|
|
1512
1524
|
}
|
|
1513
1525
|
else {
|
|
1514
|
-
listState.selectAll(this._id
|
|
1526
|
+
listState.selectAll(this._id);
|
|
1515
1527
|
}
|
|
1516
1528
|
this.value = (await this.getCheckedList()).checkedList;
|
|
1517
1529
|
this.changeVisibleCheckeds();
|