bromcom-ui 2.9.0-rc.6 → 2.9.0-rc.8
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.css +1 -1
- package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
- package/dist/bromcom-ui/global/global.js +13 -5
- package/dist/bromcom-ui/p-019b44bb.entry.js +5 -0
- package/dist/bromcom-ui/p-01a50abe.entry.js +5 -0
- package/dist/bromcom-ui/p-065e0f32.entry.js +5 -0
- package/dist/bromcom-ui/p-0cb5a92d.entry.js +5 -0
- package/dist/bromcom-ui/p-0f52bab9.entry.js +5 -0
- package/dist/bromcom-ui/p-1be22601.entry.js +5 -0
- package/dist/bromcom-ui/p-235023cc.entry.js +5 -0
- package/dist/bromcom-ui/p-24f0e23a.entry.js +5 -0
- package/dist/bromcom-ui/p-2a7bdc8b.entry.js +5 -0
- package/dist/bromcom-ui/p-2acd6bee.entry.js +5 -0
- package/dist/bromcom-ui/p-2caa75a4.entry.js +5 -0
- package/dist/bromcom-ui/p-32028f4f.entry.js +5 -0
- package/dist/bromcom-ui/p-3a68eca1.js +5 -0
- package/dist/bromcom-ui/p-4484ed7d.entry.js +5 -0
- package/dist/bromcom-ui/p-45767d1d.entry.js +5 -0
- package/dist/bromcom-ui/p-499bb928.entry.js +5 -0
- package/dist/bromcom-ui/p-4fd78dbb.entry.js +5 -0
- package/dist/bromcom-ui/p-503feae9.entry.js +5 -0
- package/dist/bromcom-ui/p-5d89f348.entry.js +5 -0
- package/dist/bromcom-ui/p-61c4745d.entry.js +5 -0
- package/dist/bromcom-ui/p-65f01d32.entry.js +5 -0
- package/dist/bromcom-ui/p-6aeaef2a.entry.js +5 -0
- package/dist/bromcom-ui/p-6bcaf906.entry.js +5 -0
- package/dist/bromcom-ui/p-73ca7c0a.entry.js +5 -0
- package/dist/bromcom-ui/p-7f529bbe.entry.js +5 -0
- package/dist/bromcom-ui/{p-3215d598.js → p-8fcb5846.js} +1 -1
- package/dist/bromcom-ui/p-908b1b5d.js +5 -0
- package/dist/bromcom-ui/p-9fe802bc.entry.js +5 -0
- package/dist/bromcom-ui/{p-6a5ac874.entry.js → p-a19320bb.entry.js} +1 -1
- package/dist/bromcom-ui/p-a8033cda.entry.js +5 -0
- package/dist/bromcom-ui/p-a82f2b2a.entry.js +5 -0
- package/dist/bromcom-ui/p-a9692ed3.entry.js +5 -0
- package/dist/bromcom-ui/p-af0a447d.entry.js +5 -0
- package/dist/bromcom-ui/{p-2b13dd48.js → p-b4ac5904.js} +1 -1
- package/dist/bromcom-ui/p-bddbd954.entry.js +5 -0
- package/dist/bromcom-ui/p-c42dffea.entry.js +5 -0
- package/dist/bromcom-ui/p-c75519d5.js +5 -0
- package/dist/bromcom-ui/p-c799b397.entry.js +5 -0
- package/dist/bromcom-ui/p-d0bb9a84.entry.js +5 -0
- package/dist/bromcom-ui/p-d389b202.entry.js +5 -0
- package/dist/bromcom-ui/{p-dbdb10d5.js → p-d7f10f7f.js} +1 -1
- package/dist/bromcom-ui/p-e09fa0dc.entry.js +5 -0
- package/dist/bromcom-ui/p-e32d9cfc.js +5 -0
- package/dist/bromcom-ui/p-e5a0d8f6.entry.js +5 -0
- package/dist/bromcom-ui/p-e9842c26.js +5 -0
- package/dist/bromcom-ui/p-ec36d0c0.entry.js +5 -0
- package/dist/bromcom-ui/p-ec6b45ba.entry.js +5 -0
- package/dist/bromcom-ui/p-f58c1fbe.entry.js +5 -0
- package/dist/bromcom-ui/p-f5bed571.entry.js +5 -0
- package/dist/bromcom-ui/p-f645d9ae.entry.js +5 -0
- package/dist/bromcom-ui/p-fb4b5224.entry.js +5 -0
- package/dist/bromcom-ui/p-fdc3e5b8.entry.js +5 -0
- package/dist/bromcom-ui/p-ff48f5b2.entry.js +5 -0
- package/dist/cjs/bcm-accordion.cjs.entry.js +2 -1
- package/dist/cjs/bcm-alert.cjs.entry.js +2 -1
- package/dist/cjs/bcm-attendance.cjs.entry.js +2 -1
- package/dist/cjs/bcm-avatar.cjs.entry.js +4 -3
- package/dist/cjs/bcm-badge_15.cjs.entry.js +5 -4
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -1
- package/dist/cjs/bcm-button-group.cjs.entry.js +2 -1
- package/dist/cjs/bcm-card.cjs.entry.js +2 -1
- package/dist/cjs/bcm-checkbox-group.cjs.entry.js +2 -1
- package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +2 -1
- package/dist/cjs/bcm-checkbox.cjs.entry.js +2 -1
- package/dist/cjs/bcm-chip-group.cjs.entry.js +4 -3
- package/dist/cjs/bcm-chip.cjs.entry.js +2 -1
- package/dist/cjs/bcm-collapse.cjs.entry.js +2 -1
- package/dist/cjs/bcm-color-input.cjs.entry.js +4 -3
- package/dist/cjs/bcm-date-picker.cjs.entry.js +2 -1
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +17 -2
- package/dist/cjs/bcm-default.cjs.entry.js +2 -1
- package/dist/cjs/bcm-drawer.cjs.entry.js +4 -3
- package/dist/cjs/bcm-expansion-panel.cjs.entry.js +2 -1
- package/dist/cjs/bcm-form-2.cjs.entry.js +2 -1
- package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -1
- package/dist/cjs/bcm-input.cjs.entry.js +5 -4
- package/dist/cjs/bcm-label.cjs.entry.js +2 -1
- package/dist/cjs/bcm-list_3.cjs.entry.js +6 -5
- package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +4 -3
- package/dist/cjs/bcm-modal-2-header.cjs.entry.js +4 -3
- package/dist/cjs/bcm-modal-2.cjs.entry.js +4 -3
- package/dist/cjs/bcm-modal.cjs.entry.js +2 -1
- package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +2 -1
- package/dist/cjs/bcm-popconfirm.cjs.entry.js +2 -1
- package/dist/cjs/bcm-progress.cjs.entry.js +2 -1
- package/dist/cjs/bcm-radio-group.cjs.entry.js +4 -3
- package/dist/cjs/bcm-radio.cjs.entry.js +4 -3
- package/dist/cjs/bcm-range.cjs.entry.js +2 -1
- package/dist/cjs/bcm-skeleton.cjs.entry.js +2 -1
- package/dist/cjs/bcm-step.cjs.entry.js +3 -2
- package/dist/cjs/bcm-stepper.cjs.entry.js +5 -4
- package/dist/cjs/bcm-switch.cjs.entry.js +2 -1
- package/dist/cjs/bcm-tag.cjs.entry.js +3 -2
- package/dist/cjs/bcm-textarea.cjs.entry.js +3 -2
- package/dist/cjs/bcm-time-picker.cjs.entry.js +2 -1
- package/dist/cjs/bcm-toast.cjs.entry.js +2 -1
- package/dist/cjs/bromcom-ui.cjs.js +2 -1
- package/dist/cjs/{generate-d3f8c970.js → generate-cae9c0fb.js} +2 -3
- package/dist/cjs/global-3ce50f9f.js +22 -0
- package/dist/cjs/{input-template-22725c68.js → input-template-a7f8f2e9.js} +1 -1
- package/dist/cjs/{json-parse-decarator-22c236ad.js → json-parse-decarator-34a3d26e.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -1
- package/dist/cjs/{number-helper-66fe9479.js → number-helper-101d8aa8.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +3 -2
- package/dist/cjs/old-bcm-popover.cjs.entry.js +2 -1
- package/dist/cjs/package-ed8b3296.js +9 -0
- package/dist/cjs/{stepper-states-43daae37.js → stepper-states-308c8d3e.js} +1 -1
- package/dist/cjs/{validators-aa39e3ec.js → validators-26badb68.js} +1 -1
- package/dist/collection/components/organism/datetime-picker/datetime-picker.js +15 -1
- package/dist/collection/global/global.js +13 -5
- package/dist/components/datetime-picker.js +15 -1
- package/dist/components/generate.js +3 -3
- package/dist/components/index.js +8 -2
- package/dist/esm/bcm-accordion.entry.js +2 -1
- package/dist/esm/bcm-alert.entry.js +2 -1
- package/dist/esm/bcm-attendance.entry.js +2 -1
- package/dist/esm/bcm-avatar.entry.js +4 -3
- package/dist/esm/bcm-badge_15.entry.js +5 -4
- package/dist/esm/bcm-breadcrumb.entry.js +2 -1
- package/dist/esm/bcm-button-group.entry.js +2 -1
- package/dist/esm/bcm-card.entry.js +2 -1
- package/dist/esm/bcm-checkbox-group.entry.js +2 -1
- package/dist/esm/bcm-checkbox-lite_9.entry.js +2 -1
- package/dist/esm/bcm-checkbox.entry.js +2 -1
- package/dist/esm/bcm-chip-group.entry.js +4 -3
- package/dist/esm/bcm-chip.entry.js +2 -1
- package/dist/esm/bcm-collapse.entry.js +2 -1
- package/dist/esm/bcm-color-input.entry.js +4 -3
- package/dist/esm/bcm-date-picker.entry.js +2 -1
- package/dist/esm/bcm-datetime-picker.entry.js +17 -2
- package/dist/esm/bcm-default.entry.js +2 -1
- package/dist/esm/bcm-drawer.entry.js +4 -3
- package/dist/esm/bcm-expansion-panel.entry.js +2 -1
- package/dist/esm/bcm-form-2.entry.js +2 -1
- package/dist/esm/bcm-input-custom.entry.js +2 -1
- package/dist/esm/bcm-input.entry.js +5 -4
- package/dist/esm/bcm-label.entry.js +2 -1
- package/dist/esm/bcm-list_3.entry.js +6 -5
- package/dist/esm/bcm-modal-2-footer.entry.js +4 -3
- package/dist/esm/bcm-modal-2-header.entry.js +4 -3
- package/dist/esm/bcm-modal-2.entry.js +4 -3
- package/dist/esm/bcm-modal.entry.js +2 -1
- package/dist/esm/bcm-popconfirm-box.entry.js +2 -1
- package/dist/esm/bcm-popconfirm.entry.js +2 -1
- package/dist/esm/bcm-progress.entry.js +2 -1
- package/dist/esm/bcm-radio-group.entry.js +4 -3
- package/dist/esm/bcm-radio.entry.js +4 -3
- package/dist/esm/bcm-range.entry.js +2 -1
- package/dist/esm/bcm-skeleton.entry.js +2 -1
- package/dist/esm/bcm-step.entry.js +3 -2
- package/dist/esm/bcm-stepper.entry.js +5 -4
- package/dist/esm/bcm-switch.entry.js +2 -1
- package/dist/esm/bcm-tag.entry.js +3 -2
- package/dist/esm/bcm-textarea.entry.js +3 -2
- package/dist/esm/bcm-time-picker.entry.js +2 -1
- package/dist/esm/bcm-toast.entry.js +2 -1
- package/dist/esm/bromcom-ui.js +2 -1
- package/dist/esm/{generate-786bd626.js → generate-e008f24f.js} +1 -2
- package/dist/esm/global-9c04f017.js +20 -0
- package/dist/esm/{input-template-88fba8d7.js → input-template-0bdd4dda.js} +1 -1
- package/dist/esm/{json-parse-decarator-e85e0fea.js → json-parse-decarator-40fc5701.js} +1 -1
- package/dist/esm/loader.js +2 -1
- package/dist/esm/{number-helper-d9b73e76.js → number-helper-ddce4326.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +3 -2
- package/dist/esm/old-bcm-popover.entry.js +2 -1
- package/dist/esm/package-00ece356.js +7 -0
- package/dist/esm/{stepper-states-026cdd66.js → stepper-states-56644bc7.js} +1 -1
- package/dist/esm/{validators-0b019b63.js → validators-77fbe47e.js} +1 -1
- package/dist/types/components/organism/datetime-picker/datetime-picker.d.ts +1 -0
- package/package.json +2 -2
- package/dist/bromcom-ui/p-0641597e.entry.js +0 -5
- package/dist/bromcom-ui/p-16dd7db9.entry.js +0 -5
- package/dist/bromcom-ui/p-17264523.js +0 -5
- package/dist/bromcom-ui/p-17af6738.js +0 -5
- package/dist/bromcom-ui/p-184b7d3b.js +0 -5
- package/dist/bromcom-ui/p-1fbd8af5.entry.js +0 -5
- package/dist/bromcom-ui/p-24b8154c.entry.js +0 -5
- package/dist/bromcom-ui/p-24d8e9d6.entry.js +0 -5
- package/dist/bromcom-ui/p-2afdec61.entry.js +0 -5
- package/dist/bromcom-ui/p-2b88c7bb.entry.js +0 -5
- package/dist/bromcom-ui/p-31eabaf3.entry.js +0 -5
- package/dist/bromcom-ui/p-3baf677c.entry.js +0 -5
- package/dist/bromcom-ui/p-459212eb.entry.js +0 -5
- package/dist/bromcom-ui/p-57f8802e.entry.js +0 -5
- package/dist/bromcom-ui/p-5c468c5b.entry.js +0 -5
- package/dist/bromcom-ui/p-6272ecb4.entry.js +0 -5
- package/dist/bromcom-ui/p-6b861832.entry.js +0 -5
- package/dist/bromcom-ui/p-772a214f.js +0 -5
- package/dist/bromcom-ui/p-7a394115.entry.js +0 -5
- package/dist/bromcom-ui/p-81b2dffb.entry.js +0 -5
- package/dist/bromcom-ui/p-891de348.entry.js +0 -5
- package/dist/bromcom-ui/p-8d7bbe30.entry.js +0 -5
- package/dist/bromcom-ui/p-8de9d6b6.entry.js +0 -5
- package/dist/bromcom-ui/p-8fc8b4ff.entry.js +0 -5
- package/dist/bromcom-ui/p-9099a1bf.entry.js +0 -5
- package/dist/bromcom-ui/p-9773e744.entry.js +0 -5
- package/dist/bromcom-ui/p-a512ca45.entry.js +0 -5
- package/dist/bromcom-ui/p-b10265d7.entry.js +0 -5
- package/dist/bromcom-ui/p-b26ded9b.entry.js +0 -5
- package/dist/bromcom-ui/p-b45b54b5.entry.js +0 -5
- package/dist/bromcom-ui/p-b47e4417.entry.js +0 -5
- package/dist/bromcom-ui/p-c2cbb810.entry.js +0 -5
- package/dist/bromcom-ui/p-c387f0fb.entry.js +0 -5
- package/dist/bromcom-ui/p-c3a91954.entry.js +0 -5
- package/dist/bromcom-ui/p-ca6cd989.entry.js +0 -5
- package/dist/bromcom-ui/p-ccaabc2e.entry.js +0 -5
- package/dist/bromcom-ui/p-d37502f9.entry.js +0 -5
- package/dist/bromcom-ui/p-dd43bcd9.entry.js +0 -5
- package/dist/bromcom-ui/p-de850d57.entry.js +0 -5
- package/dist/bromcom-ui/p-e0c60c5d.entry.js +0 -5
- package/dist/bromcom-ui/p-e520d2a2.entry.js +0 -5
- package/dist/bromcom-ui/p-e86e4968.entry.js +0 -5
- package/dist/bromcom-ui/p-eaad2239.entry.js +0 -5
- package/dist/bromcom-ui/p-ee4b8753.entry.js +0 -5
- package/dist/bromcom-ui/p-ee50f5e2.entry.js +0 -5
- package/dist/bromcom-ui/p-ee5da693.entry.js +0 -5
- package/dist/bromcom-ui/p-f0fa1c29.entry.js +0 -5
- package/dist/bromcom-ui/p-fe37e88f.entry.js +0 -5
- package/dist/cjs/global-b0d21446.js +0 -15
- package/dist/esm/global-4fad925b.js +0 -13
|
@@ -3,13 +3,14 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { h, r as registerInstance, c as createEvent, g as getElement } from './index-348b16ad.js';
|
|
6
|
-
import { G as Generate } from './generate-
|
|
6
|
+
import { G as Generate } from './generate-e008f24f.js';
|
|
7
7
|
import { a as Bcm } from './bcm-9f50af9c.js';
|
|
8
8
|
import { c as classnames } from './index-ed9652af.js';
|
|
9
|
-
import { N as NumberHelper } from './number-helper-
|
|
9
|
+
import { N as NumberHelper } from './number-helper-ddce4326.js';
|
|
10
10
|
import { e as extractColor } from './utils-b3338faf.js';
|
|
11
11
|
import { C as ColorPalette } from './colors-1d7854ea.js';
|
|
12
12
|
import { C as ColorProps } from './types-9493a7ed.js';
|
|
13
|
+
import './package-00ece356.js';
|
|
13
14
|
import './colors-44c95e7e.js';
|
|
14
15
|
import './_commonjsHelpers-3016b722.js';
|
|
15
16
|
|
|
@@ -5,12 +5,13 @@
|
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
|
|
6
6
|
import { c as classnames } from './index-ed9652af.js';
|
|
7
7
|
import { I as IsLoad } from './is-load-decorator-07d3502a.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
8
|
+
import { G as Generate } from './generate-e008f24f.js';
|
|
9
9
|
import { a as Bcm } from './bcm-9f50af9c.js';
|
|
10
10
|
import { C as CaptionTemplate } from './caption-template-34a1cb44.js';
|
|
11
|
-
import { I as InputTemplate } from './input-template-
|
|
11
|
+
import { I as InputTemplate } from './input-template-0bdd4dda.js';
|
|
12
12
|
import { d as delay } from './utils-b3338faf.js';
|
|
13
13
|
import './_commonjsHelpers-3016b722.js';
|
|
14
|
+
import './package-00ece356.js';
|
|
14
15
|
import './colors-44c95e7e.js';
|
|
15
16
|
import './types-6f06fa1a.js';
|
|
16
17
|
|
|
@@ -5,10 +5,11 @@
|
|
|
5
5
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-348b16ad.js';
|
|
6
6
|
import { c as classnames } from './index-ed9652af.js';
|
|
7
7
|
import { I as IsLoad } from './is-load-decorator-07d3502a.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
8
|
+
import { G as Generate } from './generate-e008f24f.js';
|
|
9
9
|
import { a as Bcm } from './bcm-9f50af9c.js';
|
|
10
10
|
import { d as delay } from './utils-b3338faf.js';
|
|
11
11
|
import './_commonjsHelpers-3016b722.js';
|
|
12
|
+
import './package-00ece356.js';
|
|
12
13
|
import './colors-44c95e7e.js';
|
|
13
14
|
|
|
14
15
|
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-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}";
|
|
@@ -4,11 +4,12 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
|
|
6
6
|
import { c as classnames } from './index-ed9652af.js';
|
|
7
|
-
import { G as Generate } from './generate-
|
|
7
|
+
import { G as Generate } from './generate-e008f24f.js';
|
|
8
8
|
import { S as StringHelper } from './string-helper-6bd24967.js';
|
|
9
9
|
import { a as Bcm } from './bcm-9f50af9c.js';
|
|
10
10
|
import { d as delay } from './utils-b3338faf.js';
|
|
11
11
|
import './_commonjsHelpers-3016b722.js';
|
|
12
|
+
import './package-00ece356.js';
|
|
12
13
|
import './colors-44c95e7e.js';
|
|
13
14
|
|
|
14
15
|
const BcmToast = class {
|
package/dist/esm/bromcom-ui.js
CHANGED
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { p as promiseResolve, b as bootstrapLazy } from './index-348b16ad.js';
|
|
6
6
|
export { s as setNonce } from './index-348b16ad.js';
|
|
7
|
-
import './global-
|
|
7
|
+
import './global-9c04f017.js';
|
|
8
|
+
import './package-00ece356.js';
|
|
8
9
|
|
|
9
10
|
/*
|
|
10
11
|
Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
+
import { v as version } from './package-00ece356.js';
|
|
5
6
|
import { c as colors } from './colors-44c95e7e.js';
|
|
6
7
|
|
|
7
8
|
/**
|
|
@@ -24,8 +25,6 @@ var TypeProps;
|
|
|
24
25
|
TypeProps["basic"] = "basic";
|
|
25
26
|
})(TypeProps || (TypeProps = {}));
|
|
26
27
|
|
|
27
|
-
const version = "2.9.0-rc.6";
|
|
28
|
-
|
|
29
28
|
function snq(callback, defaultValue) {
|
|
30
29
|
try {
|
|
31
30
|
var result = callback();
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Stencil
|
|
3
|
+
* Copyright (c) Bromcom.
|
|
4
|
+
*/
|
|
5
|
+
import { v as version } from './package-00ece356.js';
|
|
6
|
+
|
|
7
|
+
window.bcm = (function () {
|
|
8
|
+
return {
|
|
9
|
+
version: version,
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
function addHeadScript(obj) {
|
|
13
|
+
const head = document.head;
|
|
14
|
+
const script = document.createElement("script");
|
|
15
|
+
Object.keys(obj).forEach(key => {
|
|
16
|
+
script[key] = obj[key];
|
|
17
|
+
});
|
|
18
|
+
head.appendChild(script);
|
|
19
|
+
}
|
|
20
|
+
addHeadScript({ src: "https://kit.fontawesome.com/5e86bea963.js", crossOrigin: "anonymous" });
|
|
@@ -6,7 +6,7 @@ import { h } from './index-348b16ad.js';
|
|
|
6
6
|
import { d as defaultIcons } from './types-6f06fa1a.js';
|
|
7
7
|
import { a as Bcm } from './bcm-9f50af9c.js';
|
|
8
8
|
import { c as classnames } from './index-ed9652af.js';
|
|
9
|
-
import { s as snq } from './generate-
|
|
9
|
+
import { s as snq } from './generate-e008f24f.js';
|
|
10
10
|
|
|
11
11
|
const InputTemplate = ({ elementType,
|
|
12
12
|
//textarea
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { g as getElement } from './index-348b16ad.js';
|
|
6
|
-
import { s as snq } from './generate-
|
|
6
|
+
import { s as snq } from './generate-e008f24f.js';
|
|
7
7
|
|
|
8
8
|
function JsonParse(attribute, isMethod = false) {
|
|
9
9
|
return (proto, propName) => {
|
package/dist/esm/loader.js
CHANGED
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { p as promiseResolve, b as bootstrapLazy } from './index-348b16ad.js';
|
|
6
6
|
export { s as setNonce } from './index-348b16ad.js';
|
|
7
|
-
import './global-
|
|
7
|
+
import './global-9c04f017.js';
|
|
8
|
+
import './package-00ece356.js';
|
|
8
9
|
|
|
9
10
|
/*
|
|
10
11
|
Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
|
|
@@ -7,12 +7,13 @@ import './element-dragger-7ea06c76.js';
|
|
|
7
7
|
import { g as getPlacement, s as setPosition } from './popover-placement-78f86f15.js';
|
|
8
8
|
import { F as FloatingUI } from './floating-ui-e7341329.js';
|
|
9
9
|
import { c as classnames } from './index-ed9652af.js';
|
|
10
|
-
import { G as Generate } from './generate-
|
|
11
|
-
import { N as NumberHelper } from './number-helper-
|
|
10
|
+
import { G as Generate } from './generate-e008f24f.js';
|
|
11
|
+
import { N as NumberHelper } from './number-helper-ddce4326.js';
|
|
12
12
|
import { S as StringHelper } from './string-helper-6bd24967.js';
|
|
13
13
|
import './utils-b3338faf.js';
|
|
14
14
|
import './bcm-9f50af9c.js';
|
|
15
15
|
import './_commonjsHelpers-3016b722.js';
|
|
16
|
+
import './package-00ece356.js';
|
|
16
17
|
import './colors-44c95e7e.js';
|
|
17
18
|
|
|
18
19
|
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}";
|
|
@@ -5,8 +5,9 @@
|
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-348b16ad.js';
|
|
6
6
|
import { c as classnames } from './index-ed9652af.js';
|
|
7
7
|
import { a as Bcm } from './bcm-9f50af9c.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
8
|
+
import { G as Generate } from './generate-e008f24f.js';
|
|
9
9
|
import './_commonjsHelpers-3016b722.js';
|
|
10
|
+
import './package-00ece356.js';
|
|
10
11
|
import './colors-44c95e7e.js';
|
|
11
12
|
|
|
12
13
|
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}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { c as createStore } from './index-0052017c.js';
|
|
6
|
-
import { G as Generate, s as snq } from './generate-
|
|
6
|
+
import { G as Generate, s as snq } from './generate-e008f24f.js';
|
|
7
7
|
import { f as forceUpdate } from './index-348b16ad.js';
|
|
8
8
|
|
|
9
9
|
const { state } = createStore({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bromcom-ui",
|
|
3
|
-
"version": "2.9.0-rc.
|
|
3
|
+
"version": "2.9.0-rc.8",
|
|
4
4
|
"description": "Bromcom UI is a collection of web components built with StencilJS",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"collection": "dist/collection/collection-manifest.json",
|
|
10
10
|
"collection:main": "dist/collection/index.js",
|
|
11
11
|
"types": "dist/types/components.d.ts",
|
|
12
|
-
"unpkg": "dist/bromcom-ui/bromcom-ui.js",
|
|
12
|
+
"unpkg": "dist/bromcom-ui/bromcom-ui.esm.js",
|
|
13
13
|
"files": [
|
|
14
14
|
"dist/",
|
|
15
15
|
"loader/",
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as e,h as i,H as t,g as n}from"./p-6d7fe687.js";import{G as p}from"./p-17af6738.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const a=class{constructor(i){e(this,i),this._id=p.UID(),this.multi=!1}componentDidRender(){this.multi||this.checkExpandedCount()}checkExpandedCount(){var e,i;const t=this.el.querySelectorAll(".bcm-expansion-panel");if(t&&Array.from(t).map((e=>e.expanded)).filter(Boolean).length>1){const n=null===(i=null===(e=Array.from(t).filter((e=>e.expanded)))||void 0===e?void 0:e.pop())||void 0===i?void 0:i.id;Array.from(t).forEach((e=>{e.id!==n&&(e.expanded=!1)}))}}open(e){if(this.multi)return;const i=e.detail,t=this.el.querySelectorAll(".bcm-expansion-panel");t&&t.forEach((e=>{e.id!==i&&(e.expanded=!1)}))}isLoad(e){var i,t,n;if(!this.multi){var p=(null===(t=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.parentElement)||void 0===t?void 0:t.id)||null;"BCM-EXPANSION-PANEL"==((null===(n=null==e?void 0:e.target)||void 0===n?void 0:n.nodeName)||null)&&this._id==p&&this.checkExpandedCount()}}render(){return i(t,{id:this._id},i("slot",null))}get el(){return n(this)}};a.style='@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:block}';export{a as bcm_accordion}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,h as e,H as s,g as r}from"./p-6d7fe687.js";import{G as o}from"./p-17af6738.js";import{c as i}from"./p-d65a1e21.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const a=class{constructor(e){t(this,e),this.handleFocus=()=>{this.hasFocus=!0},this.handleBlur=()=>{this.hasFocus=!1},this.handleChange=t=>{this.value=t.target.value,console.log(t)},this.handleInput=t=>{console.log(t)},this._id=o.UID(),this.name=void 0,this.value=void 0,this.type="text",this.label=void 0,this.required=!1,this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.fullwidth=!1,this.hasFocus=!1}render(){const{_id:t,type:r,name:o,value:a,label:l,required:w,fullwidth:n,placeholder:d,disabled:h,readonly:c}=this;return e(s,{class:i("tw-inline-flex tw-w-full tw-max-w-[256px] tw-flex-col",{"tw-max-w-full":n})},l&&e("bcm-label",{value:l,required:w,htmlFor:t}),e("div",{class:i("tw-relative tw-flex tw-w-full tw-flex-row tw-items-stretch tw-rounded tw-border tw-p-0 hover:tw-border-primary-600",{"tw-cursor-not-allowed tw-bg-secondary-50":this.disabled,"tw-cursor-text":!this.disabled,"tw-cursor-default tw-bg-secondary-50":this.readonly,"tw-border-primary-500 tw-bg-secondary-50":this.hasFocus,"tw-border-secondary-300 tw-bg-white":!this.hasFocus})},e("input",{id:t,name:o,type:r,value:a,"data-value":a,placeholder:d,required:w,disabled:h,readonly:c,class:i("tw-text-overflow-ellipsis","tw-rounded-none","tw-flex-1","tw-cursor-inherit","tw-w-full","tw-appearance-none","tw-overflow-hidden","tw-whitespace-nowrap","tw-border-none","tw-bg-transparent","tw-p-2","tw-text-secondary-600","tw-placeholder-secondary-300","tw-outline-none"),onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:t=>this.handleChange(t),onInput:this.handleInput})))}get el(){return r(this)}};export{a as bcm_input_custom}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{s}from"./p-17af6738.js";class a{}a.isNumber=a=>s((()=>/^[0-9]+$/i.test(a))),a.convertToNumber=a=>s((()=>Number(a))),a.replaceNumber=a=>s((()=>a.replace(/[^0-9]/g,""))),a.replaceFloat=a=>s((()=>a.replace(/[^0-9.]/g,""))),a.toFixed=(a,r)=>s((()=>a.toFixed(r))),a.parseFloatFixed=(r,e)=>s((()=>parseFloat(a.replaceFloat(r)).toFixed(e))),a.getDecimalLength=a=>s((()=>a.split(".")[1]?a.split(".")[1].length:0)),a.toNumber=a=>s((()=>Number(a.replace(/[^0-9.]/g,""))));export{a as N}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{c as r}from"./p-4aa0e6b1.js";var e,n;function t(r,e){try{var n=r();return void 0===n?e:n}catch(r){if(r instanceof TypeError)return e;throw r}}!function(r){r.info="info",r.error="error",r.warning="warning",r.success="success",r.default="default"}(e||(e={})),function(r){r.banner="banner",r.basic="basic"}(n||(n={}));const o=["localhost","beta-regression.bromcomcloud.com","beta-scrum.bromcomcloud.com","beta-kanban.bromcomcloud.com"];(()=>{const r=window.location.hostname;return o.includes(r)})()&&console.log("%cbromcom ui%c version: 2.9.0-rc.6-p ","color: white; background:#1890FF; font-weight: 300; font-size:10px; padding:2px 6px; border-radius: 5px","font-size:10px;"),function(){const r=document.querySelector("body");let e=localStorage.getItem("bcm-theme");!r.classList.contains("bcm-theme-*")&&e&&r.classList.add(`bcm-theme-${e}`)}(),function(){const r=document.querySelector("body");let e=document.querySelector("#bcm-overlay-container");e||(e=document.createElement("div"),e.id="bcm-overlay-container",r.appendChild(e))}();class c{static getTwColor(e){const{color:n,variable:t,tones:o}=e=Object.assign({variable:"--bcm-color-default",defaultTone:"600",tones:{50:{},100:{},200:{},300:{},400:{},500:{},600:{},700:{},800:{},900:{},950:{}}},e);if(!n||!r[n])return!1;const c={};return"string"==typeof r[n]?(c[t]=r[n],c):((Array.isArray(o)?o:Object.keys(o)).forEach((e=>{r[n][e]&&(Array.isArray(o[e])?o[e].forEach((o=>{c[`${t}-${o}`]=r[n][e]})):c[`${t}-${e}`]=r[n][e])})),c)}}c.UID=(r="bcm")=>`${r}${Math.random().toString(36).substr(2,9)}`,c.getIconAttrWithStatusType=(r,n=!1)=>{if(n)return{icon:"far fa-spinner-third fa-spin"};switch(r){case e.info:return{icon:"far fa-info-circle"};case e.error:return{icon:"far fa-times-circle"};case e.warning:return{icon:"far fa-exclamation-circle"};case e.success:return{icon:"far fa-check-circle"}}},c.createComponent=(r,e,n="append-area")=>{let t=n?document.querySelector(n):document.body;n&&!t&&(t=document.createElement("div"),t.id="append-area",document.body.appendChild(t),t.style.visibility="hidden",t.style.opacity="0");let o=document.getElementById(e.id);return o||(o=document.createElement(r)),Object.keys(e).forEach((r=>{o[r]=e[r]})),t.appendChild(o),o},c.createElement=(r="div",e)=>{let n=document.getElementById(e.id);return n||(n=document.createElement(r)),Object.keys(e).forEach((r=>{"innerHTML"==r?n[r]=e[r]:n.setAttribute(r,e[r])})),document.body.appendChild(n),n},c.debounceInput=(r,e,n,t)=>{let o;return function(){let c=this,u=arguments;t&&t.apply(c,u);let i=function(){o=null,n||r.apply(c,u)},a=n&&!o;clearTimeout(o),o=setTimeout(i,e),a&&r.apply(c,u)}},c.flatArray=r=>r.reduce(((r,e)=>r.concat(Array.isArray(e)?c.flatArray(e):e)),[]),c.reverseNodeList=r=>{let e=[];for(let n=r.length-1;n>=0;n--)e.push(r[n]);return e},c.findEventPathWithKey=(r,e,n)=>{n=Array.isArray(n)?n:[n];let t=r.composedPath()||r.path;if(t)return void 0!==t.filter((r=>n.includes(r[e])))[0]},c.findEventPathHasAttribute=(r,e)=>{let n=r.composedPath()||r.path;if(n)return t((()=>!!n.find((r=>r.hasAttribute(e)))),!1)},c.findEventTarget=(r,e)=>{e=Array.isArray(e)?e:[e];let n=r.target||r.srcElement;if(n)return e.includes(n)},c.findEventPathWithNodeName=(r,e)=>{let n=r.composedPath()||r.path;if(n)return n.filter((r=>r.nodeName===e))[0]},c.findEventPath=(r,e)=>{e=Array.isArray(e)?e:[e];let n=r.composedPath()||r.path;if(n)return void 0!==n.filter((r=>e.includes(r)))[0]},c.objectIsEmpty=r=>0===Object.keys(r).length&&r.constructor===Object,c.convertIdsToNestedData=(r,e)=>{let n=[],t=[];return e.forEach((e=>{r&&r.indexOf(e.id.toString())>-1?n.push(e):e.items&&(t=c.convertIdsToNestedData(r,e.items),t.length>0&&(e.items=t,n.push(e)))})),n},c.nodeListToArray=r=>Array.prototype.slice.call(r),c.setAttributes=(r,e)=>{Object.keys(e).forEach((n=>{r.setAttribute(n,e[n])}))},c.computedStyle=(r,e)=>window.getComputedStyle(r,null).getPropertyValue(e),c.getAncestor=(r,e)=>{for(;(r=r.parentElement)&&!r.matches(e););return r},c.findParentElement=(r,e)=>{const n=e.charAt(0);if("*"===e)return r.parentElement;if("."===n){const n=e.slice(1);return function(r,e){for(;null!==r;){if(r.classList.contains(e))return r;r=r.parentElement}return null}(r.parentElement,n)}if("#"===n){const n=e.slice(1);return function(r,e){for(;null!==r;){if(r.id===e)return r;r=r.parentElement}return null}(r.parentElement,n)}if("["===n){const n=e.indexOf("]"),t=e.slice(1,n),o=e.slice(n+2,-1);return function(r,e,n){for(;null!==r;){if(r.hasAttribute(e)&&(void 0===n||r.getAttribute(e)===n))return r;r=r.parentElement}return null}(r.parentElement,t,o)}{const n=e.toLowerCase();return function(r,e){for(;null!==r;){if(r.tagName.toLowerCase()===e.toLowerCase())return r;r=r.parentElement}return null}(r.parentElement,n)}};export{c as G,e as S,n as T,t as s}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{g as t}from"./p-6d7fe687.js";import{s as n}from"./p-17af6738.js";function s(s,o=!1){return(i,r)=>{const{connectedCallback:c,componentWillRender:e}=i;i.connectedCallback=function(){const o=t(this);if(o[r]){const t=n((()=>o.hasAttribute(s)?o.getAttribute(s).valueOf():o[s].valueOf()),null);t&&(this[r]=n((()=>"string"==typeof t?JSON.parse(t):t),[]),o.removeAttribute(s))}return c&&c.call(this)},i.componentWillRender=async function(){if(o){const i=t(this);if(o){const t=n((()=>i.hasAttribute(s)?i.getAttribute(s).valueOf():i[s].valueOf()),null);t&&t.length>0&&"string"==typeof t&&(this[s]=n((()=>JSON.parse(t)),[])),i.removeAttribute(s)}return e&&e.call(this)}}}}export{s as J}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,c as i,h as s,H as a,g as o}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as e}from"./p-17af6738.js";import"./p-17264523.js";import"./p-8d0ca8c2.js";import"./p-dbdb10d5.js";import"./p-5ae0a59b.js";import{d as l}from"./p-3c7a0345.js";import{B as r}from"./p-a429e85b.js";import{C as h}from"./p-a56e8c98.js";import{c}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{I as d}from"./p-54c0916c.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const n=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this._id=e.UID(),this.label=void 0,this.name=void 0,this.value=null,this.defaultValue=void 0,this.size=r.Size.medium,this.disabled=void 0,this.hidden=!1,this.required=!1,this.gap=void 0,this.direction=r.Direction.horizontal,this.fullWidth=!1,this.items=[],this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=r.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}get radios(){return Array.from(this.el.querySelectorAll("bcm-radio"))}get Items(){return this.items}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}updateValue(){var t,i,s;this.value=null!==(s=null===(i=null===(t=this.radios)||void 0===t?void 0:t.find((t=>t.checked)))||void 0===i?void 0:i.value)&&void 0!==s?s:null}setRadioUpdate(){var t;null===(t=this.radios)||void 0===t||t.forEach((t=>{t.disabled=this.disabled||t.disabled,t.size=this.size,this.defaultValue&&(t.checked=t.value==this.defaultValue)}))}watchDisabled(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.disabled=t))}watchDefaultValue(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.checked=i.value==t)),this.updateValue(),this.change.emit(this.value)}componentWillLoad(){this.setRadioUpdate(),this.updateValue()}handleChange(t){var i,s;t.stopPropagation(),t.preventDefault();const a=null!==(i=t.target.checked)&&void 0!==i&&i;null===(s=this.radios)||void 0===s||s.forEach((i=>{i.checked=i.id==t.target.id&&!a})),this.updateValue(),this.change.emit(this.value)}async setClear(){var t;this.value=null,null===(t=this.radios)||void 0===t||t.forEach((t=>{t.checked=!1}))}async resetCaption(){return await l(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await l(10),Promise.resolve()}async check(t,i=!0){var s;null===(s=this.radios)||void 0===s||s.forEach((s=>{s.checked=(s.id==t||s.value==t)&&i})),this.updateValue(),this.change.emit(this.value)}async get(){return this.value}async set(t){await this.check(t)}async getValue(){return this.value}render(){var t,i;const{direction:o,fullWidth:e,gap:l,label:d,size:n,required:p,disabled:u,caption:v,captionError:f,captionType:m,noCaption:b}=this;return s(a,{role:"radio-group",class:"tw-mb-2 tw-flex tw-flex-col"},d&&s("bcm-label",{type:m,value:d,required:p}),s("div",{class:c("tw-flex tw-flex-wrap",o==r.Direction.horizontal?"tw-flex-row":"tw-flex-col",e&&"tw-w-full"),style:{gap:l}},s("slot",null),(null===(t=this.Items)||void 0===t?void 0:t.length)>0&&(null===(i=this.Items)||void 0===i?void 0:i.map((t=>s("bcm-radio",{id:t.id,value:t.value,disabled:u||t.disabled,checked:t.checked,color:t.color,size:n},t.label))))),s(h,{noCaption:b,captionType:m,captionError:f,caption:v}))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],defaultValue:["watchDefaultValue"]}}};!function(t,i,s,a){var o,e=arguments.length,l=e<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,i,s,a);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(l=(e<3?o(l):e>3?o(i,s,l):o(i,s))||l);e>3&&l&&Object.defineProperty(i,s,l)}([d()],n.prototype,"el",void 0);export{n as bcm_radio_group}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as e,h as s,H as r,g as i}from"./p-6d7fe687.js";import{c as t}from"./p-d65a1e21.js";import{C as o}from"./p-2fc584c4.js";import{G as c}from"./p-17af6738.js";import{a as l}from"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";const n={small:{textSize:"size-3",iconSize:22,circleSize:80,radius:36},medium:{textSize:"size-5",iconSize:30,circleSize:120,radius:52}},a=class{constructor(s){e(this,s),this._id=c.UID(),this.value=0,this.max=100,this.size=l.Size.medium,this.type="line-rounded",this.info=null,this.error=!1,this.hidden=!1,this.fullWidth=!1,this.color="blue",this.isCompleted=!1}connectedCallback(){this.maxPercent(this.value)}componentDidRender(){const e=this.el.querySelector("#circle");if(e){const s=2*e.r.baseVal.value*Math.PI,r=s-this.value/this.max*s;e.style.strokeDasharray=`${s} ${s}`,e.style.strokeDashoffset=`${s}`,e.style.strokeDashoffset=`${r}`}}componentShouldUpdate(e,s,r){"value"===r&&e!==s&&this.handlePercent(e),"max"===r&&e!==s&&this.value>e&&(this.value=e)}maxPercent(e){e>=this.max&&(this.value=this.max,this.isCompleted=!0),e<this.max&&(this.isCompleted=!1),e<=0&&(this.value=0)}async increment(e){this.handlePercent(+e,"increment")}async decrement(e){this.handlePercent(+e,"decrement")}async set(e){this.handlePercent(+e,"set")}handlePercent(e,s="set"){if(!e&&0!=e||"number"!=typeof e)this.error=!0;else{switch(s){case"increment":this.value+=e;break;case"decrement":this.value-=e;break;case"set":this.value=e}this.maxPercent(this.value),this.error=!1}}getIcon(e="line"){if(this.error||"icon"===this.info&&this.isCompleted)return s("bcm-icon",{icon:"far fa-"+(this.error?"times":"check")+("line"===e?"-circle":"")})}render(){const{type:e,hidden:i,error:c,size:l,isCompleted:a,value:p,fullWidth:h}=this,m="icon"===this.info,{circleSize:g,radius:x,textSize:d}=n[this.size],b=+g/2,u=t({completed:m&&a,error:c}),f=t("bcm-progress__line-progress",l,e,u),z=t("bcm-progress__circle-circle","bar",u),_={width:`${g}px`,height:`${g}px`},w=t("bcm-progress",{hidden:i,"full-width":h});return s(r,{class:w,style:{"--bcm-progress-color":o.dsColor(this.color)}},s("circle"===e?()=>s("div",{class:"bcm-progress__circle",style:_},s("svg",{width:g,height:g},s("circle",{r:x,cx:b,cy:b,class:"bcm-progress__circle-circle"}),s("circle",{r:x,cx:b,cy:b,class:z,id:"circle"}),this.info&&"icon"!=this.info&&!this.error&&s("text",{x:b,y:b,"text-anchor":"middle",class:d,"alignment-baseline":"middle"},"value-max"===this.info&&p+"/"+this.max,"value"===this.info&&{value:p},"percent"===this.info&&100/this.max*+p+"%")),this.getIcon("circle")):()=>s("div",{class:"bcm-progress__line"},s("progress",{class:f,value:p,max:this.max}),"value-max"===this.info&&s("span",{class:"value"},p,"/",this.max," "),"value"===this.info&&s("span",{class:"value"},p," "),"percent"===this.info&&s("span",{class:"value"},100/this.max*+p,"%"),"icon"===this.info&&s("span",{class:"value"},this.getIcon("line"))),null))}get el(){return i(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-progress{--bcm-progress-color:var(--bcm-new-ds-color-blue-500);display:inline-block;min-width:50px;width:100%;max-width:256px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-progress.full-width{width:100%;max-width:100%;min-width:auto}.bcm-progress__line{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-height:8px}.bcm-progress__line .value{margin-left:8px;color:var(--bcm-new-ds-color-slate-500);min-width:32px;font-size:14px;min-height:calc(14px + 8px);font-weight:500}.bcm-progress__line-progress{width:100%;flex:1;height:8px;border:0 none;background:var(--bcm-new-ds-color-slate-200);appearance:none}.bcm-progress__line-progress.small{height:6px}.bcm-progress__line-progress.line-rounded,.bcm-progress__line-progress.line-rounded::-webkit-progress-value{border-radius:8px}.bcm-progress__line-progress.line-rounded::-moz-progress-bar{border-radius:8px}.bcm-progress__line-progress.completed::-webkit-progress-value{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.completed::-moz-progress-bar{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.error::-webkit-progress-value{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error::-moz-progress-bar{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error .value{color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress::-webkit-progress-bar{background:transparent}.bcm-progress__line-progress::-webkit-progress-value{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__line-progress::-moz-progress-bar{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__circle{position:relative}.bcm-progress__circle bcm-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.bcm-progress__circle text{fill:var(--bcm-new-ds-color-slate-500);font-size:18px;line-height:calc(18px + 8px);font-weight:500}.bcm-progress__circle-circle{transition:0.35s stroke-dashoffset, 0.1s stroke;transform:rotate(-90deg);transform-origin:50% 50%;stroke:#F5F5F5;stroke-width:6px;fill:transparent}.bcm-progress__circle-circle.bar{stroke:var(--bcm-progress-color)}.bcm-progress__circle-circle.completed{stroke:var(--bcm-new-ds-color-emerald-500)}.bcm-progress__circle-circle.error{stroke:var(--bcm-new-ds-color-red-500)}';export{a as bcm_progress}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,h as e,H as s,g as r}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as a}from"./p-17af6738.js";import"./p-17264523.js";import"./p-8d0ca8c2.js";import"./p-dbdb10d5.js";import"./p-5ae0a59b.js";import"./p-a429e85b.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const o=class{constructor(e){t(this,e),this._id=a.UID(),this.el.slot="header"}render(){return e(s,{class:"tw-w-full tw-flex-none tw-overflow-hidden tw-rounded-t-lg tw-bg-primary-400 tw-pt-1"},e("div",{class:"tw-flex tw-w-full tw-items-center tw-justify-between tw-bg-primary-50 tw-px-4 tw-py-3 tw-text-4 tw-font-medium tw-text-slate-600"},e("span",null,e("slot",null)),e("button",{type:"button",class:"tw-focus:tw-outline-none tw-flex tw-h-8 tw-w-8 tw-cursor-pointer tw-items-center tw-justify-center tw-bg-transparent tw-text-5 tw-text-slate-700 tw-transition tw-duration-150 tw-ease-in-out hover:tw-text-slate-900","data-dismiss":!0},e("i",{class:"far fa-times"}))))}get el(){return r(this)}};export{o as bcm_modal_2_header}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as e,c as t,h as i,H as n,g as a}from"./p-6d7fe687.js";import{c as r}from"./p-d65a1e21.js";import{I as o}from"./p-54c0916c.js";import{G as c}from"./p-17af6738.js";import{a as s}from"./p-a429e85b.js";import{C as p}from"./p-a56e8c98.js";import{I as l}from"./p-2b13dd48.js";import{d as m}from"./p-3c7a0345.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-3fac58f7.js";var h;!function(e){e.none="none",e.both="both",e.horizontal="horizontal",e.vertical="vertical",e.initial="initial",e.inherit="inherit"}(h||(h={}));const b=class{constructor(i){e(this,i),this.focus=t(this,"bcm-focus",7),this.blur=t(this,"bcm-blur",7),this.clear=t(this,"bcm-clear",7),this.change=t(this,"bcm-change",7),this.input=t(this,"bcm-input",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value=void 0,this.placeholder=void 0,this.label=void 0,this.name=void 0,this.required=!1,this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=s.Status.default,this.rows=3,this.size=s.Size.medium,this.disabled=void 0,this.readonly=!1,this.clearable=void 0,this.resize=h.vertical,this.fullWidth=!1,this.maxLength=void 0,this.focused=!1,this.captionCache=void 0,this.captionTypeCache=void 0}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}async onBcmFocus(){this.textarea.focus()}async onBcmBlur(){this.textarea.blur()}async onBcmSelect(){this.textarea.select()}async set(e){await this.setValue(e)}async get(){return this.value||null}async setValue(e){return this.textarea.value=e,this.value=e,this.handleChange(),e}async setClear(){return this.textarea.value="",this.value="",await m(10),Promise.resolve()}async resetCaption(){return await m(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await m(10),Promise.resolve()}async getValue(){return this.value}watchValue(e){this.textarea.value=e,this.handleChange()}handleFocus(){this.focused=!0,this.focus.emit()}handleBlur(){this.focused=!1,this.blur.emit()}handleChange(){this.value=this.textarea.value,this.change.emit(this.value)}handleInput(){this.value=this.textarea.value,this.input.emit(this.value)}handleClear(e){this.textarea.value="",this.value="",this.clear.emit(),this.textarea.focus(),e.stopPropagation()}render(){const{_id:e,hidden:t,readonly:a,fullWidth:o,size:c,rows:m,disabled:h,clearable:b,label:u,focused:d,noCaption:x,caption:g,captionError:f,captionType:_,value:w,resize:z,maxLength:y,placeholder:v,required:k}=this,j=r("bcm-input",{hidden:t,"full-width":o});return i(n,{class:j},u&&i("bcm-label",{type:_,value:u,required:k,htmlFor:e}),i(l,{elementType:s.HtmlElementType.textarea,id:e,value:w,rows:m,disabled:h,maxLength:y,placeholder:v,clearable:b,resize:z,readonly:a,size:c,focused:d,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),handleClear:e=>this.handleClear(e),ref:e=>this.textarea=e,captionType:_}),i(p,{noCaption:x,captionType:_,captionError:f,caption:g,value:w,maxLength:y}))}get el(){return a(this)}static get watchers(){return{value:["watchValue"]}}};(function(e,t,i,n){var a,r=arguments.length,o=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);r>3&&o&&Object.defineProperty(t,i,o)})([o()],b.prototype,"el",void 0),b.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;overflow:hidden;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}';export{b as bcm_textarea}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as i,c as t,h as e,H as p,g as s}from"./p-6d7fe687.js";import"./p-2fc584c4.js";import"./p-626a65e9.js";import{G as n}from"./p-17af6738.js";import"./p-17264523.js";import"./p-8d0ca8c2.js";import"./p-dbdb10d5.js";import"./p-5ae0a59b.js";import{B as o}from"./p-a429e85b.js";import{C as a}from"./p-a56e8c98.js";import{c as r}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import{L as h}from"./p-c49d038e.js";import"./p-2e73d572.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-74b2d896.js";const c=class{constructor(e){i(this,e),this.change=t(this,"bcm-change",7),this._id=n.UID(),this.name=void 0,this.value=void 0,this.required=!1,this.size="medium",this.label=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=o.Status.default,this.captionError=void 0}handleSelectItem(i){const t=null==i?void 0:i.target;if(t instanceof HTMLElement){const e=i.detail,p=document.createElement("bcm-chip");p.setAttribute("value",e.id),p.innerHTML=e.text,t.parentNode.insertBefore(p,t),this.setSelect(e.id)}}handleDismiss(i){const t=null==i?void 0:i.target;t instanceof HTMLElement&&(t.remove(),this.setSelect())}handleSelect(i){const t=null==i?void 0:i.target;t instanceof HTMLElement&&("addable"===t.type?this.showListComponent(t.id):this.setSelect(t.value))}showListComponent(i){const t=document.getElementById(i+"-list");t&&t.show()}getSlots(){return this.el.querySelectorAll("bcm-chip")}setSelect(i=this.value,t=!1){const e=this.getSlots();if(0===(null==e?void 0:e.length))return;const p=Array.from(e),s=p.find((t=>t.value===i));this.value=s?i:p[0].value,p.forEach((i=>{i.selected=i.value===this.value})),t||this.change.emit(this.value)}setAttr(){const i=this.getSlots();0!==(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.setAttribute("size",this.size)}))}componentWillLoad(){this.setSelect()}componentDidRender(){this.setAttr()}render(){const{label:i,required:t,noCaption:s,captionType:n,captionError:o,caption:c}=this,l=r("bcm-chip-group");return e(p,{class:l},i&&e("div",null,e(h,{type:n,value:i,required:t})),e("div",{class:"tw-flex tw-flex-wrap tw-gap-1"},e("slot",null)),e(a,{noCaption:s,captionType:n,captionError:o,caption:c}))}get el(){return s(this)}};c.style='@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-chip-group .bcm-chip{cursor:pointer}';export{c as bcm_chip_group}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,c as e,f as i,h as s,H as a,g as o}from"./p-6d7fe687.js";import{I as n}from"./p-54c0916c.js";import{G as r,s as h}from"./p-17af6738.js";import{S as p}from"./p-8d0ca8c2.js";import{a as l}from"./p-a429e85b.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const c=["BCM-INPUT","BCM-TEXTAREA","BCM-SWITCH","BCM-CHECKBOX","BCM-RADIO-GROUP","BCM-CHECKBOX-GROUP","BCM-RANGE","BCM-FORM","BCM-FORM-GROUP","BCM-LIST","BCM-COLORPICKER","BCM-DATE-PICKER","BCM-TIME-PICKER","BCM-DATETIME-PICKER","BCM-SELECT","BCM-LISTBOX","BCM-CHIP-GROUP"];const x=class{constructor(i){t(this,i),this.bcmForm=e(this,"bcm-form",7),this.isLoad=!1,this.formData={},this.formObj=new Map,this._id=r.UID(),this.validation=!1}componentDidLoad(){this.isLoad=!0,i(this)}componentIsValid(t){if(!t.hidden){this.checkIsGroup(t);const e=["bcm-checkbox","bcm-switch"].includes(p.lowercase(t.tagName))?0==t.value:p.isNullOrEmpty(t.value);t.required&&(e?(t.captionError=l.FormErrorMessages.required,t.captionType="error",this.formObj.set(t.id,{name:t.name,valid:!1,errorDetails:t.captionError})):(t.captionError=null,t.captionType="default",this.formObj.delete(t.id)))}}isGroup(t){return["bcm-checkbox-group"].includes(p.lowercase(t.tagName))}checkIsGroup(t){if(this.isGroup(t))for(let e of Array.from(t.querySelectorAll("bcm-checkbox")))e&&this.componentIsValid(e)}changeCheckboxGroup(t){const e=t.target,{changed:i}=t.detail,s=Array.from(e.querySelectorAll("bcm-checkbox"));for(let t of s)t.id==i.element.id&&(t.value=i.event.value,this.componentIsValid(t))}bcmComponentList(){return h((()=>Array.from(this.el.querySelectorAll("*")).filter((t=>c.includes(t.tagName)&&(!t["s-hn"]||"BCM-FORM-2"==t["s-hn"]))).filter(Boolean)),[])}formResponse(){const t={formData:this.formData,isValid:0==this.formObj.size,errorDetails:Object.assign({},this.formObj.size>0&&Array.from(this.formObj).map((([t,e])=>({[e.name]:e.errorDetails})))),message:0==this.formObj.size?"":"Please fill in all inputs"};return this.bcmForm.emit(t),t}async setMethodType(t){const{isLoad:e,validation:i}=this;if(e)for(const e of this.bcmComponentList())try{await e[t](),"setClear"==t&&i&&this.componentIsValid(e)}catch(i){console.error(e.nodeName,t,i)}return Promise.resolve()}async submit(){const{isLoad:t,validation:e}=this;if(t)for(const t of this.bcmComponentList()){const{name:i,value:s}=t;this.formData[i]=p.isNullOrEmpty(s)?null:s,e&&this.componentIsValid(t)}return Promise.resolve(this.formResponse())}async set(t){var e,i,s;if(this.isLoad&&t&&(null===(e=this.bcmComponentList())||void 0===e?void 0:e.length)>0)for(let e of Object.keys(t)){const a=null!==(s=null===(i=this.bcmComponentList())||void 0===i?void 0:i.find((t=>t.name==e)))&&void 0!==s?s:{};if(a)try{await a.set(t[e]),this.componentIsValid(a)}catch(t){console.warn("set: ",e,a.nodeName)}}}async get(){var t;let e={};if((null===(t=this.bcmComponentList())||void 0===t?void 0:t.length)>0)for(let t of this.bcmComponentList()){const i=await t.get();e=Object.assign(Object.assign({},e),{[t.name]:p.isNullOrEmpty(i)?null:i})}return Promise.resolve(e)}async resetCaption(){return Promise.resolve(await this.setMethodType("resetCaption"))}async setClear(){return this.formData={},this.formObj=new Map,Promise.resolve(await this.setMethodType("setClear"))}onChange(t){const{isLoad:e,validation:i}=this;if(e){const e=t.target,s=e&&e.tagName.toLowerCase().startsWith("bcm-");if(i&&s){if(this.isGroup(e))return this.changeCheckboxGroup(t);this.componentIsValid(e)}}}render(){return s(a,null,s("slot",null))}get el(){return o(this)}};(function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([n()],x.prototype,"el",void 0),x.style='@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:block}';export{x as bcm_form_2}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,h as s,g as a}from"./p-6d7fe687.js";import{G as w}from"./p-17af6738.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const d=class{constructor(s){t(this,s),this._id=w.UID(),this.loading=!0}componentDidLoad(){var t;const s=null===(t=this.el)||void 0===t?void 0:t.parentElement;if(s){const t=document.createElement("span");t.setAttribute("id",`${this._id}-span`),t.classList.add("tw-hidden"),t.innerHTML="<slot />",s.appendChild(t),s.isConnected&&(this.loading=!1,s.querySelector(`#${this._id}-span`).remove())}}render(){return s(this.loading?()=>s("div",{class:"tw-mx-auto tw-w-full tw-max-w-sm tw-rounded-md tw-border tw-border-blue-300 tw-p-4 tw-shadow"},s("span",{class:"tw-hidden"},s("slot",null)),s("div",{class:"tw-flex tw-animate-pulse tw-space-x-4"},s("div",{class:"tw-h-10 tw-w-10 tw-rounded-full tw-bg-slate-200"}),s("div",{class:"tw-flex-1 tw-space-y-6 tw-py-1"},s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-space-y-3"},s("div",{class:"tw-grid tw-grid-cols-3 tw-gap-4"},s("div",{class:"tw-col-span-2 tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-col-span-1 tw-h-2 tw-rounded tw-bg-slate-200"})),s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}))))):"slot",null)}get el(){return a(this)}};export{d as bcm_skeleton}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as e,h as i,H as t,g as p}from"./p-6d7fe687.js";import{c as s}from"./p-d65a1e21.js";import{G as a}from"./p-17af6738.js";import{a as l}from"./p-a429e85b.js";import{L as n}from"./p-c49d038e.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-74b2d896.js";import"./p-8d0ca8c2.js";const x=class{constructor(i){e(this,i),this._id=a.UID(),this.required=!1,this.value=void 0,this.size="medium",this.form=void 0,this.htmlFor=void 0,this.hidden=!1,this.type=l.Status.default,this.tooltip=void 0}render(){const{required:e,value:p,size:a,form:l,htmlFor:x,hidden:o,type:r,tooltip:h}=this,m=s("bcm-label",{hidden:o}),c=i(n,{form:l,htmlFor:x,value:p,size:a,type:r,required:e});return i(t,{class:m},c,h&&i("bcm-tooltip",{message:h,placement:"top",trigger:"hover"},i("bcm-icon",{icon:"far fa-question-circle"})))}get el(){return p(this)}};x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}';export{x as bcm_label}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,c as i,h as e,H as n}from"./p-6d7fe687.js";import{G as o}from"./p-17af6738.js";import{N as r}from"./p-17264523.js";import{S as s}from"./p-8d0ca8c2.js";import{V as a}from"./p-dbdb10d5.js";import{a as c}from"./p-a429e85b.js";import{C as p}from"./p-a56e8c98.js";import{I as l}from"./p-2b13dd48.js";import{c as h}from"./p-d65a1e21.js";import{d as m}from"./p-3c7a0345.js";import{I as u}from"./p-54c0916c.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-3fac58f7.js";const b=class{constructor(e){t(this,e),this.focus=i(this,"bcm-focus",7),this.blur=i(this,"bcm-blur",7),this.clear=i(this,"bcm-clear",7),this.change=i(this,"bcm-change",7),this.input=i(this,"bcm-input",7),this.isBlur=!1,this._id=o.UID(),this._internal_id=o.UID(),this.value="",this.size=c.Size.medium,this.label=void 0,this.pattern=void 0,this.tooltip=void 0,this.placeholder=void 0,this.disabled=!1,this.readonly=!1,this.clearable=!1,this.autocomplete=!1,this.name=void 0,this.type=c.InputType.text,this.hidden=!1,this.required=!1,this.fullWidth=!1,this.noDefaultIcon=void 0,this.disableWatchValue=!1,this.passwordToggle=!1,this.maxLength=null,this.unitPrefix=null,this.unit=void 0,this.decimal=!0,this.min=void 0,this.max=void 0,this.step=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=c.Status.default,this.captionError=void 0,this.customErrorMessage=void 0,this._prefix=void 0,this._suffix=void 0,this.captionCache=void 0,this.captionTypeCache=void 0,this.inValid=!1,this.valueCache="",this.focused=!1,this.isPasswordVisible=!1}connectedCallback(){this.valueCache=this.value,this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentWillRender(){const{type:t,isBlur:i,value:e}=this;if(e)switch(this.value.length>0&&this.checkPattern(),t){case"number":!this.checkValid("number")&&this.validationRange();break;case"email":i&&this.checkValid("email");break;case"tel":i&&this.checkValid("phone")}else!this.required&&this.resetCaption()}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async set(t){await this.setValue(t)}async get(){return this.value||null}async setValue(t){return this.inputElement.value=t,this.handleChange(),t}async setClear(){return this.inputElement.value="",this.value="",await m(10),Promise.resolve()}async resetCaption(){return await m(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,this.inValid=!1,await m(10),Promise.resolve()}async getValue(){return this.value}watchValue(t){this.inputElement.value=t,this.disableWatchValue||"number"==this.type||this.handleChange()}listenKeyDown(t){if(!this.disabled&&!this.readonly&&(this.onBcmFocus(),"number"==this.type)){var i=t.which||0,e=t.key;38==i&&(t.preventDefault(),this.stepUpOrDown("up")),40==i&&(t.preventDefault(),this.stepUpOrDown("down")),(190==i||110==i||"."==e)&&this.value.indexOf(".")>-1&&t.preventDefault(),189!=i&&109!=i&&"-"!=e||("-"==this.value.charAt(0)||this.value.indexOf("-")>-1)&&t.preventDefault()}}handleFocus(){this.focused=!0,this.focus.emit(),this.whatchHasFocus()}handleBlur(){this.focused=!1,this.isBlur=!0,this.whatchHasFocus(),this.blur.emit()}handleChange(){this.valueSync()}handleInput(){if("number"==this.type&&this.maxLength){const t=this.inputElement.value;t&&t.length>0&&t.length>this.maxLength&&(this.inputElement.value=t.substring(0,this.maxLength))}this.valueSync()}valueSync(){return this.value!=this.inputElement.value?(this.value=this.inputElement.value,this.change.emit(this.value),!0):(this.input.emit(this.value),!1)}handleClear(t){this.inputElement.value="",this.value="",this.inputElement.focus(),this.clear.emit(t),this.change.emit(this.value),t.stopPropagation()}changePasswordVisibility(){this.isPasswordVisible=!this.isPasswordVisible}setCaption(t=null,i=null){this.caption=t||this.captionCache,this.captionType=i||this.captionTypeCache,this.captionError="error"==i?t:null}stepUpOrDown(t){if(!this.inValid&&!this.disabled&&!this.readonly){let i=+this.step||1,e=+this.value;e="up"==t?+(e+i):+(e-i),this.value=e.toString(),this.change.emit(this.value)}}validationRange(){const{min:t,max:i,value:e}=this;if(void 0!==e)if(void 0!==t&&void 0!==i){if(e<t||e>i)return this.setCaption(s.getMessage("between",[t,i]),"error"),!1}else if(void 0!==t){if(e<t)return this.setCaption(s.getMessage("min",[t]),"error"),!1}else if(void 0!==i&&e>i)return this.setCaption(s.getMessage("max",[i]),"error"),!1;return this.setCaption(),!0}checkPattern(){const{pattern:t,value:i}=this;t&&(a.pattern(i,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(s.getMessage("pattern"),"error"),this.inValid=!0))}checkValid(t){const{value:i}=this;return a.isValidate(i,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(s.getMessage(t),"error"),this.inValid=!0),this.inValid}whatchHasFocus(){const{type:t,focused:i,valueCache:e,inValid:n}=this;t==c.InputType.number&&n&&(console.log("whatchHasFocus"),this.value=i?"":s.isNullOrEmpty(this.value)?e:this.value?this.fixToNumber(this.value):"")}fixToNumber(t){if(t){const i=r.getDecimalLength(this.step);return i>0?r.parseFloatFixed(t,i):t}return t}eyeDropper(){(new window.EyeDropper).open().then((t=>{console.log("color: ",t.sRGBHex),this.setValue(t.sRGBHex)})).catch((t=>{"NotAllowedError"===t.name?console.log("Permission to access sensor was denied."):"NotSupportedError"===t.name&&console.log("Sensor not supported.")}))}isEyeDropperSupported(){return"undefined"!=typeof window&&"EyeDropper"in window}toggleLinked(){const t=document.getElementById(`${this._id}-linked`);t&&t.toggle()}render(){const{value:t,size:i,label:o,type:r,captionType:s,caption:a,captionError:m,placeholder:u,fullWidth:b,disabled:d,readonly:x,clearable:g,passwordToggle:f,isPasswordVisible:_,noDefaultIcon:w,unit:y,inValid:v,focused:z,unitPrefix:k,noCaption:j,required:I,hidden:C,_id:D,autocomplete:V}=this,P=(null==t?void 0:t.length)>0&&g,E=h("bcm-input",`bcm-input__container--${i}`,{hidden:C,"full-width":b});return e(n,{onfocus:()=>this.onBcmFocus(),class:E,onClick:()=>this.onBcmFocus()},o&&e("bcm-label",{onClick:()=>this.toggleLinked(),tooltip:this.tooltip,type:s,value:o,required:I,htmlFor:D}),e(l,{id:D,type:r,value:t,pattern:this.pattern,placeholder:u,disabled:d,readonly:x,clearable:P,passwordToggle:f,isPasswordVisible:_,noDefaultIcon:w,focused:z,inValid:v,unitPrefix:k,maxLength:this.maxLength,internalId:this._internal_id,captionType:s,unit:y,size:i,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),steps:t=>this.stepUpOrDown(t),changePasswordVisibility:()=>this.changePasswordVisibility(),handleClear:t=>this.handleClear(t),eyeDropper:()=>this.eyeDropper(),isEyeDropperSupported:()=>this.isEyeDropperSupported(),ref:t=>this.inputElement=t,_suffix:this._suffix,_prefix:this._prefix,autocomplete:V}),e(p,{noCaption:j,captionType:s,captionError:m,caption:a,customErrorMessage:this.customErrorMessage}),r==c.InputType.color&&e("bcm-linked",{targetId:this._id+"-container",id:this._id+"-linked"},e("bcm-colorful",{id:this._id+"-picker",color:this.value,onBcmChange:t=>this.setValue(t.detail)})))}static get watchers(){return{value:["watchValue"]}}};(function(t,i,e,n){var o,r=arguments.length,s=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(i,e,s):o(i,e))||s);r>3&&s&&Object.defineProperty(i,e,s)})([u()],b.prototype,"inputElement",void 0),b.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;overflow:hidden;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}';export{b as bcm_input}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,c as e,h as i,H as o,g as r}from"./p-6d7fe687.js";import{G as n,s}from"./p-17af6738.js";import{a}from"./p-a429e85b.js";import{c as p}from"./p-d65a1e21.js";import{S as c}from"./p-8d0ca8c2.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const l=class{constructor(i){t(this,i),this.bcmChange=e(this,"bcm-change",7),this._id=n.UID(),this.size=a.Size.medium,this.type="button",this.color=void 0,this.disabled=void 0,this.direction=a.Direction.horizontal}componentWillLoad(){const{size:t,color:e}=this,i=this.getButtons();(null==i?void 0:i.length)&&i.forEach((i=>{let o=c.elementBooleanCheck(this.el.getAttribute("disabled"))||i.getAttribute("disabled");e&&i.setAttribute("color",e),t&&i.setAttribute("size",t),o&&(i.disabled=!0)}))}getButtons(){return s((()=>Array.from(this.el.querySelectorAll("bcm-button"))),[])}radioControl(t){const e=this.getButtons();(null==e?void 0:e.length)&&e.forEach((e=>{e.checked=e.id==t}))}checkboxControl(t){const e=this.getButtons();(null==e?void 0:e.length)&&e.forEach((e=>{e.checked=e.id==t?e.checked=!e.checked:e.checked}))}listenButton({target:t}){if(t.id){switch(this.type){case"radio":this.radioControl(t.id);break;case"checkbox":this.checkboxControl(t.id)}this.handleChange()}}handleChange(){const t=this.getButtons().filter(Boolean).map((t=>({id:t.id,checked:t.checked})));this.bcmChange.emit(t)}render(){const t=p("bcm-button-group",{"bcm-button-group__vertical":this.direction===a.Direction.vertical});return i(o,{class:t},i("slot",null))}get el(){return r(this)}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button-group{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:fit-content;background-color:var(--bcm-new-ds-color-slate-300);border:1px solid var(--bcm-new-ds-color-slate-300);gap:1px;border-radius:4px}.bcm-button-group .bcm-button__container{border-radius:0;border:none}.bcm-button-group .bcm-button:first-child .bcm-button__container{border-top-left-radius:4px;border-bottom-left-radius:4px}.bcm-button-group .bcm-button:last-child .bcm-button__container{border-top-right-radius:4px;border-bottom-right-radius:4px}.bcm-button-group__vertical{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.bcm-button-group__vertical .bcm-button{width:100%}.bcm-button-group__vertical .bcm-button__container{width:100%;border-radius:0}.bcm-button-group__vertical .bcm-button:first-child .bcm-button__container{border-radius:4px 4px 0 0}.bcm-button-group__vertical .bcm-button:last-child .bcm-button__container{border-radius:0 0 4px 4px}';export{l as bcm_button_group}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,h as i,H as e,g as s}from"./p-6d7fe687.js";import{c as a}from"./p-d65a1e21.js";import{I as n}from"./p-54c0916c.js";import{G as h}from"./p-17af6738.js";import{a as p}from"./p-a429e85b.js";import{d as r}from"./p-3c7a0345.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const o=class{constructor(i){t(this,i),this._id=h.UID(),this.time=new Date,this.value=void 0,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabled=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this.placement=p.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1}componentWillLoad(){if("string"==typeof this.time){const t=!!/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(this.time)&&this.time.split(":");this.time=t?new Date((new Date).setHours(Number(t[0]),Number(t[1]))):new Date}}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async getInput(){return await this.picker.getInput()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async setClear(){return await this.picker.setClear(),await r(10),Promise.resolve()}async resetCaption(){return await r(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await r(10),Promise.resolve()}async open(){return await this.picker.open()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth});return i(e,{class:t},i("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,fullWidth:this.fullWidth,required:this.required,label:this.label,name:this.name,placeholder:this.placeholder,type:"time",clearable:this.clearable,date:this.time,ref:t=>this.picker=t,disabled:this.disabled,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,captionError:this.captionError,caption:this.caption,captionType:this.captionType,alignment:this.alignment,placement:this.placement}))}get el(){return s(this)}};(function(t,i,e,s){var a,n=arguments.length,h=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,e,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(h=(n<3?a(h):n>3?a(i,e,h):a(i,e))||h);n>3&&h&&Object.defineProperty(i,e,h)})([n()],o.prototype,"el",void 0),o.style='@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-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_time_picker}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,h as e,H as i,g as s}from"./p-6d7fe687.js";import{c as a}from"./p-d65a1e21.js";import{I as h}from"./p-54c0916c.js";import{D as n}from"./p-626a65e9.js";import{G as p}from"./p-17af6738.js";import{a as r}from"./p-a429e85b.js";import{d as l}from"./p-3c7a0345.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const o=class{constructor(e){t(this,e),this._id=p.UID(),this.date=new Date,this.value=void 0,this.endDate=null,this.range=!1,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabledDates="",this.disabled=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.placement=r.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1,this.stateStartDate=null,this.stateEndDate=null}handleStartDateChange(){this.handleDate()}handleEndDateChange(){this.handleDate()}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async setClear(){return await this.picker.setClear(),await l(10),Promise.resolve()}async setStartDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateStartDate=t):this.setClear()}async setEndDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateEndDate=t):this.setClear()}handleDate(){this.range?this.stateStartDate&&this.stateEndDate&&this.set(this.stateStartDate+"-"+this.stateEndDate):this.set(this.stateStartDate)}async getInput(){return await this.picker.getInput()}async open(){return await this.picker.open()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async resetCaption(){return await l(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await l(10),Promise.resolve()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth,"linked-component":this.linkedComponent});return e(i,{class:t},e("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,name:this.name,type:this.range?"range":"date",date:this.date,placeholder:this.placeholder,fullWidth:this.fullWidth,ref:t=>this.picker=t,required:this.required,clearable:this.clearable,label:this.label,"end-date":this.endDate,disabled:this.disabled,disabledDates:this.disabledDates,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,caption:this.caption,captionError:this.captionError,captionType:this.captionType,alignment:this.alignment,placement:this.placement}))}get el(){return s(this)}static get watchers(){return{stateStartDate:["handleStartDateChange"],stateEndDate:["handleEndDateChange"]}}};(function(t,e,i,s){var a,h=arguments.length,n=h<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(n=(h<3?a(n):h>3?a(e,i,n):a(e,i))||n);h>3&&n&&Object.defineProperty(e,i,n)})([h()],o.prototype,"el",void 0),o.style='@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-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_date_picker}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as o,c as t,h as p,H as i,g as e}from"./p-6d7fe687.js";import{c as r}from"./p-d65a1e21.js";import{C as n}from"./p-2fc584c4.js";import{G as c}from"./p-17af6738.js";import{S as m}from"./p-8d0ca8c2.js";import{s}from"./p-dbc4c30c.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-4aa0e6b1.js";import"./p-a429e85b.js";const b={error:["fal fa-times-circle","red-6"],warning:["fal fa-exclamation-circle","warmyellow-6"]},a=class{constructor(p){o(this,p),this.onConfirm=t(this,"bcm-popconfirm-confirm",7),this.onCancel=t(this,"bcm-popconfirm-cancel",7),this.onShow=t(this,"bcm-popconfirm-show",7),this._id=c.UID(),this._target_id=void 0,this.message=void 0,this.status="warning",this.cancelText="No",this.okeyText="Yes",this.placement=void 0,this.open=!1,this.hidden=!1,this._internal_id=void 0,this.placement_string=void 0}getPopconfirm(){return document.querySelector(`bcm-popconfirm[id="${this._target_id}"]`)}handleClickOutside(o){this.el.contains(o.target)||this.getPopconfirm().contains(o.target)||(this.getPopconfirm().hide(),this.hide())}showHandler(o){o.detail!=this._target_id&&(this.getPopconfirm().hide(),this.hide())}async show(){this.open=!0,this.onShow.emit(this._target_id)}async hide(){this.open=!1}componentWillRender(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const t=this.el.querySelector(".bcm-pop-box"),p=document.getElementById(this._target_id).children[0];if(t&&p){let t=s(o,p,{top:p.offsetTop,left:p.offsetLeft});this.setPlacementString(o),this.el.style.top=t[0]+"px",this.el.style.left=t[1]+"px"}}}setPlacementString(o){const t=m.textContains(o,"-")?o.split("-"):o.split(" ");1===t.length&&t.push("center"),this.placement_string=t.join(" ")}handleConfirm(){this.getPopconfirm().hide(),this.hide(),this.onConfirm.emit(this._target_id)}handleCancel(){this.getPopconfirm().hide(),this.hide(),this.onCancel.emit(this._target_id)}render(){const{message:o,cancelText:t,okeyText:e,open:c,placement_string:m,status:s}=this,a=b[s],x=r("bcm-pop-box"),f=r("bcm-popconfirm-box",m,{"bcm-pop-open":c});return p(i,{class:f},p("div",{class:x},p("div",{class:"bcm-pop-content"},p("div",{class:"bcm-pop-content-icon size-3",style:{color:n.convertColorToHex(a[1])}},p("bcm-icon",{icon:a[0]})),p("div",{class:"bcm-pop-content-text"},p("bcm-text",{scale:"size-2",innerHTML:o}))),p("div",{class:"bcm-pop-buttons"},p("bcm-button",{size:"small",onClick:()=>this.handleCancel(),outline:!0},t),p("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},e))))}get el(){return e(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popconfirm-box{position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popconfirm-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:230px;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25));padding:8px 16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content{display:flex;flex-direction:row;align-items:flex-start}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-icon{margin-right:8px;min-width:16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-text{display:flex;flex-direction:row;align-items:center;text-align:left;padding-top:1px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons{display:flex;justify-content:flex-end;margin-top:8px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons bcm-button:first-child{margin-right:8px}.bcm-popconfirm-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popconfirm-box.bcm-pop-open{display:block;z-index:10900}.bcm-popconfirm-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popconfirm-box.bcm-pop-open::after{display:block}.bcm-popconfirm-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popconfirm-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popconfirm-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popconfirm-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popconfirm-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popconfirm-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popconfirm-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popconfirm-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popconfirm-box.top.center .bcm-pop-box,.bcm-popconfirm-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.center::after,.bcm-popconfirm-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.start .bcm-pop-box,.bcm-popconfirm-box.bottom.start .bcm-pop-box{left:0}.bcm-popconfirm-box.top.start::after,.bcm-popconfirm-box.bottom.start::after{left:16px}.bcm-popconfirm-box.top.end .bcm-pop-box,.bcm-popconfirm-box.bottom.end .bcm-pop-box{right:0}.bcm-popconfirm-box.top.end::after,.bcm-popconfirm-box.bottom.end::after{right:16px}.bcm-popconfirm-box.left.center .bcm-pop-box,.bcm-popconfirm-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.center::after,.bcm-popconfirm-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.start .bcm-pop-box,.bcm-popconfirm-box.right.start .bcm-pop-box{top:0}.bcm-popconfirm-box.left.start::after,.bcm-popconfirm-box.right.start::after{top:12px}.bcm-popconfirm-box.left.end .bcm-pop-box,.bcm-popconfirm-box.right.end .bcm-pop-box{bottom:0}.bcm-popconfirm-box.left.end::after,.bcm-popconfirm-box.right.end::after{bottom:12px}.bcm-popconfirm-box.top{transform:translateY(1px)}.bcm-popconfirm-box.bottom{transform:translateY(-1px)}.bcm-popconfirm-box.left{transform:translateX(1px)}.bcm-popconfirm-box.right{transform:translateX(-1px)}.bcm-popconfirm-box.top.bcm-pop-open,.bcm-popconfirm-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popconfirm-box.left.bcm-pop-open,.bcm-popconfirm-box.right.bcm-pop-open{transform:translateX(0)}';export{a as bcm_popconfirm_box}
|