bromcom-ui 2.11.1-rc.9-1 → 2.11.1-rc.9-2
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/{p-a9759941.entry.js → p-08501d86.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a20ac74f.entry.js → p-1a9cd62d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ea062405.entry.js → p-1b21310e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1d81a0a4.entry.js → p-2f92042f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0d0e3903.js → p-3556d078.js} +1 -1
- package/dist/bromcom-ui/{p-b703f03f.entry.js → p-36544f78.entry.js} +1 -1
- package/dist/bromcom-ui/{p-cf119021.entry.js → p-3a220693.entry.js} +1 -1
- package/dist/bromcom-ui/p-3a43bf45.js +5 -0
- package/dist/bromcom-ui/{p-d5251ffe.entry.js → p-3f84d1c5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-cb7003f0.entry.js → p-4035fdf1.entry.js} +1 -1
- package/dist/bromcom-ui/p-4d308bb7.entry.js +5 -0
- package/dist/bromcom-ui/{p-7d0d6073.entry.js → p-4ef9abca.entry.js} +1 -1
- package/dist/bromcom-ui/p-528c5152.entry.js +5 -0
- package/dist/bromcom-ui/{p-959bd503.entry.js → p-52cce799.entry.js} +1 -1
- package/dist/bromcom-ui/{p-4d55ba21.js → p-59a92a47.js} +1 -1
- package/dist/bromcom-ui/{p-3a290e0d.entry.js → p-5bb77b86.entry.js} +1 -1
- package/dist/bromcom-ui/p-5d9a5c33.entry.js +5 -0
- package/dist/bromcom-ui/{p-6bea284a.js → p-61753299.js} +1 -1
- package/dist/bromcom-ui/{p-9668c853.entry.js → p-677c5742.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7a590e30.entry.js → p-6a87d06d.entry.js} +1 -1
- package/dist/bromcom-ui/p-6c152c86.entry.js +5 -0
- package/dist/bromcom-ui/{p-4cc25225.entry.js → p-77ede2fc.entry.js} +1 -1
- package/dist/bromcom-ui/{p-65119762.entry.js → p-8120dcc7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5b63bfc6.entry.js → p-8375c8c4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5d670fd7.entry.js → p-9589f69c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b72147fd.entry.js → p-a1b05d8a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c661de9e.entry.js → p-a97531d3.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ce917a87.entry.js → p-a9fb78a2.entry.js} +1 -1
- package/dist/bromcom-ui/{p-54788d6e.entry.js → p-b2ba36fa.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e72cd4e5.entry.js → p-b6e2c3cb.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f990f4c3.js → p-b92f3501.js} +1 -1
- package/dist/bromcom-ui/{p-2c4435e2.js → p-ca33b8ba.js} +1 -1
- package/dist/bromcom-ui/{p-e98016f3.entry.js → p-ccc6f14e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-46cc4f0c.js → p-d00ca988.js} +1 -1
- package/dist/bromcom-ui/{p-5f4a7e27.entry.js → p-d4535e9b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a32b4186.entry.js → p-d90fbea6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-991f374c.entry.js → p-db66b04a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2bdf78f5.entry.js → p-e439b584.entry.js} +1 -1
- package/dist/cjs/bcm-accordion_45.cjs.entry.js +6 -6
- package/dist/cjs/bcm-alert.cjs.entry.js +3 -3
- package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +6 -6
- package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +6 -6
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +3 -3
- package/dist/cjs/bcm-caption.cjs.entry.js +6 -6
- package/dist/cjs/bcm-card.cjs.entry.js +4 -4
- package/dist/cjs/bcm-checkbox-lite_8.cjs.entry.js +3 -3
- package/dist/cjs/bcm-chip-group.cjs.entry.js +6 -6
- package/dist/cjs/bcm-collapse.cjs.entry.js +3 -3
- package/dist/cjs/bcm-date-picker.cjs.entry.js +3 -3
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +3 -3
- package/dist/cjs/bcm-default.cjs.entry.js +3 -3
- package/dist/cjs/bcm-form-2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-input-custom.cjs.entry.js +3 -3
- package/dist/cjs/bcm-input-dropdown.cjs.entry.js +6 -6
- package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +6 -6
- package/dist/cjs/bcm-modal-2-header.cjs.entry.js +6 -6
- package/dist/cjs/bcm-modal-2.cjs.entry.js +6 -6
- package/dist/cjs/bcm-modal.cjs.entry.js +3 -3
- package/dist/cjs/bcm-number-input.cjs.entry.js +6 -6
- package/dist/cjs/bcm-overlay_2.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popover.cjs.entry.js +6 -6
- package/dist/cjs/bcm-range.cjs.entry.js +3 -3
- package/dist/cjs/bcm-skeleton.cjs.entry.js +6 -6
- package/dist/cjs/bcm-table.cjs.entry.js +6 -6
- package/dist/cjs/bcm-tag.cjs.entry.js +4 -4
- package/dist/cjs/bcm-time-picker.cjs.entry.js +3 -3
- package/dist/cjs/bcm-toast.cjs.entry.js +3 -3
- package/dist/cjs/bromcom-ui.cjs.js +2 -2
- package/dist/cjs/{color-helper-dc98a2ca.js → color-helper-c3a819ea.js} +1 -1
- package/dist/cjs/{colors-250d0982.js → colors-078851ec.js} +7 -13
- package/dist/cjs/{generate-c4e28fef.js → generate-f4bfa0a4.js} +2 -2
- package/dist/cjs/{global-32a72f23.js → global-34b7d357.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{number-helper-40bfb2fc.js → number-helper-8b2bc297.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +4 -4
- package/dist/cjs/old-bcm-popover.cjs.entry.js +3 -3
- package/dist/cjs/{package-4a28cfe9.js → package-b728c16f.js} +1 -1
- package/dist/cjs/{validators-0f4f7438.js → validators-816514ff.js} +1 -1
- package/dist/components/colors2.js +7 -13
- package/dist/components/generate.js +1 -1
- package/dist/esm/bcm-accordion_45.entry.js +6 -6
- package/dist/esm/bcm-alert.entry.js +3 -3
- package/dist/esm/bcm-attendance-actions-comment.entry.js +6 -6
- package/dist/esm/bcm-attendance-actions-dropdown.entry.js +6 -6
- package/dist/esm/bcm-breadcrumb.entry.js +3 -3
- package/dist/esm/bcm-caption.entry.js +6 -6
- package/dist/esm/bcm-card.entry.js +4 -4
- package/dist/esm/bcm-checkbox-lite_8.entry.js +3 -3
- package/dist/esm/bcm-chip-group.entry.js +6 -6
- package/dist/esm/bcm-collapse.entry.js +3 -3
- package/dist/esm/bcm-date-picker.entry.js +3 -3
- package/dist/esm/bcm-datetime-picker.entry.js +3 -3
- package/dist/esm/bcm-default.entry.js +3 -3
- package/dist/esm/bcm-form-2.entry.js +3 -3
- package/dist/esm/bcm-input-custom.entry.js +3 -3
- package/dist/esm/bcm-input-dropdown.entry.js +6 -6
- package/dist/esm/bcm-modal-2-footer.entry.js +6 -6
- package/dist/esm/bcm-modal-2-header.entry.js +6 -6
- package/dist/esm/bcm-modal-2.entry.js +6 -6
- package/dist/esm/bcm-modal.entry.js +3 -3
- package/dist/esm/bcm-number-input.entry.js +6 -6
- package/dist/esm/bcm-overlay_2.entry.js +1 -1
- package/dist/esm/bcm-popover.entry.js +6 -6
- package/dist/esm/bcm-range.entry.js +3 -3
- package/dist/esm/bcm-skeleton.entry.js +6 -6
- package/dist/esm/bcm-table.entry.js +6 -6
- package/dist/esm/bcm-tag.entry.js +4 -4
- package/dist/esm/bcm-time-picker.entry.js +3 -3
- package/dist/esm/bcm-toast.entry.js +3 -3
- package/dist/esm/bromcom-ui.js +2 -2
- package/dist/esm/{color-helper-74614f24.js → color-helper-3b528349.js} +1 -1
- package/dist/esm/{colors-dd598eea.js → colors-c530a5b8.js} +7 -13
- package/dist/esm/{generate-7f921cea.js → generate-44c39402.js} +2 -2
- package/dist/esm/{global-e270bb55.js → global-8534a386.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{number-helper-48abae7a.js → number-helper-ce0f20fe.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +4 -4
- package/dist/esm/old-bcm-popover.entry.js +3 -3
- package/dist/esm/{package-52b93905.js → package-b2db00f1.js} +1 -1
- package/dist/esm/{validators-2bf0eca1.js → validators-f9bc23cc.js} +1 -1
- package/package.json +1 -1
- package/dist/bromcom-ui/p-5be80cce.entry.js +0 -5
- package/dist/bromcom-ui/p-6a82a1c6.entry.js +0 -5
- package/dist/bromcom-ui/p-aeb4be41.js +0 -5
- package/dist/bromcom-ui/p-cbbadc43.entry.js +0 -5
- package/dist/bromcom-ui/p-ee0bfc38.entry.js +0 -5
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
|
|
6
|
-
import { G as Generate } from './generate-
|
|
6
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
7
7
|
import { c as classnames } from './index-f549811f.js';
|
|
8
|
-
import './package-
|
|
9
|
-
import './colors-
|
|
8
|
+
import './package-b2db00f1.js';
|
|
9
|
+
import './colors-c530a5b8.js';
|
|
10
10
|
import './_commonjsHelpers-82aa9212.js';
|
|
11
11
|
|
|
12
12
|
const BcmInputCustom = class {
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement, F as Fragment } from './index-0615c2b8.js';
|
|
6
|
-
import './color-helper-
|
|
6
|
+
import './color-helper-3b528349.js';
|
|
7
7
|
import './datetime-helper-df25808a.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
9
|
-
import './number-helper-
|
|
8
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
9
|
+
import './number-helper-ce0f20fe.js';
|
|
10
10
|
import './string-helper-3592bdc2.js';
|
|
11
|
-
import './validators-
|
|
11
|
+
import './validators-f9bc23cc.js';
|
|
12
12
|
import './element-dragger-89bb52fd.js';
|
|
13
13
|
import { B as Bcm } from './bcm-a50d55ba.js';
|
|
14
14
|
import { C as CaptionTemplate } from './caption-template-d7953d13.js';
|
|
@@ -18,9 +18,9 @@ import './types-9493a7ed.js';
|
|
|
18
18
|
import { c as ce } from './index-3bc8c6e3.js';
|
|
19
19
|
import './colors-1d7854ea.js';
|
|
20
20
|
import './utils-57652744.js';
|
|
21
|
-
import './colors-
|
|
21
|
+
import './colors-c530a5b8.js';
|
|
22
22
|
import './_commonjsHelpers-82aa9212.js';
|
|
23
|
-
import './package-
|
|
23
|
+
import './package-b2db00f1.js';
|
|
24
24
|
|
|
25
25
|
const inputDropdownStyle = ce({
|
|
26
26
|
slots: {
|
|
@@ -3,20 +3,20 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
|
|
6
|
-
import './color-helper-
|
|
6
|
+
import './color-helper-3b528349.js';
|
|
7
7
|
import './datetime-helper-df25808a.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
9
|
-
import './number-helper-
|
|
8
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
9
|
+
import './number-helper-ce0f20fe.js';
|
|
10
10
|
import './string-helper-3592bdc2.js';
|
|
11
|
-
import './validators-
|
|
11
|
+
import './validators-f9bc23cc.js';
|
|
12
12
|
import './element-dragger-89bb52fd.js';
|
|
13
13
|
import './bcm-a50d55ba.js';
|
|
14
14
|
import { c as classnames } from './index-f549811f.js';
|
|
15
15
|
import './colors-1d7854ea.js';
|
|
16
16
|
import './utils-57652744.js';
|
|
17
|
-
import './colors-
|
|
17
|
+
import './colors-c530a5b8.js';
|
|
18
18
|
import './_commonjsHelpers-82aa9212.js';
|
|
19
|
-
import './package-
|
|
19
|
+
import './package-b2db00f1.js';
|
|
20
20
|
|
|
21
21
|
const BcmModal2Footer = class {
|
|
22
22
|
constructor(hostRef) {
|
|
@@ -3,19 +3,19 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
|
|
6
|
-
import './color-helper-
|
|
6
|
+
import './color-helper-3b528349.js';
|
|
7
7
|
import './datetime-helper-df25808a.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
9
|
-
import './number-helper-
|
|
8
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
9
|
+
import './number-helper-ce0f20fe.js';
|
|
10
10
|
import './string-helper-3592bdc2.js';
|
|
11
|
-
import './validators-
|
|
11
|
+
import './validators-f9bc23cc.js';
|
|
12
12
|
import './element-dragger-89bb52fd.js';
|
|
13
13
|
import './bcm-a50d55ba.js';
|
|
14
14
|
import './colors-1d7854ea.js';
|
|
15
15
|
import './utils-57652744.js';
|
|
16
|
-
import './colors-
|
|
16
|
+
import './colors-c530a5b8.js';
|
|
17
17
|
import './_commonjsHelpers-82aa9212.js';
|
|
18
|
-
import './package-
|
|
18
|
+
import './package-b2db00f1.js';
|
|
19
19
|
|
|
20
20
|
const BcmModal2Header = class {
|
|
21
21
|
constructor(hostRef) {
|
|
@@ -3,20 +3,20 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
|
|
6
|
-
import './color-helper-
|
|
6
|
+
import './color-helper-3b528349.js';
|
|
7
7
|
import './datetime-helper-df25808a.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
9
|
-
import './number-helper-
|
|
8
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
9
|
+
import './number-helper-ce0f20fe.js';
|
|
10
10
|
import './string-helper-3592bdc2.js';
|
|
11
|
-
import './validators-
|
|
11
|
+
import './validators-f9bc23cc.js';
|
|
12
12
|
import './element-dragger-89bb52fd.js';
|
|
13
13
|
import { d as delay } from './utils-57652744.js';
|
|
14
14
|
import { B as Bcm } from './bcm-a50d55ba.js';
|
|
15
15
|
import { c as classnames } from './index-f549811f.js';
|
|
16
16
|
import './colors-1d7854ea.js';
|
|
17
|
-
import './colors-
|
|
17
|
+
import './colors-c530a5b8.js';
|
|
18
18
|
import './_commonjsHelpers-82aa9212.js';
|
|
19
|
-
import './package-
|
|
19
|
+
import './package-b2db00f1.js';
|
|
20
20
|
|
|
21
21
|
const BcmModal2 = class {
|
|
22
22
|
constructor(hostRef) {
|
|
@@ -7,10 +7,10 @@ import { c as classnames } from './index-f549811f.js';
|
|
|
7
7
|
import { a as Bcm } from './bcm-a50d55ba.js';
|
|
8
8
|
import { S as StringHelper } from './string-helper-3592bdc2.js';
|
|
9
9
|
import { S as SlotTemplate } from './slot-template-2a19b2db.js';
|
|
10
|
-
import { G as Generate } from './generate-
|
|
10
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
11
11
|
import './_commonjsHelpers-82aa9212.js';
|
|
12
|
-
import './package-
|
|
13
|
-
import './colors-
|
|
12
|
+
import './package-b2db00f1.js';
|
|
13
|
+
import './colors-c530a5b8.js';
|
|
14
14
|
|
|
15
15
|
const modalCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-modal{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:24px;transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;opacity:0.6;background-color:var(--bcm-new-ds-color-slate-900)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);z-index:2;transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:\"\";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-400);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}";
|
|
16
16
|
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, h, H as Host } from './index-0615c2b8.js';
|
|
6
|
-
import './color-helper-
|
|
6
|
+
import './color-helper-3b528349.js';
|
|
7
7
|
import './datetime-helper-df25808a.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
9
|
-
import './number-helper-
|
|
8
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
9
|
+
import './number-helper-ce0f20fe.js';
|
|
10
10
|
import './string-helper-3592bdc2.js';
|
|
11
|
-
import './validators-
|
|
11
|
+
import './validators-f9bc23cc.js';
|
|
12
12
|
import './element-dragger-89bb52fd.js';
|
|
13
13
|
import { B as Bcm } from './bcm-a50d55ba.js';
|
|
14
14
|
import { C as CaptionTemplate } from './caption-template-d7953d13.js';
|
|
@@ -18,9 +18,9 @@ import './types-9493a7ed.js';
|
|
|
18
18
|
import { c as ce } from './index-3bc8c6e3.js';
|
|
19
19
|
import './colors-1d7854ea.js';
|
|
20
20
|
import './utils-57652744.js';
|
|
21
|
-
import './colors-
|
|
21
|
+
import './colors-c530a5b8.js';
|
|
22
22
|
import './_commonjsHelpers-82aa9212.js';
|
|
23
|
-
import './package-
|
|
23
|
+
import './package-b2db00f1.js';
|
|
24
24
|
|
|
25
25
|
const numberInputStyle = ce({
|
|
26
26
|
slots: {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, h, H as Host } from './index-0615c2b8.js';
|
|
6
6
|
import { c as classnames } from './index-f549811f.js';
|
|
7
|
-
import { c as colors } from './colors-
|
|
7
|
+
import { c as colors } from './colors-c530a5b8.js';
|
|
8
8
|
import './_commonjsHelpers-82aa9212.js';
|
|
9
9
|
|
|
10
10
|
const BcmOverlay = class {
|
|
@@ -3,20 +3,20 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
|
|
6
|
-
import { C as ColorHelper } from './color-helper-
|
|
6
|
+
import { C as ColorHelper } from './color-helper-3b528349.js';
|
|
7
7
|
import './datetime-helper-df25808a.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
9
|
-
import './number-helper-
|
|
8
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
9
|
+
import './number-helper-ce0f20fe.js';
|
|
10
10
|
import { S as StringHelper } from './string-helper-3592bdc2.js';
|
|
11
|
-
import './validators-
|
|
11
|
+
import './validators-f9bc23cc.js';
|
|
12
12
|
import './element-dragger-89bb52fd.js';
|
|
13
13
|
import { B as Bcm } from './bcm-a50d55ba.js';
|
|
14
14
|
import { d as delay } from './utils-57652744.js';
|
|
15
15
|
import { F as FloatingUI } from './floating-ui-3f4394da.js';
|
|
16
16
|
import './colors-1d7854ea.js';
|
|
17
|
-
import './colors-
|
|
17
|
+
import './colors-c530a5b8.js';
|
|
18
18
|
import './_commonjsHelpers-82aa9212.js';
|
|
19
|
-
import './package-
|
|
19
|
+
import './package-b2db00f1.js';
|
|
20
20
|
|
|
21
21
|
class Popover {
|
|
22
22
|
constructor({ content, message, targetId, placement = "top", color = "slate-700", trigger = "none", openDelay = 0, closeDelay = 0, autoHide = false, emitShow = () => { }, emitHide = () => { } }) {
|
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
|
|
6
6
|
import { c as classnames } from './index-f549811f.js';
|
|
7
|
-
import { G as Generate } from './generate-
|
|
7
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
8
8
|
import { a as Bcm } from './bcm-a50d55ba.js';
|
|
9
9
|
import { d as delay } from './utils-57652744.js';
|
|
10
10
|
import './_commonjsHelpers-82aa9212.js';
|
|
11
|
-
import './package-
|
|
12
|
-
import './colors-
|
|
11
|
+
import './package-b2db00f1.js';
|
|
12
|
+
import './colors-c530a5b8.js';
|
|
13
13
|
|
|
14
14
|
const rangeCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-range{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:\" \";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:\"\";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}";
|
|
15
15
|
|
|
@@ -3,20 +3,20 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, h, H as Host } from './index-0615c2b8.js';
|
|
6
|
-
import './color-helper-
|
|
6
|
+
import './color-helper-3b528349.js';
|
|
7
7
|
import './datetime-helper-df25808a.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
9
|
-
import './number-helper-
|
|
8
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
9
|
+
import './number-helper-ce0f20fe.js';
|
|
10
10
|
import './string-helper-3592bdc2.js';
|
|
11
|
-
import './validators-
|
|
11
|
+
import './validators-f9bc23cc.js';
|
|
12
12
|
import './element-dragger-89bb52fd.js';
|
|
13
13
|
import './bcm-a50d55ba.js';
|
|
14
14
|
import { c as ce } from './index-3bc8c6e3.js';
|
|
15
15
|
import './colors-1d7854ea.js';
|
|
16
16
|
import './utils-57652744.js';
|
|
17
|
-
import './colors-
|
|
17
|
+
import './colors-c530a5b8.js';
|
|
18
18
|
import './_commonjsHelpers-82aa9212.js';
|
|
19
|
-
import './package-
|
|
19
|
+
import './package-b2db00f1.js';
|
|
20
20
|
|
|
21
21
|
const skeletonStyle = ce({
|
|
22
22
|
slots: {
|
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { h, F as Fragment, r as registerInstance, H as Host, g as getElement } from './index-0615c2b8.js';
|
|
6
6
|
import { M as ModuleNames, L as LicenseManager, a as MD5, W as WatermarkComp, _, R as RowNode, E as Events, C as ClientSideRowModelSteps, b as RowHighlightPosition, c as ChangedPath, A as Autowired, O as Optional, P as PostConstruct, B as Bean, d as BeanStub, G as GROUP_AUTO_COLUMN_ID, e as ColumnGroup, f as GroupInstanceIdCreator, g as ExcelFactoryMode, h as CssClassApplier, i as AgPromise, j as RefSelector, k as Component, l as ModuleRegistry, m as Grid } from './watermark-f2c6a1f9.js';
|
|
7
|
-
import './color-helper-
|
|
7
|
+
import './color-helper-3b528349.js';
|
|
8
8
|
import './datetime-helper-df25808a.js';
|
|
9
|
-
import { G as Generate, s as snq } from './generate-
|
|
10
|
-
import './number-helper-
|
|
9
|
+
import { G as Generate, s as snq } from './generate-44c39402.js';
|
|
10
|
+
import './number-helper-ce0f20fe.js';
|
|
11
11
|
import { S as StringHelper } from './string-helper-3592bdc2.js';
|
|
12
|
-
import './validators-
|
|
12
|
+
import './validators-f9bc23cc.js';
|
|
13
13
|
import './element-dragger-89bb52fd.js';
|
|
14
14
|
import './bcm-a50d55ba.js';
|
|
15
15
|
import { c as classnames } from './index-f549811f.js';
|
|
@@ -17,9 +17,9 @@ import './types-6f06fa1a.js';
|
|
|
17
17
|
import './types-9493a7ed.js';
|
|
18
18
|
import './colors-1d7854ea.js';
|
|
19
19
|
import './utils-57652744.js';
|
|
20
|
-
import './colors-
|
|
20
|
+
import './colors-c530a5b8.js';
|
|
21
21
|
import './_commonjsHelpers-82aa9212.js';
|
|
22
|
-
import './package-
|
|
22
|
+
import './package-b2db00f1.js';
|
|
23
23
|
|
|
24
24
|
// DO NOT UPDATE MANUALLY: Generated from script during build time
|
|
25
25
|
var VERSION$4 = '29.0.0';
|
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { h, r as registerInstance, c as createEvent, g as getElement } from './index-0615c2b8.js';
|
|
6
|
-
import { G as Generate } from './generate-
|
|
6
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
7
7
|
import { a as Bcm } from './bcm-a50d55ba.js';
|
|
8
8
|
import { c as classnames } from './index-f549811f.js';
|
|
9
|
-
import { N as NumberHelper } from './number-helper-
|
|
9
|
+
import { N as NumberHelper } from './number-helper-ce0f20fe.js';
|
|
10
10
|
import { e as extractColor } from './utils-57652744.js';
|
|
11
11
|
import { C as ColorPalette } from './colors-1d7854ea.js';
|
|
12
12
|
import { C as ColorProps } from './types-9493a7ed.js';
|
|
13
|
-
import './package-
|
|
14
|
-
import './colors-
|
|
13
|
+
import './package-b2db00f1.js';
|
|
14
|
+
import './colors-c530a5b8.js';
|
|
15
15
|
import './_commonjsHelpers-82aa9212.js';
|
|
16
16
|
|
|
17
17
|
const TagTemplate = ({ _id, color, customStyle, size, checked, hidden, value, type, onDismiss, onSelect }) => {
|
|
@@ -5,12 +5,12 @@
|
|
|
5
5
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
|
|
6
6
|
import { c as classnames } from './index-f549811f.js';
|
|
7
7
|
import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
8
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
9
9
|
import { a as Bcm } from './bcm-a50d55ba.js';
|
|
10
10
|
import { d as delay } from './utils-57652744.js';
|
|
11
11
|
import './_commonjsHelpers-82aa9212.js';
|
|
12
|
-
import './package-
|
|
13
|
-
import './colors-
|
|
12
|
+
import './package-b2db00f1.js';
|
|
13
|
+
import './colors-c530a5b8.js';
|
|
14
14
|
|
|
15
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-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}";
|
|
16
16
|
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
|
|
6
6
|
import { c as classnames } from './index-f549811f.js';
|
|
7
|
-
import { G as Generate } from './generate-
|
|
7
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
8
8
|
import { S as StringHelper } from './string-helper-3592bdc2.js';
|
|
9
9
|
import { a as Bcm } from './bcm-a50d55ba.js';
|
|
10
10
|
import { d as delay } from './utils-57652744.js';
|
|
11
11
|
import './_commonjsHelpers-82aa9212.js';
|
|
12
|
-
import './package-
|
|
13
|
-
import './colors-
|
|
12
|
+
import './package-b2db00f1.js';
|
|
13
|
+
import './colors-c530a5b8.js';
|
|
14
14
|
|
|
15
15
|
const BcmToast = class {
|
|
16
16
|
constructor(hostRef) {
|
package/dist/esm/bromcom-ui.js
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { p as promiseResolve, b as bootstrapLazy } from './index-0615c2b8.js';
|
|
6
6
|
export { s as setNonce } from './index-0615c2b8.js';
|
|
7
|
-
import './global-
|
|
8
|
-
import './package-
|
|
7
|
+
import './global-8534a386.js';
|
|
8
|
+
import './package-b2db00f1.js';
|
|
9
9
|
import './watermark-f2c6a1f9.js';
|
|
10
10
|
|
|
11
11
|
/*
|
|
@@ -21,15 +21,11 @@ function _export(target, all) {
|
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
23
|
_export(exports, {
|
|
24
|
-
dim:
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
default: function() {
|
|
28
|
-
return _default;
|
|
29
|
-
}
|
|
24
|
+
dim: ()=>dim,
|
|
25
|
+
default: ()=>_default
|
|
30
26
|
});
|
|
31
|
-
const _picocolors = /*#__PURE__*/
|
|
32
|
-
function
|
|
27
|
+
const _picocolors = /*#__PURE__*/ _interopRequireDefault(picocolors_browser);
|
|
28
|
+
function _interopRequireDefault(obj) {
|
|
33
29
|
return obj && obj.__esModule ? obj : {
|
|
34
30
|
default: obj
|
|
35
31
|
};
|
|
@@ -79,12 +75,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
79
75
|
});
|
|
80
76
|
Object.defineProperty(exports, "default", {
|
|
81
77
|
enumerable: true,
|
|
82
|
-
get:
|
|
83
|
-
return _default;
|
|
84
|
-
}
|
|
78
|
+
get: ()=>_default
|
|
85
79
|
});
|
|
86
|
-
const _log = /*#__PURE__*/
|
|
87
|
-
function
|
|
80
|
+
const _log = /*#__PURE__*/ _interopRequireDefault(log_1);
|
|
81
|
+
function _interopRequireDefault(obj) {
|
|
88
82
|
return obj && obj.__esModule ? obj : {
|
|
89
83
|
default: obj
|
|
90
84
|
};
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import { v as version } from './package-
|
|
6
|
-
import { c as colors } from './colors-
|
|
5
|
+
import { v as version } from './package-b2db00f1.js';
|
|
6
|
+
import { c as colors } from './colors-c530a5b8.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* 'status' prop predefined values
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
5
|
import { E as Env } from './index-0615c2b8.js';
|
|
6
|
-
import { v as version } from './package-
|
|
6
|
+
import { v as version } from './package-b2db00f1.js';
|
|
7
7
|
import { L as LicenseManager } from './watermark-f2c6a1f9.js';
|
|
8
8
|
|
|
9
9
|
window.bcm = (function () {
|
package/dist/esm/loader.js
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { p as promiseResolve, b as bootstrapLazy } from './index-0615c2b8.js';
|
|
6
6
|
export { s as setNonce } from './index-0615c2b8.js';
|
|
7
|
-
import './global-
|
|
8
|
-
import './package-
|
|
7
|
+
import './global-8534a386.js';
|
|
8
|
+
import './package-b2db00f1.js';
|
|
9
9
|
import './watermark-f2c6a1f9.js';
|
|
10
10
|
|
|
11
11
|
/*
|
|
@@ -7,14 +7,14 @@ import './element-dragger-89bb52fd.js';
|
|
|
7
7
|
import { g as getPlacement, s as setPosition } from './popover-placement-d12fec40.js';
|
|
8
8
|
import { F as FloatingUI } from './floating-ui-3f4394da.js';
|
|
9
9
|
import { c as classnames } from './index-f549811f.js';
|
|
10
|
-
import { G as Generate } from './generate-
|
|
11
|
-
import { N as NumberHelper } from './number-helper-
|
|
10
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
11
|
+
import { N as NumberHelper } from './number-helper-ce0f20fe.js';
|
|
12
12
|
import { S as StringHelper } from './string-helper-3592bdc2.js';
|
|
13
13
|
import './utils-57652744.js';
|
|
14
14
|
import './bcm-a50d55ba.js';
|
|
15
15
|
import './_commonjsHelpers-82aa9212.js';
|
|
16
|
-
import './package-
|
|
17
|
-
import './colors-
|
|
16
|
+
import './package-b2db00f1.js';
|
|
17
|
+
import './colors-c530a5b8.js';
|
|
18
18
|
|
|
19
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}";
|
|
20
20
|
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
|
|
6
6
|
import { c as classnames } from './index-f549811f.js';
|
|
7
7
|
import { a as Bcm } from './bcm-a50d55ba.js';
|
|
8
|
-
import { G as Generate } from './generate-
|
|
8
|
+
import { G as Generate } from './generate-44c39402.js';
|
|
9
9
|
import './_commonjsHelpers-82aa9212.js';
|
|
10
|
-
import './package-
|
|
11
|
-
import './colors-
|
|
10
|
+
import './package-b2db00f1.js';
|
|
11
|
+
import './colors-c530a5b8.js';
|
|
12
12
|
|
|
13
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}";
|
|
14
14
|
|
package/package.json
CHANGED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{h as s,r as t,c as i,g as e}from"./p-170cf07d.js";import{G as c}from"./p-0d0e3903.js";import{a as o}from"./p-a313fba6.js";import{c as h}from"./p-e0ab7b38.js";import{N as a}from"./p-46cc4f0c.js";import{e as r}from"./p-8c018ae0.js";import{C as l}from"./p-436364c8.js";import{C as n}from"./p-2e73d572.js";import"./p-4d55ba21.js";import"./p-aeb4be41.js";import"./p-6657830f.js";const d=({_id:t,color:i,customStyle:e,size:c,checked:d,hidden:m,value:p,type:b,onDismiss:f,onSelect:u})=>{!c&&(c=o.FontSize["size-1"]);const j=h(((s,t=!1)=>(a.isNumber(s)&&(s=o.FontSize["size-"+s]||o.FontSize["size-4"]),t?+(o.FontSizeValue[s]||o.FontSizeValue["size-4"])+2:s))(c),"bcm-tag__content",b),k=h("bcm-tag",{hidden:m});return s("div",{id:t,class:h(k,{checked:d})},s("span",{hidden:!0},s("slot",null)),s("span",{class:j,style:(s=>{if((b===o.TagType.basic||b==o.TagType.dismissable)&&n[s])return{color:r(l,n[s]+"-6"),borderColor:r(l,n[s]+"-3"),backgroundColor:r(l,n[s]+"-1")}})(i),onClick:s=>u(s)},b===o.TagType.add&&s("span",{class:"left"},s("bcm-icon",{icon:"far fa-plus"})),b===o.TagType.checkable&&s("input",{type:"checkbox",checked:d}),s("span",{class:"value",style:e},p),b===o.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>f(s)},s("bcm-icon",{icon:"fal fa-times"}))))},m=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.tagDismissable=i(this,"bcm-tag-dismissable",7),this.bcmTagSelect=i(this,"bcm-tag-select",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value="",this.type=o.TagType.basic,this.checked=!1,this.color=void 0,this.customStyle=void 0,this.itemObject=void 0,this.size=o.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===o.TagType.checkable&&this.handleChecked()}handleClose(){this.tagDismissable.emit(this.el)}handleChecked(){this.checked=!this.checked,this.change.emit(this.checked)}render(){const{type:t,color:i,value:e,customStyle:c,size:h,hidden:a,checked:r}=this;return s(d,{size:h,hidden:a,color:i,customStyle:c,checked:r,value:e,type:o.TagType[t],onSelect:s=>{this.bcmTagSelect.emit(s),this.selectFunc({event:s,id:this._id})},onDismiss:s=>{this.handleClose(),this.closeFunc(s)}})}get el(){return e(this)}};export{m as bcm_tag}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,h as p,H as s,g as r}from"./p-170cf07d.js";import"./p-6bea284a.js";import"./p-626a65e9.js";import{G as o}from"./p-0d0e3903.js";import"./p-46cc4f0c.js";import"./p-a0d6d680.js";import"./p-2c4435e2.js";import"./p-7e44e6b5.js";import"./p-a313fba6.js";import{c as e}from"./p-e0ab7b38.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-aeb4be41.js";import"./p-6657830f.js";import"./p-4d55ba21.js";const i=class{constructor(p){t(this,p),this._id=o.UID(),this.el.slot="footer"}render(){return p(s,{class:e("tw-flex tw-flex-row tw-items-center tw-justify-end tw-gap-2 tw-px-6 tw-pb-6 tw-pt-2")},p("slot",null))}get el(){return r(this)}};export{i as bcm_modal_2_footer}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{c as e,a as f}from"./p-6657830f.js";var a=String,c=function(){return{isColorSupported:!1,reset:a,bold:a,dim:a,italic:a,underline:a,inverse:a,hidden:a,strikethrough:a,black:a,red:a,green:a,yellow:a,blue:a,magenta:a,cyan:a,white:a,gray:a,bgBlack:a,bgRed:a,bgGreen:a,bgYellow:a,bgBlue:a,bgMagenta:a,bgCyan:a,bgWhite:a}},d=c();d.createColors=c;var r=e((function(e,f){Object.defineProperty(f,"__esModule",{value:!0}),function(e,f){for(var a in f)Object.defineProperty(e,a,{enumerable:!0,get:f[a]})}(f,{dim:function(){return t},default:function(){return b}});const a=c(d);function c(e){return e&&e.__esModule?e:{default:e}}let r=new Set;function n(e,f,a){"undefined"!=typeof process&&process.env.JEST_WORKER_ID||a&&r.has(a)||(a&&r.add(a),console.warn(""),f.forEach((f=>console.warn(e,"-",f))))}function t(e){return a.default.dim(e)}const b={info(e,f){n(a.default.bold(a.default.cyan("info")),...Array.isArray(e)?[e]:[f,e])},warn(e,f){n(a.default.bold(a.default.yellow("warn")),...Array.isArray(e)?[e]:[f,e])},risk(e,f){n(a.default.bold(a.default.magenta("risk")),...Array.isArray(e)?[e]:[f,e])}}})),n=e((function(e,f){Object.defineProperty(f,"__esModule",{value:!0}),Object.defineProperty(f,"default",{enumerable:!0,get:function(){return n}});const a=c(r);function c(e){return e&&e.__esModule?e:{default:e}}function d({version:e,from:f,to:c}){a.default.warn(`${f}-color-renamed`,[`As of Tailwind CSS ${e}, \`${f}\` has been renamed to \`${c}\`.`,"Update your configuration file to silence this warning."])}const n={inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000",white:"#fff",slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917",950:"#0c0a09"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314",950:"#1a2e05"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b",950:"#022c22"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a",950:"#042f2e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63",950:"#083344"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e",950:"#082f49"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81",950:"#1e1b4b"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95",950:"#2e1065"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87",950:"#3b0764"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75",950:"#4a044e"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843",950:"#500724"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"},get lightBlue(){return d({version:"v2.2",from:"lightBlue",to:"sky"}),this.sky},get warmGray(){return d({version:"v3.0",from:"warmGray",to:"stone"}),this.stone},get trueGray(){return d({version:"v3.0",from:"trueGray",to:"neutral"}),this.neutral},get coolGray(){return d({version:"v3.0",from:"coolGray",to:"gray"}),this.gray},get blueGray(){return d({version:"v3.0",from:"blueGray",to:"slate"}),this.slate}}}));const t=f(e((function(e){e.exports=(n.__esModule?n:{default:n}).default})));export{t as c}
|
|
@@ -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-170cf07d.js";import"./p-6bea284a.js";import"./p-626a65e9.js";import{G as o}from"./p-0d0e3903.js";import"./p-46cc4f0c.js";import"./p-a0d6d680.js";import"./p-2c4435e2.js";import"./p-7e44e6b5.js";import"./p-a313fba6.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-aeb4be41.js";import"./p-6657830f.js";import"./p-4d55ba21.js";const p=class{constructor(e){t(this,e),this._id=o.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{p as bcm_modal_2_header}
|
|
@@ -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 e,g as o}from"./p-170cf07d.js";import"./p-6bea284a.js";import"./p-626a65e9.js";import{G as a}from"./p-0d0e3903.js";import"./p-46cc4f0c.js";import"./p-a0d6d680.js";import"./p-2c4435e2.js";import"./p-7e44e6b5.js";import{d as n}from"./p-8c018ae0.js";import{F as r}from"./p-6e5f5f36.js";import{B as c}from"./p-a313fba6.js";import{c as l}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-aeb4be41.js";import"./p-6657830f.js";import"./p-4d55ba21.js";const m=l({slots:{host:["tw-w-fit","tw-absolute tw-left-0 tw-right-0 tw-z-tooltip tw-opacity-100 tw-transition-opacity tw-duration-300","tw-rounded tw-bg-white tw-shadow","bcm-ui-element bcm-attendance-actions tw-flex tw-flex-col tw-items-start tw-justify-start tw-p-4 tw-font-medium tw-text-slate-700"],footer:["tw-flex tw-w-full tw-flex-row tw-items-center tw-justify-end tw-gap-2 "]},variants:{size:{small:{},medium:{},large:{}}},defaultVariants:{size:"medium"}}),h=class{constructor(s){t(this,s),this.change=i(this,"bcm-attendance-actions-comment-change",3),this.lateMinutes=null,this.comment=null,this._id=a.UID(),this.size=c.Size.medium,this.disabled=!1,this.selectedKey=null,this.targetId=null,this.isShow=!1,this.isLate=!1,this.selectedItem=null}handleSave(t,i){this.change.emit({lateMinutes:t,comment:i}),this.hide()}async show(){const t=document.getElementById(this.targetId);r({ref:t,floating:this.el,placement:"bottom-end",offset:8,arrow:!0,arrowColor:"tw-bg-white"}),this.isShow=!0,await n(100),this.isLate?this.focusInput():this.focusTextarea()}focusInput(){const t=this.el.querySelector("bcm-input");null==t||t.onBcmSelect()}focusTextarea(){const t=this.el.querySelector("bcm-textarea");null==t||t.onBcmSelect()}async hide(){this.isShow&&this.el.remove()}handleClickOutside(t){a.findEventPath(t,this.el)||this.hide()}async formSubmit(){var t,i,s;const{lateMinutes:e,comment:o,isLate:a}=this;if(a&&e&&!(e>=0&&e<=200))return;const{isValid:n}=await(null===(t=this.el.querySelector("bcm-form"))||void 0===t?void 0:t.submit());n&&this.handleSave(e||(null===(i=this.selectedItem)||void 0===i?void 0:i.lateMin),o||(null===(s=this.selectedItem)||void 0===s?void 0:s.comment))}render(){var t,i;const{size:o}=this,{host:a,footer:n}=m({size:o});return s(e,{class:a(),onKeyDown:t=>{"Escape"===t.key&&this.hide()}},s("bcm-form",{validation:!0,style:{width:"256px"}},this.isLate?s("bcm-input",{label:"Minus Late",required:!0,name:"lateMin",id:this._id+"-input-dropdown-late-content-input",type:"number",size:this.size,autocomplete:!1,"no-margin":!0,min:0,max:200,value:null===(t=this.selectedItem)||void 0===t?void 0:t.lateMin,placeholder:"Enter Minus Late","onBcm-change":({detail:t})=>this.lateMinutes=t,onKeyDown:t=>{"Enter"===t.key&&this.formSubmit()}},s("i",{slot:"prefix",class:"far fa-clock"})):null,s("bcm-textarea",{name:"comment",value:null===(i=this.selectedItem)||void 0===i?void 0:i.comment,size:this.size,"onBcm-change":({detail:t})=>this.comment=t,label:"Description","no-caption":!0,rows:4,onKeyDown:t=>{"Enter"===t.key&&this.formSubmit()}}),s("footer",{class:n()},s("bcm-button",{class:"tw-order-2",icon:"fas fa-save","icon-position":"prefix",size:this.size,onClick:()=>this.formSubmit()},"Save"),s("bcm-button",{class:"tw-order-1",icon:"fas fa-times",kind:"ghost",size:this.size,"icon-position":"prefix",onClick:()=>this.hide()},"Close"))))}get el(){return o(this)}};export{h as bcm_attendance_actions_comment}
|