bromcom-ui 2.12.3-rc.1 → 2.12.3-rc.2-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-aa715cd7.entry.js → p-06a548ce.entry.js} +1 -1
- package/dist/bromcom-ui/{p-fa7bd3c8.entry.js → p-1b645ef9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-663549fb.entry.js → p-1fcdb8ee.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7bd66bb7.entry.js → p-20a3d051.entry.js} +2 -2
- package/dist/bromcom-ui/{p-49388ade.entry.js → p-2747bf2a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ee71ab26.js → p-37cd0612.js} +1 -1
- package/dist/bromcom-ui/{p-d4da9ed3.js → p-3ba6c610.js} +1 -1
- package/dist/bromcom-ui/{p-2acd7801.entry.js → p-4233e5f7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-139562dc.entry.js → p-43c4d268.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6a81af7a.entry.js → p-510d5aa8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7a87da89.entry.js → p-5dbe699b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-00fd5426.entry.js → p-7d2993dc.entry.js} +1 -1
- package/dist/bromcom-ui/p-8255b154.entry.js +5 -0
- package/dist/bromcom-ui/{p-8eb96e49.entry.js → p-87558819.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8a647319.entry.js → p-8c5ed9b1.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e6a7607e.entry.js → p-9b0ba7ad.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8f78bddc.js → p-9ba753bf.js} +1 -1
- package/dist/bromcom-ui/{p-611b6af8.entry.js → p-9df8995e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-adc5bb09.entry.js → p-a1e2fa92.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9e56dcae.entry.js → p-a400b4c4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-83e35931.entry.js → p-a50a79c9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-01e717dd.entry.js → p-aabb32f3.entry.js} +1 -1
- package/dist/bromcom-ui/p-b93361f4.js +5 -0
- package/dist/bromcom-ui/{p-f217e99d.entry.js → p-bddc9310.entry.js} +1 -1
- package/dist/bromcom-ui/{p-fe2776fe.entry.js → p-c812208d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1467bb90.js → p-cbbc036b.js} +1 -1
- package/dist/bromcom-ui/{p-41bfd085.entry.js → p-cd1b099c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-84e7b5ba.entry.js → p-daeda8d3.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2c32b73b.entry.js → p-e0223a0f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-81955926.entry.js → p-e2cdea59.entry.js} +1 -1
- package/dist/bromcom-ui/{p-58c5a828.entry.js → p-e94abd6c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8a1925f1.entry.js → p-eedcbbc4.entry.js} +1 -1
- package/dist/bromcom-ui/p-f151ffce.entry.js +5 -0
- package/dist/cjs/bcm-accordion_63.cjs.entry.js +35 -22
- 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-b1db33f0.js → generate-69d5c345.js} +1 -1
- package/dist/cjs/{global-9d9c7130.js → global-7e2d5892.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{number-helper-9ddf991a.js → number-helper-a60b43f9.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-da2c9c0c.js → package-6a1205fc.js} +1 -1
- package/dist/cjs/{validators-eb0d7ef2.js → validators-cd8eedf1.js} +1 -1
- package/dist/collection/components/molecules/menu/menu.js +14 -0
- package/dist/components/generate.js +1 -1
- package/dist/components/menu.js +14 -0
- package/dist/esm/bcm-accordion_63.entry.js +35 -22
- 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-941ac543.js → generate-172feaa1.js} +1 -1
- package/dist/esm/{global-2695505f.js → global-dd4e5618.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{number-helper-7b757731.js → number-helper-75b39b91.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-ce69d2dd.js → package-4ae730ba.js} +1 -1
- package/dist/esm/{validators-b86fcca9.js → validators-c89525d2.js} +1 -1
- package/package.json +1 -1
- package/dist/bromcom-ui/p-27289421.entry.js +0 -5
- package/dist/bromcom-ui/p-435e6234.js +0 -5
- package/dist/bromcom-ui/p-8b52a054.entry.js +0 -5
|
@@ -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-69d5c345.js');
|
|
13
|
+
require('./number-helper-a60b43f9.js');
|
|
14
14
|
require('./string-helper-9cdfb273.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-cd8eedf1.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-6a1205fc.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-69d5c345.js');
|
|
13
|
+
require('./number-helper-a60b43f9.js');
|
|
14
14
|
require('./string-helper-9cdfb273.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-cd8eedf1.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-6a1205fc.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-69d5c345.js');
|
|
13
|
+
require('./number-helper-a60b43f9.js');
|
|
14
14
|
require('./string-helper-9cdfb273.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-cd8eedf1.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-6a1205fc.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-69d5c345.js');
|
|
13
|
+
require('./number-helper-a60b43f9.js');
|
|
14
14
|
const stringHelper = require('./string-helper-9cdfb273.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-cd8eedf1.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-6a1205fc.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-69d5c345.js');
|
|
13
|
+
require('./number-helper-a60b43f9.js');
|
|
14
14
|
const stringHelper = require('./string-helper-9cdfb273.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-cd8eedf1.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-6a1205fc.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-69d5c345.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-6a1205fc.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-69d5c345.js');
|
|
13
|
+
require('./number-helper-a60b43f9.js');
|
|
14
14
|
require('./string-helper-9cdfb273.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-cd8eedf1.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-6a1205fc.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-69d5c345.js');
|
|
14
|
+
require('./number-helper-a60b43f9.js');
|
|
15
15
|
const stringHelper = require('./string-helper-9cdfb273.js');
|
|
16
|
-
require('./validators-
|
|
16
|
+
require('./validators-cd8eedf1.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-6a1205fc.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-69d5c345.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-a60b43f9.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-6a1205fc.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-69d5c345.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-6a1205fc.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-69d5c345.js');
|
|
12
12
|
const stringHelper = require('./string-helper-9cdfb273.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-6a1205fc.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-7e2d5892.js');
|
|
11
|
+
require('./package-6a1205fc.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-7e2d5892.js');
|
|
11
|
+
require('./package-6a1205fc.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-02e6101b.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-69d5c345.js');
|
|
15
|
+
const numberHelper = require('./number-helper-a60b43f9.js');
|
|
16
16
|
const stringHelper = require('./string-helper-9cdfb273.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-6a1205fc.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-69d5c345.js');
|
|
13
13
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
14
|
-
require('./package-
|
|
14
|
+
require('./package-6a1205fc.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,9 +2,20 @@
|
|
|
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
|
+
};
|
|
5
15
|
import { forceUpdate, h, Host } from '@stencil/core';
|
|
6
16
|
import cs from 'classnames';
|
|
7
17
|
import { Generate, Tooltip } from '@bcm/helpers';
|
|
18
|
+
import { IsLoad } from '@bcm/decorator';
|
|
8
19
|
export class BcmMenu {
|
|
9
20
|
constructor() {
|
|
10
21
|
this._id = Generate.UID();
|
|
@@ -515,3 +526,6 @@ export class BcmMenu {
|
|
|
515
526
|
}];
|
|
516
527
|
}
|
|
517
528
|
}
|
|
529
|
+
__decorate([
|
|
530
|
+
IsLoad()
|
|
531
|
+
], BcmMenu.prototype, "el", void 0);
|
package/dist/components/menu.js
CHANGED
|
@@ -12,9 +12,20 @@ import './string-helper.js';
|
|
|
12
12
|
import { T as Tooltip } from './tooltip-helper.js';
|
|
13
13
|
import './element-dragger.js';
|
|
14
14
|
import './bcm.js';
|
|
15
|
+
import { I as IsLoad } from './is-load-decorator.js';
|
|
15
16
|
|
|
16
17
|
const menuCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-800);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-color-primary-600);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-color-primary-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-background-color-dropdownDisabled:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-color-primary-700);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-color-primary-800);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-color-primary-900);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__dropdown{width:auto;max-width:210px}.bcm-menu__dropdown .bcm-menu__item-link--disabled{color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}";
|
|
17
18
|
|
|
19
|
+
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
20
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
21
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
22
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
23
|
+
else
|
|
24
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
25
|
+
if (d = decorators[i])
|
|
26
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
27
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
28
|
+
};
|
|
18
29
|
const BcmMenu = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
19
30
|
constructor() {
|
|
20
31
|
super();
|
|
@@ -143,6 +154,9 @@ const BcmMenu = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
143
154
|
"setActive": [64],
|
|
144
155
|
"getActive": [64]
|
|
145
156
|
}, [[0, "bcm-items", "handleSlotItems"]]]);
|
|
157
|
+
__decorate([
|
|
158
|
+
IsLoad()
|
|
159
|
+
], BcmMenu.prototype, "el", void 0);
|
|
146
160
|
function defineCustomElement() {
|
|
147
161
|
if (typeof customElements === "undefined") {
|
|
148
162
|
return;
|