bromcom-ui 2.10.0 → 2.10.1-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bromcom-ui/bromcom-ui.css +1 -1
- package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
- package/dist/bromcom-ui/{p-9c6363e3.entry.js → p-015d19dd.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7e3f14bf.entry.js → p-0325e8a4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-50694c46.entry.js → p-09699c4d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f4ef049a.entry.js → p-0973538a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9d631596.entry.js → p-0b316c6f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b87096e9.entry.js → p-0b820f78.entry.js} +1 -1
- package/dist/bromcom-ui/{p-33f783d4.entry.js → p-0fe106fc.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8c951a73.js → p-125d6ed0.js} +1 -1
- package/dist/bromcom-ui/p-140f3478.js +5 -0
- package/dist/bromcom-ui/{p-42b8f665.entry.js → p-14c32a34.entry.js} +1 -1
- package/dist/bromcom-ui/{p-4438d629.entry.js → p-14cafd64.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f95797df.js → p-157359d6.js} +1 -1
- package/dist/bromcom-ui/{p-bf8637cf.entry.js → p-16848643.entry.js} +1 -1
- package/dist/bromcom-ui/{p-db72fb9a.entry.js → p-1708a5ec.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e037ee2b.js → p-170cf07d.js} +1 -1
- package/dist/bromcom-ui/{p-f03e56b9.entry.js → p-19f27bd8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-95a2c489.entry.js → p-1c801d0c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e32ab4da.entry.js → p-1c9314bd.entry.js} +1 -1
- package/dist/bromcom-ui/p-228c74e9.entry.js +5 -0
- package/dist/bromcom-ui/{p-bc20302f.entry.js → p-24710a65.entry.js} +1 -1
- package/dist/bromcom-ui/{p-18bc4e04.entry.js → p-26290ed5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-be635a5f.entry.js → p-29614b49.entry.js} +1 -1
- package/dist/bromcom-ui/{p-188b9079.entry.js → p-2aaeb247.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1f9b6d10.entry.js → p-2da72d6a.entry.js} +1 -1
- package/dist/bromcom-ui/p-3432a82d.js +19 -0
- package/dist/bromcom-ui/{p-4b82126e.entry.js → p-3756f541.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0974f3ef.entry.js → p-39a40a6e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-86642adc.entry.js → p-3b41df22.entry.js} +1 -1
- package/dist/bromcom-ui/p-3d142f76.entry.js +5 -0
- package/dist/bromcom-ui/{p-1dc1bb32.entry.js → p-3f39982f.entry.js} +1 -1
- package/dist/bromcom-ui/p-40b85b9b.entry.js +5 -0
- package/dist/bromcom-ui/{p-0efc9196.entry.js → p-430c0a24.entry.js} +1 -1
- package/dist/bromcom-ui/{p-303b4dfa.entry.js → p-483b4ba8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a1b1750c.js → p-518b9b80.js} +1 -1
- package/dist/bromcom-ui/{p-1998815a.entry.js → p-51b6a14a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-38c95c70.entry.js → p-551058cd.entry.js} +1 -1
- package/dist/bromcom-ui/p-55291cc5.entry.js +5 -0
- package/dist/bromcom-ui/{p-468157a0.entry.js → p-5699f67d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b48522a7.entry.js → p-56f7477e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5c4b71fb.entry.js → p-571dca86.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9f83dbdf.entry.js → p-5c671967.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1e547f98.entry.js → p-5ca4aa84.entry.js} +1 -1
- package/dist/bromcom-ui/p-5ff3c68f.entry.js +5 -0
- package/dist/bromcom-ui/{p-4798d827.js → p-61db1f1f.js} +1 -1
- package/dist/bromcom-ui/{p-7a89243a.entry.js → p-626b805d.entry.js} +1 -1
- package/dist/bromcom-ui/p-62d178e3.entry.js +5 -0
- package/dist/bromcom-ui/{p-f711588b.js → p-6369b73b.js} +1 -1
- package/dist/bromcom-ui/{p-8d635460.entry.js → p-646cf63c.entry.js} +1 -1
- package/dist/bromcom-ui/p-64fad38b.js +11 -0
- package/dist/bromcom-ui/{p-3b079331.entry.js → p-67343ad8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-51da4af1.entry.js → p-673f7ee8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-48f5a3c9.entry.js → p-69260d36.entry.js} +1 -1
- package/dist/bromcom-ui/{p-034bbcdd.js → p-6edf985f.js} +1 -1
- package/dist/bromcom-ui/p-71b9ea64.entry.js +7 -0
- package/dist/bromcom-ui/{p-197aba37.js → p-74e6d2b6.js} +1 -1
- package/dist/bromcom-ui/{p-72058fb8.entry.js → p-77eb2287.entry.js} +1 -1
- package/dist/bromcom-ui/{p-98d39972.entry.js → p-795d2f76.entry.js} +1 -1
- package/dist/bromcom-ui/{p-03337609.entry.js → p-7c5763cc.entry.js} +1 -1
- package/dist/bromcom-ui/{p-181f2f4a.entry.js → p-7d18ce0e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5ae0a59b.js → p-7e44e6b5.js} +1 -1
- package/dist/bromcom-ui/{p-42bbaf3f.entry.js → p-7f09901d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e8b61e90.js → p-813ec92d.js} +1 -1
- package/dist/bromcom-ui/{p-e45c1546.js → p-85eedabc.js} +1 -1
- package/dist/bromcom-ui/p-8b202d9e.js +5 -0
- package/dist/bromcom-ui/{p-3c7a0345.js → p-8c018ae0.js} +1 -1
- package/dist/bromcom-ui/{p-d03b8b90.entry.js → p-8d43aa14.entry.js} +1 -1
- package/dist/bromcom-ui/{p-dd94b43f.entry.js → p-93b8a3ff.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8e5e362a.js → p-9850cbce.js} +1 -1
- package/dist/bromcom-ui/p-9889a4ed.entry.js +5 -0
- package/dist/bromcom-ui/{p-f9119bec.entry.js → p-99824717.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2a26515f.js → p-9a41b688.js} +1 -1
- package/dist/bromcom-ui/p-a00170b7.entry.js +5 -0
- package/dist/bromcom-ui/{p-b017e8cd.entry.js → p-a04aab3c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7c18d6ae.entry.js → p-a1f9e7d4.entry.js} +1 -1
- package/dist/bromcom-ui/p-a25c8a55.js +5 -0
- package/dist/bromcom-ui/{p-c5f820ca.entry.js → p-a42cc789.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1a33d7a3.entry.js → p-a664cc20.entry.js} +1 -1
- package/dist/bromcom-ui/p-a839a0e5.entry.js +5 -0
- package/dist/bromcom-ui/p-ae57f046.entry.js +5 -0
- package/dist/bromcom-ui/{p-68074ec3.entry.js → p-b013cff9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e8ea33a0.entry.js → p-b3b59bc3.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6e7bb16f.entry.js → p-ba9eff2a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3df7d781.entry.js → p-be434461.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2c05f941.entry.js → p-bec8a936.entry.js} +1 -1
- package/dist/bromcom-ui/{p-107f11df.entry.js → p-c1a992e7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-18a62098.js → p-c1b167a3.js} +1 -1
- package/dist/bromcom-ui/{p-0d9e0e43.entry.js → p-c566b3a0.entry.js} +1 -1
- package/dist/bromcom-ui/{p-451a262e.entry.js → p-cd04678a.entry.js} +1 -1
- package/dist/bromcom-ui/p-cf0c0700.entry.js +5 -0
- package/dist/bromcom-ui/{p-18d5e3f2.js → p-cf171578.js} +1 -1
- package/dist/bromcom-ui/{p-9c027fe2.js → p-d06f5291.js} +1 -1
- package/dist/bromcom-ui/{p-63138ee5.entry.js → p-d551a51d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-658028ef.entry.js → p-d7538ba4.entry.js} +1 -1
- package/dist/bromcom-ui/p-d89b7e22.entry.js +5 -0
- package/dist/bromcom-ui/{p-b9ed8d61.entry.js → p-dac3117a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-da3e7a70.entry.js → p-e11ab4ed.entry.js} +1 -1
- package/dist/bromcom-ui/{p-12e36dc5.js → p-e131b27f.js} +1 -1
- package/dist/bromcom-ui/{p-82c964dc.entry.js → p-e38c4c3a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1a5d4e8f.js → p-ea2ce157.js} +1 -1
- package/dist/bromcom-ui/{p-4d7ea23c.entry.js → p-ece578ef.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5f46721f.entry.js → p-f1dbd96d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8b37bc3c.js → p-f3431dc8.js} +1 -1
- package/dist/bromcom-ui/p-f7549b1f.entry.js +5 -0
- package/dist/bromcom-ui/p-f800e665.js +5 -0
- package/dist/bromcom-ui/p-fb597d84.entry.js +5 -0
- package/dist/bromcom-ui/{p-1e8559ac.entry.js → p-fff1a0f9.entry.js} +1 -1
- package/dist/cjs/{bcm-7f703055.js → bcm-3c58a6d5.js} +28 -27
- package/dist/cjs/bcm-accordion.cjs.entry.js +2 -2
- package/dist/cjs/bcm-alert.cjs.entry.js +4 -4
- package/dist/cjs/bcm-attendance.cjs.entry.js +2 -2
- package/dist/cjs/bcm-avatar_2.cjs.entry.js +6 -6
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/bcm-button-group.cjs.entry.js +4 -4
- package/dist/cjs/{bcm-colorful_2.cjs.entry.js → bcm-button_10.cjs.entry.js} +15630 -306
- package/dist/cjs/bcm-caption.cjs.entry.js +47 -0
- package/dist/cjs/bcm-card.cjs.entry.js +5 -5
- package/dist/cjs/bcm-checkbox-group.cjs.entry.js +20 -22
- package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +3 -3
- package/dist/cjs/bcm-checkbox_2.cjs.entry.js +7 -7
- package/dist/cjs/bcm-chip-group.cjs.entry.js +8 -9
- package/dist/cjs/bcm-chip.cjs.entry.js +2 -2
- package/dist/cjs/bcm-collapse.cjs.entry.js +2 -2
- package/dist/cjs/bcm-color-input.cjs.entry.js +6 -6
- package/dist/cjs/bcm-date-picker.cjs.entry.js +3 -3
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +7 -8
- package/dist/cjs/bcm-default.cjs.entry.js +2 -2
- package/dist/cjs/bcm-drawer.cjs.entry.js +6 -6
- package/dist/cjs/bcm-dropdown.cjs.entry.js +4 -4
- package/dist/cjs/bcm-expansion-panel.cjs.entry.js +4 -4
- package/dist/cjs/bcm-form-2.cjs.entry.js +4 -4
- package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
- package/dist/cjs/bcm-input-dropdown.cjs.entry.js +8 -8
- package/dist/cjs/bcm-item.cjs.entry.js +3 -3
- package/dist/cjs/bcm-items.cjs.entry.js +4 -4
- package/dist/cjs/bcm-link.cjs.entry.js +1 -1
- package/dist/cjs/bcm-list_3.cjs.entry.js +50 -30
- package/dist/cjs/bcm-menu.cjs.entry.js +8 -8
- 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 +5 -5
- package/dist/cjs/bcm-old-input.cjs.entry.js +2 -2
- package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +5 -5
- package/dist/cjs/bcm-popconfirm.cjs.entry.js +3 -3
- package/dist/cjs/bcm-popover.cjs.entry.js +7 -7
- package/dist/cjs/bcm-progress.cjs.entry.js +3 -3
- package/dist/cjs/bcm-radio-group.cjs.entry.js +7 -7
- package/dist/cjs/bcm-radio.cjs.entry.js +6 -6
- package/dist/cjs/bcm-range.cjs.entry.js +3 -3
- package/dist/cjs/bcm-select.cjs.entry.js +2 -2
- package/dist/cjs/bcm-shortcut.cjs.entry.js +6 -6
- package/dist/cjs/bcm-skeleton.cjs.entry.js +6 -6
- package/dist/cjs/bcm-step.cjs.entry.js +3 -3
- package/dist/cjs/bcm-stepper.cjs.entry.js +7 -7
- package/dist/cjs/bcm-switch.cjs.entry.js +5 -5
- package/dist/cjs/bcm-tab-group.cjs.entry.js +6 -6
- package/dist/cjs/bcm-tab-item-header.cjs.entry.js +6 -6
- package/dist/cjs/bcm-tab-item.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-text.cjs.entry.js +3 -3
- package/dist/cjs/bcm-textarea.cjs.entry.js +6 -6
- package/dist/cjs/bcm-time-picker.cjs.entry.js +3 -3
- package/dist/cjs/bcm-toast.cjs.entry.js +4 -4
- package/dist/cjs/bromcom-ui.cjs.js +3 -3
- package/dist/cjs/caption-template-6f535b93.js +32 -0
- package/dist/cjs/{floating-ui-b441ea7c.js → floating-ui-555cd3d4.js} +1 -1
- package/dist/cjs/{generate-210dd9e2.js → generate-e79347af.js} +1 -1
- package/dist/cjs/{global-0eb3a5d0.js → global-9bb1902a.js} +1 -1
- package/dist/cjs/{index-e05a7c6f.js → index-7eed931f.js} +1625 -24
- package/dist/cjs/{input-template-3e65e1b6.js → input-template-3d21aacb.js} +2 -2
- package/dist/cjs/{json-parse-decarator-39e18651.js → json-parse-decarator-4d7afa63.js} +1 -1
- package/dist/cjs/label-template-8dc10d0a.js +24 -0
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{number-helper-325eff4a.js → number-helper-2f971fd8.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +7 -7
- package/dist/cjs/old-bcm-popover.cjs.entry.js +3 -3
- package/dist/cjs/{package-799d2f0f.js → package-47b7b998.js} +1 -1
- package/dist/cjs/{popover-placement-f20020a6.js → popover-placement-9b4b4153.js} +1 -1
- package/dist/cjs/{slot-template-873b0cd5.js → slot-template-80b019d5.js} +1 -1
- package/dist/cjs/{stepper-states-e957aacc.js → stepper-states-a5699b31.js} +1 -1
- package/dist/cjs/{string-helper-fda7cbba.js → string-helper-3212f4ea.js} +1 -1
- package/dist/cjs/{tooltip-helper-298a9ac9.js → tooltip-helper-7d5d1cb5.js} +6 -6
- package/dist/cjs/{validators-dd2b797e.js → validators-507307b9.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/atoms/caption/caption.js +195 -0
- package/dist/collection/components/atoms/label/label.js +48 -29
- package/dist/collection/components/molecules/checkbox/checkbox.css +0 -89
- package/dist/collection/components/molecules/input/input.css +0 -89
- package/dist/collection/components/molecules/input/input.js +57 -0
- package/dist/collection/components/molecules/input-dropdown/input-dropdown.css +0 -89
- package/dist/collection/components/molecules/search/search.css +0 -89
- package/dist/collection/components/molecules/states/search.states.js +2 -2
- package/dist/collection/components/molecules/switch/switch.css +0 -89
- package/dist/collection/components/molecules/textarea/textarea.css +0 -89
- package/dist/collection/components/organism/datetime-picker/datetime-picker.css +0 -89
- package/dist/collection/components/organism/list/list.css +0 -89
- package/dist/collection/components/organism/list/list.js +46 -7
- package/dist/collection/components/other_deprecated/old-input/old-input.css +0 -89
- package/dist/collection/components/third-parts/colorful/colorful.css +0 -89
- package/dist/collection/components/third-parts/rc-picker/date.js +7 -5
- package/dist/collection/components/third-parts/rc-picker/rc-picker.css +1 -376
- package/dist/collection/components/third-parts/rc-picker/rc-picker.js +3 -16
- package/dist/collection/models/bcm.js +28 -27
- package/dist/collection/stories/ui-library/components/date/argTypes_common.js +203 -0
- package/dist/collection/stories/ui-library/components/date/argTypes_date.js +47 -0
- package/dist/collection/stories/ui-library/components/date/argTypes_datetime.js +109 -0
- package/dist/collection/stories/ui-library/components/date/argTypes_time.js +91 -0
- package/dist/collection/templates/caption-template.js +15 -11
- package/dist/collection/templates/label-template.js +5 -3
- package/dist/collection/templates/list-template.js +2 -2
- package/dist/components/bcm-caption.d.ts +11 -0
- package/dist/components/bcm-caption.js +64 -0
- package/dist/components/bcm-checkbox-group.js +7 -8
- package/dist/components/bcm-chip-group.js +1 -2
- package/dist/components/bcm-date.js +26 -7
- package/dist/components/bcm-input-dropdown.js +1 -1
- package/dist/components/bcm-switch.js +1 -1
- package/dist/components/bcm.js +28 -27
- package/dist/components/caption-template.js +15 -17
- package/dist/components/checkbox.js +1 -1
- package/dist/components/colorful.js +1 -1
- package/dist/components/datetime-picker.js +2 -3
- package/dist/components/generate.js +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/input.js +41 -1
- package/dist/components/label.js +43 -20
- package/dist/components/list.js +32 -10
- package/dist/components/old-input.js +1 -1
- package/dist/components/rc-picker.js +4 -17
- package/dist/components/search.js +3 -3
- package/dist/components/textarea.js +1 -1
- package/dist/esm/{_commonjsHelpers-be0d4ec8.js → _commonjsHelpers-7002e5de.js} +1 -1
- package/dist/esm/{bcm-d45dc47d.js → bcm-0f9cc27c.js} +28 -27
- package/dist/esm/bcm-accordion.entry.js +5 -5
- package/dist/esm/bcm-alert.entry.js +9 -9
- package/dist/esm/bcm-attendance.entry.js +5 -5
- package/dist/esm/bcm-autocomplete.entry.js +3 -3
- package/dist/esm/bcm-avatar_2.entry.js +12 -12
- package/dist/esm/bcm-box.entry.js +1 -1
- package/dist/esm/bcm-breadcrumb.entry.js +6 -6
- package/dist/esm/bcm-button-group.entry.js +8 -8
- package/dist/esm/{bcm-colorful_2.entry.js → bcm-button_10.entry.js} +15621 -305
- package/dist/esm/bcm-caption.entry.js +43 -0
- package/dist/esm/bcm-card.entry.js +11 -11
- package/dist/esm/bcm-checkbox-group.entry.js +17 -19
- package/dist/esm/bcm-checkbox-lite_9.entry.js +8 -8
- package/dist/esm/bcm-checkbox_2.entry.js +14 -14
- package/dist/esm/bcm-chip-group.entry.js +15 -16
- package/dist/esm/bcm-chip.entry.js +8 -8
- package/dist/esm/bcm-collapse-group.entry.js +2 -2
- package/dist/esm/bcm-collapse.entry.js +6 -6
- package/dist/esm/bcm-color-input.entry.js +12 -12
- package/dist/esm/bcm-colorpicker.entry.js +5 -5
- package/dist/esm/bcm-content.entry.js +1 -1
- package/dist/esm/bcm-date-picker.entry.js +9 -9
- package/dist/esm/bcm-datetime-picker.entry.js +14 -15
- package/dist/esm/bcm-default.entry.js +5 -5
- package/dist/esm/bcm-drawer.entry.js +13 -13
- package/dist/esm/bcm-dropdown.entry.js +9 -9
- package/dist/esm/bcm-error-layout.entry.js +3 -3
- package/dist/esm/bcm-expansion-panel.entry.js +10 -10
- package/dist/esm/bcm-form-2.entry.js +8 -8
- package/dist/esm/bcm-form-group.entry.js +1 -1
- package/dist/esm/bcm-input-custom.entry.js +6 -6
- package/dist/esm/bcm-input-dropdown.entry.js +15 -15
- package/dist/esm/bcm-item.entry.js +9 -9
- package/dist/esm/bcm-items.entry.js +7 -7
- package/dist/esm/bcm-link.entry.js +4 -4
- package/dist/esm/bcm-list_3.entry.js +54 -34
- package/dist/esm/bcm-menu.entry.js +16 -16
- package/dist/esm/bcm-message.entry.js +3 -3
- package/dist/esm/bcm-modal-2-footer.entry.js +13 -13
- package/dist/esm/bcm-modal-2-header.entry.js +12 -12
- package/dist/esm/bcm-modal-2.entry.js +13 -13
- package/dist/esm/bcm-modal.entry.js +9 -9
- package/dist/esm/bcm-notification.entry.js +3 -3
- package/dist/esm/bcm-old-input.entry.js +6 -6
- package/dist/esm/bcm-old-tag_2.entry.js +4 -4
- package/dist/esm/bcm-overlay_2.entry.js +4 -4
- package/dist/esm/bcm-popconfirm-box.entry.js +11 -11
- package/dist/esm/bcm-popconfirm.entry.js +7 -7
- package/dist/esm/bcm-popover.entry.js +13 -13
- package/dist/esm/bcm-progress.entry.js +9 -9
- package/dist/esm/bcm-radio-group.entry.js +15 -15
- package/dist/esm/bcm-radio.entry.js +13 -13
- package/dist/esm/bcm-range.entry.js +8 -8
- package/dist/esm/bcm-result.entry.js +3 -3
- package/dist/esm/bcm-select-group.entry.js +3 -3
- package/dist/esm/bcm-select-option.entry.js +3 -3
- package/dist/esm/bcm-select.entry.js +6 -6
- package/dist/esm/bcm-shortcut.entry.js +13 -13
- package/dist/esm/bcm-skeleton.entry.js +12 -12
- package/dist/esm/bcm-step.entry.js +8 -8
- package/dist/esm/bcm-stepper.entry.js +15 -15
- package/dist/esm/bcm-switch.entry.js +11 -11
- package/dist/esm/bcm-tab-group.entry.js +12 -12
- package/dist/esm/bcm-tab-item-header.entry.js +13 -13
- package/dist/esm/bcm-tab-item.entry.js +12 -12
- package/dist/esm/bcm-tab-pane.entry.js +3 -3
- package/dist/esm/bcm-tab.entry.js +3 -3
- package/dist/esm/bcm-table.entry.js +13 -13
- package/dist/esm/bcm-tabs-content.entry.js +4 -4
- package/dist/esm/bcm-tabs.entry.js +4 -4
- package/dist/esm/bcm-tag.entry.js +9 -9
- package/dist/esm/bcm-text.entry.js +9 -9
- package/dist/esm/bcm-textarea.entry.js +12 -12
- package/dist/esm/bcm-time-picker.entry.js +9 -9
- package/dist/esm/bcm-timeline-item.entry.js +3 -3
- package/dist/esm/bcm-timeline.entry.js +3 -3
- package/dist/esm/bcm-toast.entry.js +9 -9
- package/dist/esm/bcm-treeview-group.entry.js +1 -1
- package/dist/esm/bromcom-ui.js +5 -5
- package/dist/esm/caption-template-0c32ce16.js +30 -0
- package/dist/esm/{color-helper-c4fa9ebc.js → color-helper-845ba523.js} +2 -2
- package/dist/esm/{colors-e1c31f79.js → colors-ebea297f.js} +1 -1
- package/dist/esm/{element-dragger-7ea06c76.js → element-dragger-89bb52fd.js} +1 -1
- package/dist/esm/{floating-ui-8a0c54d6.js → floating-ui-a4e67246.js} +1 -1
- package/dist/esm/{generate-4a6e91ab.js → generate-b9c6f412.js} +2 -2
- package/dist/esm/{global-f2b64d8e.js → global-114427da.js} +2 -2
- package/dist/esm/{index-b84bc8c9.js → index-00c8a8f7.js} +1 -1
- package/dist/esm/{index-4614b7f0.js → index-0615c2b8.js} +1 -1
- package/dist/esm/{index-f38e3364.js → index-7e71bbc8.js} +1 -1
- package/dist/esm/{index-a6d9d0af.js → index-e4b6a4ce.js} +1612 -26
- package/dist/esm/{input-template-585653f0.js → input-template-dc94e47f.js} +4 -4
- package/dist/esm/{is-load-decorator-b8ca22f2.js → is-load-decorator-8277e3b8.js} +1 -1
- package/dist/esm/{json-parse-decarator-0fed2908.js → json-parse-decarator-fca2dc09.js} +2 -2
- package/dist/esm/label-template-989d1700.js +22 -0
- package/dist/esm/loader.js +5 -5
- package/dist/esm/{number-helper-9efff5fa.js → number-helper-70be3621.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +13 -13
- package/dist/esm/old-bcm-popover.entry.js +7 -7
- package/dist/esm/{package-714d78c7.js → package-6f4c9f8c.js} +1 -1
- package/dist/esm/{popover-placement-941bf3f3.js → popover-placement-279ce860.js} +1 -1
- package/dist/esm/{slot-template-4b683d1f.js → slot-template-9234df88.js} +2 -2
- package/dist/esm/{stepper-states-2f770e8f.js → stepper-states-291a682f.js} +3 -3
- package/dist/esm/{string-helper-5bd646f2.js → string-helper-8f5da9ec.js} +2 -2
- package/dist/esm/{tooltip-helper-fd4d49bd.js → tooltip-helper-089735b1.js} +9 -9
- package/dist/esm/{utils-b3338faf.js → utils-57652744.js} +1 -1
- package/dist/esm/{validators-6dbc25f2.js → validators-c1fe8b4b.js} +1 -1
- package/dist/types/components/atoms/caption/caption.d.ts +14 -0
- package/dist/types/components/atoms/label/label.d.ts +3 -3
- package/dist/types/components/molecules/input/input.d.ts +2 -0
- package/dist/types/components/organism/list/list.d.ts +2 -0
- package/dist/types/components.d.ts +37 -6
- package/dist/types/models/bcm.d.ts +1 -0
- package/dist/types/templates/caption-template.d.ts +1 -1
- package/dist/types/templates/list-template.d.ts +1 -0
- package/package.json +4 -4
- package/dist/bromcom-ui/p-3182df7e.js +0 -10
- package/dist/bromcom-ui/p-32df2233.js +0 -5
- package/dist/bromcom-ui/p-504eac54.entry.js +0 -5
- package/dist/bromcom-ui/p-59dc8594.entry.js +0 -5
- package/dist/bromcom-ui/p-5ea9881d.entry.js +0 -5
- package/dist/bromcom-ui/p-5ee8a018.js +0 -5
- package/dist/bromcom-ui/p-5f40017d.entry.js +0 -5
- package/dist/bromcom-ui/p-67d1a74e.entry.js +0 -5
- package/dist/bromcom-ui/p-6d0a02d7.entry.js +0 -5
- package/dist/bromcom-ui/p-6f11eb8e.entry.js +0 -5
- package/dist/bromcom-ui/p-73bac18d.entry.js +0 -5
- package/dist/bromcom-ui/p-742f4bce.entry.js +0 -5
- package/dist/bromcom-ui/p-76edf59f.js +0 -7
- package/dist/bromcom-ui/p-77035c08.entry.js +0 -5
- package/dist/bromcom-ui/p-7c623da0.js +0 -5
- package/dist/bromcom-ui/p-7e3209a0.js +0 -14
- package/dist/bromcom-ui/p-7e35d915.entry.js +0 -5
- package/dist/bromcom-ui/p-89d9dc68.entry.js +0 -5
- package/dist/bromcom-ui/p-9321fa11.entry.js +0 -5
- package/dist/bromcom-ui/p-94003d12.entry.js +0 -5
- package/dist/bromcom-ui/p-944271c6.js +0 -5
- package/dist/bromcom-ui/p-9bd019ee.entry.js +0 -5
- package/dist/bromcom-ui/p-a7a9238e.entry.js +0 -5
- package/dist/bromcom-ui/p-bed627ab.js +0 -11
- package/dist/bromcom-ui/p-c05344c6.entry.js +0 -5
- package/dist/bromcom-ui/p-c10f44bc.entry.js +0 -5
- package/dist/bromcom-ui/p-c25bcdaf.entry.js +0 -5
- package/dist/bromcom-ui/p-ec555eba.entry.js +0 -5
- package/dist/bromcom-ui/p-ff3368a4.entry.js +0 -5
- package/dist/cjs/bcm-button.cjs.entry.js +0 -372
- package/dist/cjs/bcm-date.cjs.entry.js +0 -182
- package/dist/cjs/bcm-form.cjs.entry.js +0 -489
- package/dist/cjs/bcm-icon.cjs.entry.js +0 -39
- package/dist/cjs/bcm-label_2.cjs.entry.js +0 -126
- package/dist/cjs/bcm-linked.cjs.entry.js +0 -219
- package/dist/cjs/bcm-rc-picker.cjs.entry.js +0 -9404
- package/dist/cjs/caption-template-81dbc490.js +0 -34
- package/dist/cjs/index-3d67f613.js +0 -1610
- package/dist/cjs/label-template-80235581.js +0 -23
- package/dist/cjs/moment-d06b012f.js +0 -4601
- package/dist/collection/components/atoms/label/label.css +0 -158
- package/dist/components/label-template.js +0 -21
- package/dist/esm/bcm-button.entry.js +0 -368
- package/dist/esm/bcm-date.entry.js +0 -178
- package/dist/esm/bcm-form.entry.js +0 -485
- package/dist/esm/bcm-icon.entry.js +0 -35
- package/dist/esm/bcm-label_2.entry.js +0 -121
- package/dist/esm/bcm-linked.entry.js +0 -215
- package/dist/esm/bcm-rc-picker.entry.js +0 -9400
- package/dist/esm/caption-template-a1a968fd.js +0 -32
- package/dist/esm/index-c4568336.js +0 -1594
- package/dist/esm/label-template-54c28821.js +0 -21
- package/dist/esm/moment-15cd9198.js +0 -4598
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,h as e,H as s}from"./p-
|
|
5
|
+
import{r as t,h as e,H as s}from"./p-170cf07d.js";import"./p-61db1f1f.js";import"./p-626a65e9.js";import{G as r}from"./p-140f3478.js";import"./p-d06f5291.js";import"./p-157359d6.js";import"./p-ea2ce157.js";import"./p-7e44e6b5.js";import{a as o}from"./p-6369b73b.js";import{c as i}from"./p-64fad38b.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6edf985f.js";import"./p-85eedabc.js";import"./p-9a41b688.js";const p={ctrl:"⌘",alt:"⌥",shift:"⇧",del:"⌫",delete:"⌫",backspace:"⌦",enter:"⏎",return:"⏎"},c=class{constructor(e){t(this,e),this.isMac=/Mac/.test(window.navigator.userAgent),this.hotkey=void 0,this.color="slate",this.size=o.Size.small}getHotkey(t){return t?this.isMac&&(t.includes(" ")||t.includes("+"))?t.split(/[\s+]+/).map((t=>p[t]||t)).join(""):t:""}render(){const{size:t,color:p,hotkey:c}=this;return e(s,{class:i("bcm-ui-element bcm-ui-content-display","tw-block tw-h-fit tw-w-fit tw-rounded tw-border tw-border-solid tw-px-1","tw-border-default-300 tw-bg-default-100 tw-text-default-700","tw-text-center tw-font-medium tw-capitalize",{"tw-text-2":t===o.Size.small,"tw-text-3":t===o.Size.medium,"tw-text-4":t===o.Size.large}),style:Object.assign({},r.getTwColor({color:p}))},this.getHotkey(c))}};export{c as bcm_shortcut}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as e,c as i,f as n,h as m,H as c,g as o}from"./p-e037ee2b.js";import{c as t}from"./p-bed627ab.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as l}from"./p-944271c6.js";import"./p-9c027fe2.js";import"./p-f95797df.js";import"./p-1a5d4e8f.js";import{T as r}from"./p-e8b61e90.js";import"./p-5ae0a59b.js";import"./p-f711588b.js";import{I as b}from"./p-8e5e362a.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-2a26515f.js";import"./p-a1b1750c.js";const a=class{constructor(n){e(this,n),this.bcmClick=i(this,"bcm-click",7),this.bcmExpanded=i(this,"bcm-expanded",7),this.bcmMenuChange=i(this,"bcm-menu-change",7),this._id=l.UID(),this.size="medium",this.collapsible=!1,this.collapse=!1,this.mode="inline",this.disabled=!1,this.hidden=!1,this.linkedComponent=void 0,this.height="auto",this.maxHeight="500px",this.minHeight="150px",this.selectable=!0,this.gap="16px",this.dropdown=!1,this.placement="bottom-start",this.activeItemId=void 0,this.data=[]}async setActive(e){this.activeItemId=null;const i=n=>{n.forEach((n=>{n.id==e?(n.active=!0,this.activeItemId=n.id,this.bcmClick.emit(n)):(n.active=!1,n.items&&i(n.items))}))};i(this.data)}async getActive(){return this.activeItem}handleSlotItems({detail:e}){this.data=e}handleClickItem(e){e.items&&e.items.length>0?(e.isOpen=!e.isOpen,n(this)):(this.activeItemId=e.id,document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))),this.bcmClick.emit(e)}getTooltip(e,i){return new r({message:i,targetId:"bcm-menu__item-"+this._id+"-"+e,placement:"right"})}render(){const{data:e,collapsible:i,collapse:n}=this,o=t("bcm-menu",`bcm-menu__size-${this.size}`,{"bcm-menu__collapse":n,"bcm-menu__dropdown":this.dropdown}),r=(e,i)=>{if(!e.text)return;e.id||(e.id=l.UID());const c=!(!e.items||!e.items.length);return this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active)&&(this.bcmMenuChange.emit(e),this.activeItem=e),m("a",{id:"bcm-menu__item-"+this._id+"-"+e.id,onMouseEnter:()=>this.collapse&&this.getTooltip(e.id,e.text).show(),onMouseLeave:()=>this.collapse&&this.getTooltip(e.id,e.text).hide(),key:i,href:e.disabled?"javascript:void(0)":e.link||"javascript:void(0)",tabindex:e.disabled?"-1":"0",class:t("bcm-menu__item",{"bcm-menu__item--is-sub":c&&e.isOpen,"hidden tw-hidden":e.hidden})},m("span",{class:t("bcm-menu__item-link",`bcm-menu__item-link--${this.mode}`,{"bcm-menu__item-link--active":this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active),"bcm-menu__item-link--disabled":e.disabled}),onClick:()=>{!this.disabled&&!e.disabled&&this.handleClickItem(e)}},e.icon&&m("span",{class:"bcm-menu__item-link-icon"},m("i",{class:e.icon||"far fa-angle-left"})),m("span",{class:t("bcm-menu__item-link-text",{"bcm-menu__item-link-text--collapse":n}),innerHTML:e.text}),c&&m("div",{class:t("bcm-menu__item-link-toggle",{"bcm-menu__item-link-toggle--collapse":e.isOpen})},m("i",{class:"fas fa-chevron-down"}))),c&&m("div",{class:t("bcm-menu__item-submenu",{"bcm-menu__item-submenu--collapse":n,"bcm-menu__item-submenu--open":e.isOpen})},e.items.map(((e,i)=>r(e,i)))))};return m(c,{class:o,disabled:this.disabled},m("div",{class:"bcm-menu__container",style:{gap:this.gap}},m("slot",null),(null==e?void 0:e.length)>0&&e.map(((e,i)=>r(e,i))),i&&m("div",{class:t("bcm-menu__collapse-button",{"bcm-menu__collapse-button--collapsed":n}),onClick:()=>{this.collapse=!n,i&&this.bcmExpanded.emit(n)}},m("i",{class:"far fa-angle-left"}))))}get el(){return o(this)}};(function(e,i,n,m){var c,o=arguments.length,t=o<3?i:null===m?m=Object.getOwnPropertyDescriptor(i,n):m;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,i,n,m);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(t=(o<3?c(t):o>3?c(i,n,t):c(i,n))||t);o>3&&t&&Object.defineProperty(i,n,t)})([b()],a.prototype,"el",void 0),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-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-800);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-color-primary-500);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-color-primary-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-background-color-dropdownDisabled:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-color-primary-400);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-color-primary-700);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-color-primary-800);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__dropdown{width:auto;max-width:210px}.bcm-menu__dropdown .bcm-menu__item-link--disabled{color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}';export{a as bcm_menu}
|
|
5
|
+
import{r as e,c as i,f as n,h as m,H as c,g as o}from"./p-170cf07d.js";import{c as t}from"./p-64fad38b.js";import"./p-61db1f1f.js";import"./p-626a65e9.js";import{G as l}from"./p-140f3478.js";import"./p-d06f5291.js";import"./p-157359d6.js";import"./p-ea2ce157.js";import{T as r}from"./p-813ec92d.js";import"./p-7e44e6b5.js";import"./p-6369b73b.js";import{I as b}from"./p-9850cbce.js";import"./p-85eedabc.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6edf985f.js";import"./p-9a41b688.js";import"./p-518b9b80.js";const a=class{constructor(n){e(this,n),this.bcmClick=i(this,"bcm-click",7),this.bcmExpanded=i(this,"bcm-expanded",7),this.bcmMenuChange=i(this,"bcm-menu-change",7),this._id=l.UID(),this.size="medium",this.collapsible=!1,this.collapse=!1,this.mode="inline",this.disabled=!1,this.hidden=!1,this.linkedComponent=void 0,this.height="auto",this.maxHeight="500px",this.minHeight="150px",this.selectable=!0,this.gap="16px",this.dropdown=!1,this.placement="bottom-start",this.activeItemId=void 0,this.data=[]}async setActive(e){this.activeItemId=null;const i=n=>{n.forEach((n=>{n.id==e?(n.active=!0,this.activeItemId=n.id,this.bcmClick.emit(n)):(n.active=!1,n.items&&i(n.items))}))};i(this.data)}async getActive(){return this.activeItem}handleSlotItems({detail:e}){this.data=e}handleClickItem(e){e.items&&e.items.length>0?(e.isOpen=!e.isOpen,n(this)):(this.activeItemId=e.id,document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))),this.bcmClick.emit(e)}getTooltip(e,i){return new r({message:i,targetId:"bcm-menu__item-"+this._id+"-"+e,placement:"right"})}render(){const{data:e,collapsible:i,collapse:n}=this,o=t("bcm-menu",`bcm-menu__size-${this.size}`,{"bcm-menu__collapse":n,"bcm-menu__dropdown":this.dropdown}),r=(e,i)=>{if(!e.text)return;e.id||(e.id=l.UID());const c=!(!e.items||!e.items.length);return this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active)&&(this.bcmMenuChange.emit(e),this.activeItem=e),m("a",{id:"bcm-menu__item-"+this._id+"-"+e.id,onMouseEnter:()=>this.collapse&&this.getTooltip(e.id,e.text).show(),onMouseLeave:()=>this.collapse&&this.getTooltip(e.id,e.text).hide(),key:i,href:e.disabled?"javascript:void(0)":e.link||"javascript:void(0)",tabindex:e.disabled?"-1":"0",class:t("bcm-menu__item",{"bcm-menu__item--is-sub":c&&e.isOpen,"hidden tw-hidden":e.hidden})},m("span",{class:t("bcm-menu__item-link",`bcm-menu__item-link--${this.mode}`,{"bcm-menu__item-link--active":this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active),"bcm-menu__item-link--disabled":e.disabled}),onClick:()=>{!this.disabled&&!e.disabled&&this.handleClickItem(e)}},e.icon&&m("span",{class:"bcm-menu__item-link-icon"},m("i",{class:e.icon||"far fa-angle-left"})),m("span",{class:t("bcm-menu__item-link-text",{"bcm-menu__item-link-text--collapse":n}),innerHTML:e.text}),c&&m("div",{class:t("bcm-menu__item-link-toggle",{"bcm-menu__item-link-toggle--collapse":e.isOpen})},m("i",{class:"fas fa-chevron-down"}))),c&&m("div",{class:t("bcm-menu__item-submenu",{"bcm-menu__item-submenu--collapse":n,"bcm-menu__item-submenu--open":e.isOpen})},e.items.map(((e,i)=>r(e,i)))))};return m(c,{class:o,disabled:this.disabled},m("div",{class:"bcm-menu__container",style:{gap:this.gap}},m("slot",null),(null==e?void 0:e.length)>0&&e.map(((e,i)=>r(e,i))),i&&m("div",{class:t("bcm-menu__collapse-button",{"bcm-menu__collapse-button--collapsed":n}),onClick:()=>{this.collapse=!n,i&&this.bcmExpanded.emit(n)}},m("i",{class:"far fa-angle-left"}))))}get el(){return o(this)}};(function(e,i,n,m){var c,o=arguments.length,t=o<3?i:null===m?m=Object.getOwnPropertyDescriptor(i,n):m;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,i,n,m);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(t=(o<3?c(t):o>3?c(i,n,t):c(i,n))||t);o>3&&t&&Object.defineProperty(i,n,t)})([b()],a.prototype,"el",void 0),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-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-800);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-color-primary-500);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-color-primary-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-background-color-dropdownDisabled:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-color-primary-400);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-color-primary-700);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-color-primary-800);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__dropdown{width:auto;max-width:210px}.bcm-menu__dropdown .bcm-menu__item-link--disabled{color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}';export{a as bcm_menu}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as e,h as i,H as t,g as n}from"./p-
|
|
5
|
+
import{r as e,h as i,H as t,g as n}from"./p-170cf07d.js";import{c as s}from"./p-64fad38b.js";import"./p-85eedabc.js";const p=class{constructor(i){e(this,i),this.icon=void 0,this.type="left",this.hidden=!1,this.items=[]}componentDidRender(){let e;e=this.el.shadowRoot.querySelector("slot").assignedElements(),e.map(((i,t)=>{"bcm-timeline-item"==String(i.tagName).toLowerCase()&&(i.timelineType=this.type,i.even=t%2==0,i.first=0===t,i.last=t===e.length-1,i.icon=i.icon?i.icon:this.icon,this.items.push(i))}))}componentWillRender(){console.log(this.el.shadowRoot)}render(){const e=s("timeline",[this.type]),n=s(this.hidden?"hidden":null);return i(t,{class:n},i("div",{class:e},i("slot",null)))}get el(){return n(this)}};p.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}:host(.hidden){display:none}.timeline{position:relative;display:flex;flex-direction:column}.timeline ::slotted(bcm-timeline-item){flex:0 0 100%;max-width:100%}.timeline.alternate ::slotted(bcm-timeline-item:nth-child(even)){margin-left:auto;min-width:50%}';export{p as bcm_timeline}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,c as s,h as i,H as e,g as a}from"./p-
|
|
5
|
+
import{r as t,c as s,h as i,H as e,g as a}from"./p-170cf07d.js";import"./p-61db1f1f.js";import"./p-626a65e9.js";import{G as o}from"./p-140f3478.js";import"./p-d06f5291.js";import"./p-157359d6.js";import"./p-ea2ce157.js";import"./p-7e44e6b5.js";import{d as h}from"./p-8c018ae0.js";import{a as r}from"./p-6369b73b.js";import{c as l}from"./p-64fad38b.js";import"./p-436364c8.js";import"./p-6edf985f.js";import"./p-85eedabc.js";import"./p-9a41b688.js";const c=class{constructor(i){t(this,i),this.modalClose=s(this,"bcm-modal-close",7),this.modalOpen=s(this,"bcm-modal-open",7),this.modalBeforeClose=s(this,"bcm-modal-before-close",7),this.modalBeforeOpen=s(this,"bcm-modal-before-open",7),this._id=o.UID(),this.isShow=!1,this.center=!1,this.zIndex="10400",this.size=r.Size.medium,this.backdrop=!0,this.fullWidth=!1,this.fullScreen=!1,this.overflow=!0,this.isShowModal=!1,this.shake=!1}handleClick(t){const s=o.findEventPathHasAttribute(t,"data-dismiss"),i=t.target.attributes.getNamedItem("is-click-overlay");i&&"static"===this.backdrop?this.shakeModal():(s||i)&&(this.hide(),t.preventDefault(),t.stopPropagation())}handleKeyDown(t){Array.from(document.querySelectorAll("bcm-modal-2[is-show]")).pop()===this.el&&"Escape"===t.key&&("static"===this.backdrop?this.shakeModal():this.hide(),t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}shakeModal(){this.shake=!0,setTimeout((()=>this.shake=!1),300)}async hide(){this.modalBeforeClose.emit()}async hideModal(t){t.defaultPrevented||t.target===this.el&&(this.isShowModal=!1,await h(150),this.isShow=!1,this.modalClose.emit())}async show(){this.modalBeforeOpen.emit()}async showModal(t){t.defaultPrevented||t.target===this.el&&(this.isShow=!0,await h(50),this.isShowModal=!0,document.body.appendChild(this.el),this.modalOpen.emit())}getWidth(t){return{small:"576px",medium:"768px",large:"992px",xlarge:"1024px",xxlarge:"1200px",xxxlarge:"1700px"}[t]||t}setSize(){const{fullScreen:t,fullWidth:s,size:i,overflow:e}=this;let a="auto",o="auto",h=s?"100%":this.getWidth(i);return t&&(o=e?"100vh":"auto",h="100vw",a="100vh"),{width:h,minHeight:a,height:o}}render(){return i(e,{class:{"tw-hidden":!this.isShow}},i("bcm-overlay",{"z-index":+this.zIndex-1,opacity:this.isShowModal?"0.5":"0"}),i("div",{class:l("tw-fixed tw-inset-0","tw-flex tw-h-full tw-w-full tw-items-start tw-justify-center","tw-overflow-y-scroll tw-overscroll-contain tw-font-sans",this.center?"tw-items-center":""),style:{zIndex:this.zIndex},"is-click-overlay":!0},i("div",{class:l("tw-flex tw-w-full tw-flex-col","tw-relative tw-z-modal tw-bg-white","tw--translate-y-[20px] tw-transform tw-opacity-0 tw-transition tw-duration-300 tw-ease-in-out",this.fullScreen?"":`tw-m-4 tw-rounded-lg ${this.overflow?"tw-max-h-[90vh]":""} `,this.shake?"tw-animate-shake":""),style:Object.assign(Object.assign({},this.setSize()),this.isShowModal?{transform:"translateY(0)",opacity:"1"}:{})},i("slot",{name:"header"}),i("bcm-scroll-area",{"is-disabled":!this.overflow},i("slot",null)),i("slot",{name:"footer"}))))}get el(){return a(this)}};export{c as bcm_modal_2}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,c as e,h as o,H as r,g as s}from"./p-
|
|
5
|
+
import{r as t,c as e,h as o,H as r,g as s}from"./p-170cf07d.js";import{a as i}from"./p-6369b73b.js";import"./p-61db1f1f.js";import"./p-626a65e9.js";import{G as w}from"./p-140f3478.js";import"./p-d06f5291.js";import"./p-157359d6.js";import"./p-ea2ce157.js";import"./p-7e44e6b5.js";import{c as d}from"./p-64fad38b.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6edf985f.js";import"./p-85eedabc.js";import"./p-9a41b688.js";const a=class{constructor(o){t(this,o),this.radioChange=e(this,"bcm-radio-change",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this._id=w.UID(),this.checked=void 0,this.value=void 0,this.disabled=!1,this.size=i.Size.medium,this.color=void 0}render(){const{value:t,size:e,disabled:s,checked:a,_id:c,color:l}=this;return o(r,{class:d("tw-cursor-pointer tw-font-sans tw-mb-1.5 tw-mt-1",{"tw-cursor-pointer tw-text-slate-600":!s,"tw-cursor-not-allowed tw-text-slate-400":s,"tw-text-1":e===i.Size.small,"tw-text-2.5":e===i.Size.medium,"tw-text-4":e===i.Size.large}),style:w.getTwColor(l)},o("label",{class:d("tw-inline-flex tw-flex-row tw-gap-2 tw-mr-2 tw-items-center",s?"tw-cursor-not-allowed":"tw-cursor-pointer"),htmlFor:c+"-input"},o("input",{id:c+"-input",type:"radio",value:t,checked:a,disabled:s,class:d("tw-flex tw-items-center tw-justify-center","tw-relative tw-appearance-none tw-border tw-rounded-full tw-cursor-pointer tw-transition tw-ease-in-out ","tw-m-0","before:tw-content-[''] before:tw-absolute before:tw-rounded-full",{"tw-w-4 tw-h-4 before:tw-w-2.5 before:tw-h-2.5":e===i.Size.medium,"tw-w-3.5 tw-h-3.5 before:tw-w-2 before:tw-h-2":e===i.Size.small,"tw-w-4.5 tw-h-4.5 before:tw-w-3 before:tw-h-3":e===i.Size.large},"focus:tw-outline-none focus:tw-shadow-outline","tw-border-slate-400 tw-bg-slate-50","checked:tw-border-default-500","checked:before:tw-bg-default-500","disabled:tw-border-slate-400 disabled:tw-bg-slate-200 disabled:tw-cursor-not-allowed","disabled:checked:tw-border-slate-400","disabled:checked:before:tw-bg-slate-400",!s&&d("hover:tw-border-default-600","hover:checked:tw-border-default-600","hover:checked:before:tw-bg-default-600","focus-visible:tw-border-default-800 focus-visible:tw-shadow-sm","focus-visible:checked:tw-border-default-800","focus-visible:checked:before:tw-bg-default-800","active:tw-border-default-700","active:checked:tw-border-default-700","active:checked:before:tw-bg-default-700")),onChange:()=>this.radioChange.emit(),onFocus:()=>this.focus.emit(),onBlur:()=>this.blur.emit()}),o("slot",null)))}get el(){return s(this)}};export{a as bcm_radio}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as s,h as t,H as
|
|
5
|
+
import{r as s,h as t,H as i,g as e}from"./p-170cf07d.js";import{g as r}from"./p-8c018ae0.js";const h=class{constructor(t){s(this,t),this.borderless=!1,this.open=!1,this.multiple=!1,this.hidden=!1}handleOpen({target:s,detail:t}){this.multiple||this.el!==s.parentElement||this.qs().forEach((s=>{s.open=s.id===t}))}componentDidLoad(){this.qs().forEach(((s,t)=>{!s.borderless&&(s.borderless=this.borderless),this.qs().length==t+1&&(s.noBorder=!0)}))}qs(){return r(this.el,"bcm-collapse")}render(){const{hidden:s}=this;return t(i,{class:{hidden:s}},t("slot",null))}get el(){return e(this)}};export{h as bcm_collapse_group}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{g as t}from"./p-
|
|
5
|
+
import{g as t}from"./p-170cf07d.js";import{s as n}from"./p-140f3478.js";function s(s,o=!1){return(i,c)=>{const{connectedCallback:r,componentWillRender:f}=i;i.connectedCallback=function(){const o=t(this);if(o[c]){const t=n((()=>o.hasAttribute(s)?o.getAttribute(s).valueOf():o[s].valueOf()),null);t&&(this[c]=n((()=>"string"==typeof t?JSON.parse(t):t),[]),o.removeAttribute(s))}return r&&r.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 f&&f.call(this)}}}}export{s as J}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,c as i,f as s,h as e,H as a,g as r}from"./p-
|
|
5
|
+
import{r as t,c as i,f as s,h as e,H as a,g as r}from"./p-170cf07d.js";import"./p-61db1f1f.js";import"./p-626a65e9.js";import{G as o}from"./p-140f3478.js";import"./p-d06f5291.js";import"./p-157359d6.js";import"./p-ea2ce157.js";import"./p-7e44e6b5.js";import{d as h}from"./p-8c018ae0.js";import{a as n}from"./p-6369b73b.js";import"./p-436364c8.js";import"./p-6edf985f.js";import"./p-85eedabc.js";import"./p-9a41b688.js";const c=class{constructor(s){t(this,s),this.tabChange=i(this,"bcm-tab-change",7),this._id=o.UID(),this.active="1",this.color="blue",this.size=n.Size.medium}get tabItems(){return this.el.querySelectorAll("bcm-tab-item")}get tabItemHeaders(){return this.el.querySelectorAll("bcm-tab-item-header")}setTabAttributes(){this.tabItems.forEach(((t,i)=>{const s=!!t.hasAttribute("active"),e=!!t.hasAttribute("disabled"),a=i+1;t.setAttribute("index",`${a}`),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.removeAttribute("active"),t.removeAttribute("disabled"),s&&(t.setAttribute("active",""),this.active=a.toString()),e&&t.setAttribute("disabled","")})),Array.from(this.tabItems).some((t=>t.hasAttribute("active")))||this.tabItems[0].setAttribute("active","")}componentWillLoad(){this.setTabAttributes()}handleTabClick(t){var i,s;t&&(this.active=t.toString()),(null===(i=this.tabItems)||void 0===i?void 0:i.length)&&this.tabItems.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),(null===(s=this.tabItemHeaders)||void 0===s?void 0:s.length)&&this.tabItemHeaders.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),this.tabChange.emit(this.active)}componentDidRender(){this.inkBarControl(),this.handleTabClick()}componentDidLoad(){this.inkBarControl(),this.observeTabItem()}async setActive(t){t>0&&t<=this.tabItems.length&&t!=+this.active&&this.handleTabClick(t)}async refresh(){await h(100),s(this)}inkBarControl(){var t;const i=this.el.querySelector("#ink-bar");if(i&&(null===(t=this.tabItemHeaders)||void 0===t?void 0:t.length))for(let t=0;t<this.tabItemHeaders.length;t++){const s=this.tabItemHeaders[t];s.getAttribute("index")===this.active&&(i.style.width=`${s.offsetWidth}px`,i.style.transform=`translateX(${s.offsetLeft}px)`)}}activeChanged(t,i){var s;(null===(s=this.tabItems)||void 0===s?void 0:s.length)&&(Array.from(this.tabItems).some((i=>i.getAttribute("index")==t))||(this.active="1"))}observeTabItem(){this.observer=new MutationObserver((t=>{for(const i of t)if("childList"===i.type)for(const t of i.removedNodes)"BCM-TAB-ITEM"===t.nodeName&&((null==t?void 0:t.active)&&(this.active="1"),this.tabProcess())})),this.observer.observe(this.el,{childList:!0})}tabProcess(){this.updateTabHeaders(),this.regenerateIndex(),this.refresh(),this.inkBarControl()}updateTabHeaders(){const t=Array.from(this.tabItems).map((t=>t.getAttribute("id"))),i=Array.from(this.el.querySelector("#tab-header").querySelectorAll("bcm-tab-item-header"));t.length!==i.length&&i.forEach((i=>{const s=i.getAttribute("tab-id");t.includes(s)||i.remove()}))}regenerateIndex(){this.tabItems.forEach(((t,i)=>{const s=i+1;t.setAttribute("index",`${s}`);const e=this.el.querySelector(`bcm-tab-item-header[tab-id="${t.getAttribute("id")}"]`);e&&(e.setAttribute("index",`${s}`),e.style.order=`${s}`)}))}render(){const{color:t}=this,i=o.getTwColor({color:t,tones:[500]});return e(a,{role:"tablist","aria-label":"Tab Group",class:"tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans"},e("div",{class:"tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between",id:"tab-header",style:i},e("div",{id:"ink-bar",class:"tw-bg-default-500 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform"})),e("slot",null))}get el(){return r(this)}static get watchers(){return{active:["activeChanged"]}}};export{c as bcm_tab_group}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,c as s,h as i,H as h,g as e}from"./p-
|
|
5
|
+
import{r as t,c as s,h as i,H as h,g as e}from"./p-170cf07d.js";import{C as o}from"./p-61db1f1f.js";import"./p-626a65e9.js";import{G as r}from"./p-140f3478.js";import"./p-d06f5291.js";import{S as a}from"./p-157359d6.js";import"./p-ea2ce157.js";import"./p-7e44e6b5.js";import{a as c}from"./p-6369b73b.js";import{d as n}from"./p-8c018ae0.js";import{F as p}from"./p-518b9b80.js";import"./p-436364c8.js";import"./p-6edf985f.js";import"./p-85eedabc.js";import"./p-9a41b688.js";class l{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:c="none",openDelay:l=0,closeDelay:w=0,autoHide:m=!1,emitShow:d=(()=>{}),emitHide:b=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const{tone:t,colorName:s}=o.parseColor(this.color,700),i=r.getTwColor({color:s,tones:{[t]:["bg"]},variable:"--bcm-popover"}),h=Object.assign(Object.assign({},i),i["--bcm-popover-bg"]&&{"--bcm-popover-text":o.reverseColor(i["--bcm-popover-bg"])}),e=`<div class="tw-z-[1] tw-rounded tw-py-2">\n ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${a.trim(this.message)}</div>`:""}\n ${this.content?`<div class="tw-font-normal tw-px-4">${a.trim(this.content)}</div>`:""}\n </div>`;this.el=r.createElement("div",{id:`${this.targetId}-popover-box`,class:"\n tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-[--bcm-popover-bg] tw-text-[--bcm-popover-text] tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n tw-shadow",role:"popover","aria-hidden":"true",style:o.generateStyleString(h),innerHTML:e})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&p({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:"tw-bg-[--bcm-popover-bg]"})},this.show=async()=>{this.message?(this.init(),await n(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await n(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=c,this.id=i+"-popover-box",this.openDelay=l,this.closeDelay=w,this.autoHide=m,this.emitShow=d,this.emitHide=b}}const w=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=r.UID(),this.message="",this.content="",this.placement=c.Placement.top,this.trigger=c.TriggerType.click,this.open=!1,this.color="white",this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new l({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,this.popover.openDelay=this.openDelay,this.popover.closeDelay=this.closeDelay,this.popover.autoHide=this.autoHide,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return i(h,{class:"tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip","aria-hidden":"true"},i("slot",null))}get el(){return e(this)}};export{w as bcm_popover}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Stencil
|
|
3
|
+
* Copyright (c) Bromcom.
|
|
4
|
+
*/
|
|
5
|
+
import{r as t,c as e,h as i,H as n,g as r}from"./p-170cf07d.js";import{c as a}from"./p-64fad38b.js";import{I as o}from"./p-9850cbce.js";import{G as c}from"./p-140f3478.js";import{B as s}from"./p-6369b73b.js";import{C as p}from"./p-a25c8a55.js";import{I as l}from"./p-f3431dc8.js";import{d as m}from"./p-8c018ae0.js";import"./p-85eedabc.js";import"./p-9a41b688.js";import"./p-6edf985f.js";import"./p-3fac58f7.js";var u;!function(t){t.none="none",t.both="both",t.horizontal="horizontal",t.vertical="vertical",t.initial="initial",t.inherit="inherit"}(u||(u={}));const h=class{constructor(i){t(this,i),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this.clear=e(this,"bcm-clear",7),this.change=e(this,"bcm-change",7),this.input=e(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=u.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(t){await this.setValue(t)}async get(){return this.value||null}async setValue(t){return this.textarea.value=t,this.value=t,this.handleChange(),t}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(t){this.textarea.value=t,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(t){this.textarea.value="",this.value="",this.clear.emit(),this.textarea.focus(),t.stopPropagation()}render(){const{_id:t,hidden:e,readonly:r,fullWidth:o,size:c,rows:m,disabled:u,clearable:h,label:b,focused:d,noCaption:x,caption:g,captionError:f,captionType:_,value:y,resize:w,maxLength:z,placeholder:v,required:k}=this,j=a("bcm-input",{hidden:e,"full-width":o});return i(n,{class:j},b&&i("bcm-label",{type:_,value:b,required:k,htmlFor:t}),i(l,{elementType:s.HtmlElementType.textarea,id:t,value:y,rows:m,disabled:u,maxLength:z,placeholder:v,clearable:h,resize:w,readonly:r,size:c,focused:d,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),handleClear:t=>this.handleClear(t),ref:t=>this.textarea=t,captionType:_}),i(p,{noCaption:x,captionType:_,captionError:f,caption:g,value:y,maxLength:z}))}get el(){return r(this)}static get watchers(){return{value:["watchValue"]}}};(function(t,e,i,n){var r,a=arguments.length,o=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(o=(a<3?r(o):a>3?r(e,i,o):r(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([o()],h.prototype,"el",void 0),h.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}.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;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{h as bcm_textarea}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{c as t}from"./p-
|
|
5
|
+
import{c as t}from"./p-74e6d2b6.js";import{G as e,s}from"./p-140f3478.js";import{f as a}from"./p-170cf07d.js";const{state:c}=t({value:new Map,setData:{}}),i={removeState:t=>{c.value.delete(t)},getValue:t=>s((()=>c.value.get(t)),{}),setValue:t=>{const s=Object.assign(Object.assign({},t),{steps:t.steps&&t.steps.length>0&&t.steps.filter((t=>!t.hidden)).map(((s,a)=>({id:s.id||e.UID(),title:s.title||s._title,_title:s.title||s._title||"Step "+(a+1),description:s.description||"",status:s.status||"default",disabled:t.linear?0!=a:s.disabled||!1,icon:s.icon||void 0,valid:s.valid||!0,loading:s.loading||!1,index:a+1,active:t.linear?0==a:t.active===a+1,isLast:a===t.steps.length-1,statusIcon:t.icon,headerHidden:s.hidden})))});c.value.set(t.id,s)},changeActiveStep:(t,e)=>{const s=c.value.get(t);s&&(s.active=e,s.steps=s.steps.map(((t,s)=>Object.assign(Object.assign({},t),{active:s===e-1}))))},getActiveIndex:t=>s((()=>c.value.get(t).active),0),changeStepStatus:(t,e,s)=>{const i=c.value.get(t);i&&i.steps&&(i.steps=i.steps.map((t=>Object.assign(Object.assign({},t),{status:t.id===e?s:t.status}))),a(i.el))},changeStepDisabled:(t,e,s)=>{const i=c.value.get(t);i&&i.steps&&(i.steps=i.steps.map((t=>Object.assign(Object.assign({},t),{disabled:t.id===e?s:t.disabled}))),a(i.el))},stepperReset:t=>{const e=c.value.get(t);e&&(e.active=1,e.steps=e.steps.map(((t,e)=>Object.assign(Object.assign({},t),{active:0===e,status:"default",disabled:0!==e,loading:!1}))),a(e.el))},setActiveIndex:(t,e)=>c.value.get(t).active=e};export{i as s}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{s}from"./p-
|
|
5
|
+
import{s}from"./p-140f3478.js";class r{}r.isNumber=r=>s((()=>/^[0-9]+$/i.test(r))),r.convertToNumber=r=>s((()=>Number(r))),r.replaceNumber=r=>s((()=>r.replace(/[^0-9]/g,""))),r.replaceFloat=r=>s((()=>r.replace(/[^0-9.]/g,""))),r.toFixed=(r,a)=>s((()=>r.toFixed(a))),r.parseFloatFixed=(a,e)=>s((()=>parseFloat(r.replaceFloat(a)).toFixed(e))),r.getDecimalLength=r=>s((()=>r.split(".")[1]?r.split(".")[1].length:0)),r.toNumber=r=>s((()=>Number(r.replace(/[^0-9.]/g,""))));export{r as N}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as e,h as t,H as i,g as n}from"./p-
|
|
5
|
+
import{r as e,h as t,H as i,g as n}from"./p-170cf07d.js";import{c as l}from"./p-64fad38b.js";import"./p-85eedabc.js";const p=class{constructor(t){e(this,t),this.even=!1,this.first=!1,this.last=!1,this.icon=void 0,this.timelineType="left",this.hidden=!1}render(){const e=l("timeline-item",[this.timelineType],{even:this.even,first:this.first,last:this.last,icon:this.icon}),n=l(this.hidden?"hidden":null);return t(i,{class:n},t("div",{class:e},this.icon&&t("bcm-icon",{icon:this.icon}),t("slot",null)))}get el(){return n(this)}};p.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}:host(.hidden){display:none}.timeline-item{position:relative;font-size:14px;line-height:22px;padding:8px 8px 8px 30px}.timeline-item:after{content:"";position:absolute;left:0;top:14px;width:9px;height:9px;border-radius:100px;background-color:#ffffff;border:2px solid #4293CF;box-sizing:border-box}.timeline-item:before{content:"";position:absolute;top:30px;left:3px;width:2px;height:calc(100% - 23px);background-color:#e8e8e8}.timeline-item.last:before{display:none}.timeline-item.icon:after{display:none}bcm-icon{position:absolute;top:10px;left:-4px}.timeline-item.right{text-align:right;padding-left:8px;padding-right:30px}.timeline-item.right:after{left:inherit;right:0}.timeline-item.right:before{left:inherit;right:3px}.timeline-item.right bcm-icon{left:inherit;right:-4px}:host-context(.timeline.alternate){flex:0 0 50% !important;max-width:50% !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:right;padding-left:8px;padding-right:30px}:host-context(.timeline.alternate) .timeline-item.even:after{left:inherit;right:-5px}:host-context(.timeline.alternate) .timeline-item.even:before{left:inherit;right:-1px}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:inherit;right:-8px}:host-context(.timeline.alternate) .timeline-item:not(.even):after{left:-3px}:host-context(.timeline.alternate) .timeline-item:not(.even):before{left:0px}:host-context(.timeline.alternate) .timeline-item:not(.even) bcm-icon{left:-7px}@media screen and (min-width: 576px){:host-context(.timeline.alternate){flex:1 1 100% !important;max-width:100% !important;margin-left:inherit !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:left;padding-left:30px;padding-right:8px}:host-context(.timeline.alternate) .timeline-item.even:after{left:-5px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even:before{left:-1px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:-8px;right:inherit}}';export{p as bcm_timeline_item}
|