bromcom-ui 2.12.2-test.1 → 2.12.3-rc.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-3cc4266d.entry.js → p-00fd5426.entry.js} +1 -1
- package/dist/bromcom-ui/{p-4b440055.entry.js → p-01e717dd.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5dfb9f46.entry.js → p-139562dc.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8e98eedc.js → p-1467bb90.js} +1 -1
- package/dist/bromcom-ui/{p-96635cea.entry.js → p-27289421.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3212201e.entry.js → p-2acd7801.entry.js} +1 -1
- package/dist/bromcom-ui/{p-112e0727.entry.js → p-2c32b73b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0bda558d.js → p-2d0ff35e.js} +1 -1
- package/dist/bromcom-ui/{p-e089ce19.entry.js → p-41bfd085.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a639d6c1.js → p-435e6234.js} +1 -1
- package/dist/bromcom-ui/{p-eb425ca4.entry.js → p-49388ade.entry.js} +1 -1
- package/dist/bromcom-ui/{p-35ff3206.entry.js → p-58c5a828.entry.js} +1 -1
- package/dist/bromcom-ui/{p-4308aba0.entry.js → p-611b6af8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0f29d0dd.entry.js → p-663549fb.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5dc6d136.entry.js → p-6a81af7a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-467ad7a1.entry.js → p-7a87da89.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b18e4392.entry.js → p-7bd66bb7.entry.js} +2 -2
- package/dist/bromcom-ui/{p-6c1af0c0.entry.js → p-81955926.entry.js} +1 -1
- package/dist/bromcom-ui/{p-aebf1a6d.entry.js → p-83e35931.entry.js} +1 -1
- package/dist/bromcom-ui/{p-38c63284.entry.js → p-84e7b5ba.entry.js} +1 -1
- package/dist/bromcom-ui/{p-80b5ebdd.entry.js → p-8a1925f1.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7a4ee5b3.entry.js → p-8a647319.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ee591beb.entry.js → p-8b52a054.entry.js} +1 -1
- package/dist/bromcom-ui/{p-dfa23b8e.entry.js → p-8eb96e49.entry.js} +1 -1
- package/dist/bromcom-ui/{p-4efbc5c8.js → p-8f78bddc.js} +1 -1
- package/dist/bromcom-ui/{p-6f22f3c9.entry.js → p-9e56dcae.entry.js} +1 -1
- package/dist/bromcom-ui/{p-53d997e6.entry.js → p-aa715cd7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b2731373.entry.js → p-adc5bb09.entry.js} +1 -1
- package/dist/bromcom-ui/p-bddce313.js +5 -0
- package/dist/bromcom-ui/{p-304db6c3.js → p-d4da9ed3.js} +1 -1
- package/dist/bromcom-ui/{p-35f2e15a.js → p-d65bc842.js} +1 -1
- package/dist/bromcom-ui/{p-0bc1d908.entry.js → p-e6a7607e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8927a715.js → p-ee71ab26.js} +1 -1
- package/dist/bromcom-ui/p-f217e99d.entry.js +5 -0
- package/dist/bromcom-ui/p-fa7bd3c8.entry.js +5 -0
- package/dist/bromcom-ui/{p-e1cedfa7.entry.js → p-fe2776fe.entry.js} +1 -1
- package/dist/cjs/bcm-accordion_63.cjs.entry.js +9 -10
- package/dist/cjs/bcm-alert.cjs.entry.js +3 -3
- package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +5 -5
- package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +5 -5
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/bcm-caption.cjs.entry.js +5 -5
- package/dist/cjs/bcm-card.cjs.entry.js +4 -4
- package/dist/cjs/bcm-chip-group.cjs.entry.js +5 -5
- package/dist/cjs/bcm-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +4 -4
- package/dist/cjs/bcm-default.cjs.entry.js +2 -2
- package/dist/cjs/bcm-form-2.cjs.entry.js +3 -3
- 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 +5 -5
- package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +5 -5
- package/dist/cjs/bcm-modal-2-header.cjs.entry.js +5 -5
- package/dist/cjs/bcm-modal-2.cjs.entry.js +5 -5
- package/dist/cjs/bcm-number-input.cjs.entry.js +5 -5
- package/dist/cjs/bcm-popover.cjs.entry.js +5 -5
- package/dist/cjs/bcm-range.cjs.entry.js +2 -2
- package/dist/cjs/bcm-skeleton.cjs.entry.js +5 -5
- package/dist/cjs/bcm-table.cjs.entry.js +5 -5
- 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 +3 -3
- package/dist/cjs/bromcom-ui.cjs.js +2 -2
- package/dist/cjs/{generate-2000269d.js → generate-b1db33f0.js} +1 -1
- package/dist/cjs/{global-d601eaab.js → global-9d9c7130.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{number-helper-109c65dd.js → number-helper-9ddf991a.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +5 -5
- package/dist/cjs/old-bcm-popover.cjs.entry.js +2 -2
- package/dist/cjs/{package-c7ade2f2.js → package-da2c9c0c.js} +1 -1
- package/dist/cjs/{popover-placement-d1aa81f0.js → popover-placement-02e6101b.js} +1 -1
- package/dist/cjs/{slot-template-29229e8f.js → slot-template-df7b5b59.js} +1 -1
- package/dist/cjs/{string-helper-1ee6dc21.js → string-helper-9cdfb273.js} +2 -4
- package/dist/cjs/{validators-23935b44.js → validators-eb0d7ef2.js} +1 -1
- package/dist/collection/components/molecules/stepper/stepper.css +47 -47
- package/dist/collection/helper/string-helper.js +2 -4
- package/dist/collection/templates/list-item-template.js +2 -3
- package/dist/components/bcm-stepper.js +1 -1
- package/dist/components/generate.js +1 -1
- package/dist/components/list.js +2 -3
- package/dist/components/string-helper.js +2 -4
- package/dist/esm/bcm-accordion_63.entry.js +9 -10
- package/dist/esm/bcm-alert.entry.js +3 -3
- package/dist/esm/bcm-attendance-actions-comment.entry.js +5 -5
- package/dist/esm/bcm-attendance-actions-dropdown.entry.js +5 -5
- package/dist/esm/bcm-breadcrumb.entry.js +2 -2
- package/dist/esm/bcm-caption.entry.js +5 -5
- package/dist/esm/bcm-card.entry.js +4 -4
- package/dist/esm/bcm-chip-group.entry.js +5 -5
- package/dist/esm/bcm-date-picker.entry.js +2 -2
- package/dist/esm/bcm-datetime-picker.entry.js +4 -4
- package/dist/esm/bcm-default.entry.js +2 -2
- package/dist/esm/bcm-form-2.entry.js +3 -3
- 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 +5 -5
- package/dist/esm/bcm-modal-2-footer.entry.js +5 -5
- package/dist/esm/bcm-modal-2-header.entry.js +5 -5
- package/dist/esm/bcm-modal-2.entry.js +5 -5
- package/dist/esm/bcm-number-input.entry.js +5 -5
- package/dist/esm/bcm-popover.entry.js +5 -5
- package/dist/esm/bcm-range.entry.js +2 -2
- package/dist/esm/bcm-skeleton.entry.js +5 -5
- package/dist/esm/bcm-table.entry.js +5 -5
- 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 +3 -3
- package/dist/esm/bromcom-ui.js +2 -2
- package/dist/esm/{generate-e5e2493b.js → generate-941ac543.js} +1 -1
- package/dist/esm/{global-615575d3.js → global-2695505f.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{number-helper-c965b1ed.js → number-helper-7b757731.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +5 -5
- package/dist/esm/old-bcm-popover.entry.js +2 -2
- package/dist/esm/{package-48eb1343.js → package-ce69d2dd.js} +1 -1
- package/dist/esm/{popover-placement-1b15cc99.js → popover-placement-2bf3a181.js} +1 -1
- package/dist/esm/{slot-template-0d958dcc.js → slot-template-d3ae9f27.js} +1 -1
- package/dist/esm/{string-helper-b4602002.js → string-helper-69203215.js} +2 -4
- package/dist/esm/{validators-f1925841.js → validators-b86fcca9.js} +1 -1
- package/package.json +1 -1
- package/dist/bromcom-ui/p-3238bf36.js +0 -5
- package/dist/bromcom-ui/p-5ed2f9cb.entry.js +0 -5
- package/dist/bromcom-ui/p-9156f5bb.entry.js +0 -5
|
@@ -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-b1db33f0.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-da2c9c0c.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-
|
|
12
|
-
const stringHelper = require('./string-helper-
|
|
11
|
+
const generate = require('./generate-b1db33f0.js');
|
|
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-da2c9c0c.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-9d9c7130.js');
|
|
11
|
+
require('./package-da2c9c0c.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-9d9c7130.js');
|
|
11
|
+
require('./package-da2c9c0c.js');
|
|
12
12
|
require('./watermark-2c23c8f1.js');
|
|
13
13
|
|
|
14
14
|
/*
|
|
@@ -8,16 +8,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
10
|
require('./element-dragger-a8562f82.js');
|
|
11
|
-
const popoverPlacement = require('./popover-placement-
|
|
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-
|
|
16
|
-
const stringHelper = require('./string-helper-
|
|
14
|
+
const generate = require('./generate-b1db33f0.js');
|
|
15
|
+
const numberHelper = require('./number-helper-9ddf991a.js');
|
|
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-da2c9c0c.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-b1db33f0.js');
|
|
13
13
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
14
|
-
require('./package-
|
|
14
|
+
require('./package-da2c9c0c.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}";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
'use strict';
|
|
6
6
|
|
|
7
7
|
const index = require('./index-c591ecec.js');
|
|
8
|
-
const stringHelper = require('./string-helper-
|
|
8
|
+
const stringHelper = require('./string-helper-9cdfb273.js');
|
|
9
9
|
|
|
10
10
|
const SlotTemplate = ({ value, className, name }) => {
|
|
11
11
|
return stringHelper.StringHelper.isNullOrEmpty(value) ? index.h("span", { class: className },
|
|
@@ -108,12 +108,10 @@ StringHelper.slugify = (str) => slugify(str, {
|
|
|
108
108
|
});
|
|
109
109
|
StringHelper.highlight = (str, search) => {
|
|
110
110
|
let text = str;
|
|
111
|
-
|
|
112
|
-
text = text.replace(/(<mark>|<\/mark>)/gim, '');
|
|
111
|
+
text = text.replace(/(<mark>|<\/mark>)/gim, '');
|
|
113
112
|
const escapedSearch = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'); // Özel karakterleri kaçış dizileri ile kaçır
|
|
114
113
|
const regex = new RegExp(escapedSearch, 'gi');
|
|
115
|
-
|
|
116
|
-
const newText = text.replace(regex, '<mark>$&</mark>');
|
|
114
|
+
const newText = text.replace(regex, '<mark>$&</mark>');
|
|
117
115
|
return newText;
|
|
118
116
|
};
|
|
119
117
|
StringHelper.templateParser = (str, data) => str.replace(/\{{(\w+)\}}/g, (_, key) => data[key] || '');
|
|
@@ -169,8 +169,8 @@
|
|
|
169
169
|
justify-content: center;
|
|
170
170
|
align-items: center;
|
|
171
171
|
border-radius: 50%;
|
|
172
|
-
background-color: var(--bcm-new-ds-color-blue-
|
|
173
|
-
color: var(--bcm-new-ds-color-
|
|
172
|
+
background-color: var(--bcm-new-ds-color-blue-700);
|
|
173
|
+
color: var(--bcm-new-ds-color-gray-800);
|
|
174
174
|
line-height: 1;
|
|
175
175
|
margin-bottom: 16px;
|
|
176
176
|
user-select: none;
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
width: 40px;
|
|
180
180
|
height: 40px;
|
|
181
181
|
border-radius: 50%;
|
|
182
|
-
border: 2px solid var(--bcm-new-ds-color-blue-
|
|
182
|
+
border: 2px solid var(--bcm-new-ds-color-blue-700);
|
|
183
183
|
border-color: transparent;
|
|
184
184
|
position: absolute;
|
|
185
185
|
z-index: 0;
|
|
@@ -188,29 +188,29 @@
|
|
|
188
188
|
left: -6px;
|
|
189
189
|
}
|
|
190
190
|
.bcm-stepper__header-item-title {
|
|
191
|
-
color: var(--bcm-new-ds-color-
|
|
191
|
+
color: var(--bcm-new-ds-color-gray-800);
|
|
192
192
|
}
|
|
193
193
|
.bcm-stepper__header-item-description {
|
|
194
|
-
color: var(--bcm-new-ds-color-
|
|
194
|
+
color: var(--bcm-new-ds-color-gray-700);
|
|
195
195
|
}
|
|
196
196
|
.bcm-stepper__header-item--disabled .bcm-stepper__header-item-title {
|
|
197
|
-
color: var(--bcm-new-ds-color-
|
|
197
|
+
color: var(--bcm-new-ds-color-gray-500);
|
|
198
198
|
}
|
|
199
199
|
.bcm-stepper__header-item--disabled .bcm-stepper__header-item-description {
|
|
200
|
-
color: var(--bcm-new-ds-color-
|
|
200
|
+
color: var(--bcm-new-ds-color-gray-500);
|
|
201
201
|
}
|
|
202
202
|
.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover {
|
|
203
203
|
cursor: pointer;
|
|
204
204
|
}
|
|
205
205
|
.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon {
|
|
206
|
-
background-color: var(--bcm-color-
|
|
206
|
+
background-color: var(--bcm-new-ds-color-blue-700);
|
|
207
207
|
}
|
|
208
208
|
.bcm-stepper__header-item::before, .bcm-stepper__header-item::after {
|
|
209
209
|
content: "";
|
|
210
210
|
position: absolute;
|
|
211
211
|
width: calc(50% - 24px);
|
|
212
212
|
height: 2px;
|
|
213
|
-
background-color: var(--bcm-new-ds-color-blue-
|
|
213
|
+
background-color: var(--bcm-new-ds-color-blue-700);
|
|
214
214
|
top: 16px;
|
|
215
215
|
box-sizing: content-box;
|
|
216
216
|
}
|
|
@@ -230,7 +230,7 @@
|
|
|
230
230
|
}
|
|
231
231
|
.bcm-stepper__header-item--active .bcm-stepper__header-item-icon::before {
|
|
232
232
|
content: "";
|
|
233
|
-
border: 2px solid var(--bcm-new-ds-color-blue-
|
|
233
|
+
border: 2px solid var(--bcm-new-ds-color-blue-700);
|
|
234
234
|
}
|
|
235
235
|
.bcm-stepper__header-item--active .bcm-stepper__header-item-title {
|
|
236
236
|
font-weight: 500;
|
|
@@ -239,23 +239,23 @@
|
|
|
239
239
|
width: 100%;
|
|
240
240
|
flex: 1;
|
|
241
241
|
height: 2px;
|
|
242
|
-
background-color: var(--bcm-new-ds-color-blue-
|
|
242
|
+
background-color: var(--bcm-new-ds-color-blue-700);
|
|
243
243
|
margin-top: 16px;
|
|
244
244
|
}
|
|
245
245
|
.bcm-stepper__header-line--warning {
|
|
246
|
-
background-color: var(--bcm-new-ds-color-amber-
|
|
246
|
+
background-color: var(--bcm-new-ds-color-amber-700);
|
|
247
247
|
}
|
|
248
248
|
.bcm-stepper__header-line--warning + .bcm-stepper__header-item::before {
|
|
249
|
-
background-color: var(--bcm-new-ds-color-amber-
|
|
249
|
+
background-color: var(--bcm-new-ds-color-amber-700);
|
|
250
250
|
}
|
|
251
251
|
.bcm-stepper__header-item--warning::after {
|
|
252
|
-
background-color: var(--bcm-new-ds-color-amber-
|
|
252
|
+
background-color: var(--bcm-new-ds-color-amber-700);
|
|
253
253
|
}
|
|
254
254
|
.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon {
|
|
255
|
-
background-color: var(--bcm-new-ds-color-amber-
|
|
255
|
+
background-color: var(--bcm-new-ds-color-amber-700);
|
|
256
256
|
}
|
|
257
257
|
.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before {
|
|
258
|
-
border-color: var(--bcm-new-ds-color-amber-
|
|
258
|
+
border-color: var(--bcm-new-ds-color-amber-700);
|
|
259
259
|
}
|
|
260
260
|
.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon {
|
|
261
261
|
color: white;
|
|
@@ -264,22 +264,22 @@
|
|
|
264
264
|
cursor: pointer;
|
|
265
265
|
}
|
|
266
266
|
.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon {
|
|
267
|
-
background-color: var(--bcm-new-ds-color-amber-
|
|
267
|
+
background-color: var(--bcm-new-ds-color-amber-800);
|
|
268
268
|
}
|
|
269
269
|
.bcm-stepper__header-line--success {
|
|
270
|
-
background-color: var(--bcm-new-ds-color-emerald-
|
|
270
|
+
background-color: var(--bcm-new-ds-color-emerald-700);
|
|
271
271
|
}
|
|
272
272
|
.bcm-stepper__header-line--success + .bcm-stepper__header-item::before {
|
|
273
|
-
background-color: var(--bcm-new-ds-color-emerald-
|
|
273
|
+
background-color: var(--bcm-new-ds-color-emerald-700);
|
|
274
274
|
}
|
|
275
275
|
.bcm-stepper__header-item--success::after {
|
|
276
|
-
background-color: var(--bcm-new-ds-color-emerald-
|
|
276
|
+
background-color: var(--bcm-new-ds-color-emerald-700);
|
|
277
277
|
}
|
|
278
278
|
.bcm-stepper__header-item--success .bcm-stepper__header-item-icon {
|
|
279
|
-
background-color: var(--bcm-new-ds-color-emerald-
|
|
279
|
+
background-color: var(--bcm-new-ds-color-emerald-700);
|
|
280
280
|
}
|
|
281
281
|
.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before {
|
|
282
|
-
border-color: var(--bcm-new-ds-color-emerald-
|
|
282
|
+
border-color: var(--bcm-new-ds-color-emerald-700);
|
|
283
283
|
}
|
|
284
284
|
.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon {
|
|
285
285
|
color: white;
|
|
@@ -288,22 +288,22 @@
|
|
|
288
288
|
cursor: pointer;
|
|
289
289
|
}
|
|
290
290
|
.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon {
|
|
291
|
-
background-color: var(--bcm-new-ds-color-emerald-
|
|
291
|
+
background-color: var(--bcm-new-ds-color-emerald-800);
|
|
292
292
|
}
|
|
293
293
|
.bcm-stepper__header-line--error {
|
|
294
|
-
background-color: var(--bcm-new-ds-color-
|
|
294
|
+
background-color: var(--bcm-new-ds-color-gray-300);
|
|
295
295
|
}
|
|
296
296
|
.bcm-stepper__header-line--error + .bcm-stepper__header-item::before {
|
|
297
|
-
background-color: var(--bcm-new-ds-color-
|
|
297
|
+
background-color: var(--bcm-new-ds-color-gray-300);
|
|
298
298
|
}
|
|
299
299
|
.bcm-stepper__header-item--error::after {
|
|
300
|
-
background-color: var(--bcm-new-ds-color-
|
|
300
|
+
background-color: var(--bcm-new-ds-color-gray-300);
|
|
301
301
|
}
|
|
302
302
|
.bcm-stepper__header-item--error .bcm-stepper__header-item-icon {
|
|
303
|
-
background-color: var(--bcm-new-ds-color-red-
|
|
303
|
+
background-color: var(--bcm-new-ds-color-red-700);
|
|
304
304
|
}
|
|
305
305
|
.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before {
|
|
306
|
-
border-color: var(--bcm-new-ds-color-red-
|
|
306
|
+
border-color: var(--bcm-new-ds-color-red-700);
|
|
307
307
|
}
|
|
308
308
|
.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon {
|
|
309
309
|
color: white;
|
|
@@ -312,22 +312,22 @@
|
|
|
312
312
|
cursor: pointer;
|
|
313
313
|
}
|
|
314
314
|
.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon {
|
|
315
|
-
background-color: var(--bcm-new-ds-color-red-
|
|
315
|
+
background-color: var(--bcm-new-ds-color-red-800);
|
|
316
316
|
}
|
|
317
317
|
.bcm-stepper__header-line--default {
|
|
318
|
-
background-color: var(--bcm-new-ds-color-
|
|
318
|
+
background-color: var(--bcm-new-ds-color-gray-300);
|
|
319
319
|
}
|
|
320
320
|
.bcm-stepper__header-line--default + .bcm-stepper__header-item::before {
|
|
321
|
-
background-color: var(--bcm-new-ds-color-
|
|
321
|
+
background-color: var(--bcm-new-ds-color-gray-300);
|
|
322
322
|
}
|
|
323
323
|
.bcm-stepper__header-item--default::after {
|
|
324
|
-
background-color: var(--bcm-new-ds-color-
|
|
324
|
+
background-color: var(--bcm-new-ds-color-gray-300);
|
|
325
325
|
}
|
|
326
326
|
.bcm-stepper__header-item--default .bcm-stepper__header-item-icon {
|
|
327
|
-
background-color: var(--bcm-new-ds-color-blue-
|
|
327
|
+
background-color: var(--bcm-new-ds-color-blue-700);
|
|
328
328
|
}
|
|
329
329
|
.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before {
|
|
330
|
-
border-color: var(--bcm-new-ds-color-blue-
|
|
330
|
+
border-color: var(--bcm-new-ds-color-blue-700);
|
|
331
331
|
}
|
|
332
332
|
.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon {
|
|
333
333
|
color: white;
|
|
@@ -336,22 +336,22 @@
|
|
|
336
336
|
cursor: pointer;
|
|
337
337
|
}
|
|
338
338
|
.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon {
|
|
339
|
-
background-color: var(--bcm-new-ds-color-blue-
|
|
339
|
+
background-color: var(--bcm-new-ds-color-blue-800);
|
|
340
340
|
}
|
|
341
341
|
.bcm-stepper__header-line--loading {
|
|
342
|
-
background-color: var(--bcm-new-ds-color-blue-
|
|
342
|
+
background-color: var(--bcm-new-ds-color-blue-700);
|
|
343
343
|
}
|
|
344
344
|
.bcm-stepper__header-line--loading + .bcm-stepper__header-item::before {
|
|
345
|
-
background-color: var(--bcm-new-ds-color-blue-
|
|
345
|
+
background-color: var(--bcm-new-ds-color-blue-700);
|
|
346
346
|
}
|
|
347
347
|
.bcm-stepper__header-item--loading::after {
|
|
348
|
-
background-color: var(--bcm-new-ds-color-blue-
|
|
348
|
+
background-color: var(--bcm-new-ds-color-blue-700);
|
|
349
349
|
}
|
|
350
350
|
.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon {
|
|
351
|
-
background-color: var(--bcm-new-ds-color-blue-
|
|
351
|
+
background-color: var(--bcm-new-ds-color-blue-700);
|
|
352
352
|
}
|
|
353
353
|
.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before {
|
|
354
|
-
border-color: var(--bcm-new-ds-color-blue-
|
|
354
|
+
border-color: var(--bcm-new-ds-color-blue-700);
|
|
355
355
|
}
|
|
356
356
|
.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon {
|
|
357
357
|
color: white;
|
|
@@ -360,22 +360,22 @@
|
|
|
360
360
|
cursor: pointer;
|
|
361
361
|
}
|
|
362
362
|
.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon {
|
|
363
|
-
background-color: var(--bcm-new-ds-color-blue-
|
|
363
|
+
background-color: var(--bcm-new-ds-color-blue-800);
|
|
364
364
|
}
|
|
365
365
|
.bcm-stepper__header-line--disabled {
|
|
366
|
-
background-color: var(--bcm-new-ds-color-
|
|
366
|
+
background-color: var(--bcm-new-ds-color-gray-300);
|
|
367
367
|
}
|
|
368
368
|
.bcm-stepper__header-line--disabled + .bcm-stepper__header-item::before {
|
|
369
|
-
background-color: var(--bcm-new-ds-color-
|
|
369
|
+
background-color: var(--bcm-new-ds-color-gray-300);
|
|
370
370
|
}
|
|
371
371
|
.bcm-stepper__header-item--disabled::after {
|
|
372
|
-
background-color: var(--bcm-new-ds-color-
|
|
372
|
+
background-color: var(--bcm-new-ds-color-gray-300);
|
|
373
373
|
}
|
|
374
374
|
.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon {
|
|
375
|
-
background-color: var(--bcm-new-ds-color-
|
|
375
|
+
background-color: var(--bcm-new-ds-color-gray-300);
|
|
376
376
|
}
|
|
377
377
|
.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before {
|
|
378
|
-
border-color: var(--bcm-new-ds-color-
|
|
378
|
+
border-color: var(--bcm-new-ds-color-gray-300);
|
|
379
379
|
}
|
|
380
380
|
.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon {
|
|
381
381
|
color: white;
|
|
@@ -384,7 +384,7 @@
|
|
|
384
384
|
cursor: pointer;
|
|
385
385
|
}
|
|
386
386
|
.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon {
|
|
387
|
-
background-color: var(--bcm-new-ds-color-
|
|
387
|
+
background-color: var(--bcm-new-ds-color-gray-400);
|
|
388
388
|
}
|
|
389
389
|
.bcm-stepper__header-item--disabled {
|
|
390
390
|
cursor: not-allowed;
|
|
@@ -41,12 +41,10 @@ StringHelper.slugify = (str) => slugify(str, {
|
|
|
41
41
|
});
|
|
42
42
|
StringHelper.highlight = (str, search) => {
|
|
43
43
|
let text = str;
|
|
44
|
-
|
|
45
|
-
text = text.replace(/(<mark>|<\/mark>)/gim, '');
|
|
44
|
+
text = text.replace(/(<mark>|<\/mark>)/gim, '');
|
|
46
45
|
const escapedSearch = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'); // Özel karakterleri kaçış dizileri ile kaçır
|
|
47
46
|
const regex = new RegExp(escapedSearch, 'gi');
|
|
48
|
-
|
|
49
|
-
const newText = text.replace(regex, '<mark>$&</mark>');
|
|
47
|
+
const newText = text.replace(regex, '<mark>$&</mark>');
|
|
50
48
|
return newText;
|
|
51
49
|
};
|
|
52
50
|
StringHelper.templateParser = (str, data) => str.replace(/\{{(\w+)\}}/g, (_, key) => data[key] || '');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { h } from '@stencil/core';
|
|
6
6
|
import cs from 'classnames';
|
|
7
7
|
import { CheckboxTemplate } from './checkbox-template';
|
|
8
|
-
import {
|
|
8
|
+
import { StringHelper } from '@bcm/helpers';
|
|
9
9
|
export const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selectedItem, openGroup, checkedItem, focusItem, searchIsOnlyChilds }) => {
|
|
10
10
|
const isHaveChildren = item.items && item.items.length > 0;
|
|
11
11
|
var text = StringHelper.htmlEntities(item.text);
|
|
@@ -24,7 +24,6 @@ export const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size,
|
|
|
24
24
|
intersection = match.filter(x => keys.includes(x));
|
|
25
25
|
}
|
|
26
26
|
text = item.isHtmlContent ? item.isHtmlContent : item.template && intersection.length > 0 ? StringHelper.templateParser(item.template, Object.assign(Object.assign({}, item.itemObject), { text })) : text;
|
|
27
|
-
const domText = item.template ? text : Generate.domParser(text);
|
|
28
27
|
const unClickable = !treeview && item.type == "group" && !item.clickable;
|
|
29
28
|
const disabled = item.disabled;
|
|
30
29
|
const readonly = item.readonly;
|
|
@@ -50,6 +49,6 @@ export const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size,
|
|
|
50
49
|
'bcm-list__item-' + size, {
|
|
51
50
|
'bcm-list__item--group': !treeview && item.type == 'group',
|
|
52
51
|
'bcm-list__item--readonly': readonly,
|
|
53
|
-
}) }, h("div", { class: cs('bcm-list__item-content', !checkboxes && item.selected && 'selected', { disabled, readonly }) }, treeview && (h("div", { class: "bcm-list__item-content-collapse-icon", onClick: () => collapseClick() }, isHaveChildren && h("bcm-icon", { icon: cs('fas fa-caret-' + (item.isSearching || item.open ? 'down' : 'right')) }))), h("div", { class: cs('bcm-list__item-content-text', { treeview }), onClick: (e) => itemClick(e) }, checkboxes && (treeview || (!treeview && item.type != 'group')) && (h("div", { class: "bcm-list__item-content-text-checkbox" }, h(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked, disabled: item.disabled }))), h("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML:
|
|
52
|
+
}) }, h("div", { class: cs('bcm-list__item-content', !checkboxes && item.selected && 'selected', { disabled, readonly }) }, treeview && (h("div", { class: "bcm-list__item-content-collapse-icon", onClick: () => collapseClick() }, isHaveChildren && h("bcm-icon", { icon: cs('fas fa-caret-' + (item.isSearching || item.open ? 'down' : 'right')) }))), h("div", { class: cs('bcm-list__item-content-text', { treeview }), onClick: (e) => itemClick(e) }, checkboxes && (treeview || (!treeview && item.type != 'group')) && (h("div", { class: "bcm-list__item-content-text-checkbox" }, h(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked, disabled: item.disabled }))), h("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: text })))), (treeview || !treeview && item.type == "group") && isHaveChildren && (h("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open || (!treeview && item.type == "group")) &&
|
|
54
53
|
item.items.map((item) => (h(ListItemTemplate, { highlight: highlight, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, size: size, selectedItem: selectedItem, checkedItem: checkedItem, openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) })))))));
|
|
55
54
|
};
|
|
@@ -37,7 +37,7 @@ const StepperHeaderTemplate = ({ _title, description, status, valid, index, load
|
|
|
37
37
|
h("div", { class: "bcm-stepper__header-item-description size-1 tw-text-center", innerHTML: description }))));
|
|
38
38
|
};
|
|
39
39
|
|
|
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-
|
|
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-700);color:var(--bcm-new-ds-color-gray-800);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-700);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-gray-800)}.bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-gray-700)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-gray-500)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-gray-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-new-ds-color-blue-700)}.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-700);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-700)}.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-700);margin-top:16px}.bcm-stepper__header-line--warning{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-line--warning+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-item--warning::after{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-amber-700)}.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-800)}.bcm-stepper__header-line--success{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-line--success+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-item--success::after{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-emerald-700)}.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-800)}.bcm-stepper__header-line--error{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-line--error+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--error::after{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-700)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-red-700)}.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-800)}.bcm-stepper__header-line--default{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-line--default+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--default::after{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-700)}.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-800)}.bcm-stepper__header-line--loading{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-line--loading+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--loading::after{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-700)}.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-800)}.bcm-stepper__header-line--disabled{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-line--disabled+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--disabled::after{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-gray-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-gray-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}";
|
|
41
41
|
|
|
42
42
|
const BcmStepper$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
43
43
|
constructor() {
|
package/dist/components/list.js
CHANGED
|
@@ -7,7 +7,7 @@ import { I as IsLoad } from './is-load-decorator.js';
|
|
|
7
7
|
import { J as JsonParse } from './json-parse-decarator.js';
|
|
8
8
|
import './color-helper.js';
|
|
9
9
|
import { V as Validators } from './validators.js';
|
|
10
|
-
import {
|
|
10
|
+
import { s as snq, G as Generate } from './generate.js';
|
|
11
11
|
import { N as NumberHelper } from './number-helper.js';
|
|
12
12
|
import { S as StringHelper } from './string-helper.js';
|
|
13
13
|
import './element-dragger.js';
|
|
@@ -79,7 +79,6 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
|
|
|
79
79
|
intersection = match.filter(x => keys.includes(x));
|
|
80
80
|
}
|
|
81
81
|
text = item.isHtmlContent ? item.isHtmlContent : item.template && intersection.length > 0 ? StringHelper.templateParser(item.template, Object.assign(Object.assign({}, item.itemObject), { text })) : text;
|
|
82
|
-
const domText = item.template ? text : Generate.domParser(text);
|
|
83
82
|
const unClickable = !treeview && item.type == "group" && !item.clickable;
|
|
84
83
|
const disabled = item.disabled;
|
|
85
84
|
const readonly = item.readonly;
|
|
@@ -111,7 +110,7 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
|
|
|
111
110
|
h("div", { class: classnames('bcm-list__item-content-text', { treeview }), onClick: (e) => itemClick(e) },
|
|
112
111
|
checkboxes && (treeview || (!treeview && item.type != 'group')) && (h("div", { class: "bcm-list__item-content-text-checkbox" },
|
|
113
112
|
h(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked, disabled: item.disabled }))),
|
|
114
|
-
h("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML:
|
|
113
|
+
h("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: text })))),
|
|
115
114
|
(treeview || !treeview && item.type == "group") && isHaveChildren && (h("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open || (!treeview && item.type == "group")) &&
|
|
116
115
|
item.items.map((item) => (h(ListItemTemplate, { highlight: highlight, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, size: size, selectedItem: selectedItem, checkedItem: checkedItem, openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) })))))));
|
|
117
116
|
};
|
|
@@ -106,12 +106,10 @@ StringHelper.slugify = (str) => slugify(str, {
|
|
|
106
106
|
});
|
|
107
107
|
StringHelper.highlight = (str, search) => {
|
|
108
108
|
let text = str;
|
|
109
|
-
|
|
110
|
-
text = text.replace(/(<mark>|<\/mark>)/gim, '');
|
|
109
|
+
text = text.replace(/(<mark>|<\/mark>)/gim, '');
|
|
111
110
|
const escapedSearch = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'); // Özel karakterleri kaçış dizileri ile kaçır
|
|
112
111
|
const regex = new RegExp(escapedSearch, 'gi');
|
|
113
|
-
|
|
114
|
-
const newText = text.replace(regex, '<mark>$&</mark>');
|
|
112
|
+
const newText = text.replace(regex, '<mark>$&</mark>');
|
|
115
113
|
return newText;
|
|
116
114
|
};
|
|
117
115
|
StringHelper.templateParser = (str, data) => str.replace(/\{{(\w+)\}}/g, (_, key) => data[key] || '');
|