bromcom-ui 2.8.0-rc.0 → 2.8.0-rc.10-t
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-038d839f.entry.js +5 -0
- package/dist/bromcom-ui/{p-4a51c718.entry.js → p-04d4c6e7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-23cb7133.js → p-04ed9228.js} +1 -1
- package/dist/bromcom-ui/p-088283c1.entry.js +5 -0
- package/dist/bromcom-ui/p-09f96e34.entry.js +5 -0
- package/dist/bromcom-ui/{p-f16ce14a.entry.js → p-0a16fcfa.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0b77585e.entry.js → p-0b663779.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e0ec1a36.js → p-0c65fb37.js} +1 -1
- package/dist/bromcom-ui/{p-e02491ce.entry.js → p-14a0a646.entry.js} +1 -1
- package/dist/bromcom-ui/p-1c4ecf16.entry.js +5 -0
- package/dist/bromcom-ui/p-1c649e2f.entry.js +5 -0
- package/dist/bromcom-ui/{p-61709094.entry.js → p-221448f8.entry.js} +1 -1
- package/dist/bromcom-ui/p-22d8f233.entry.js +5 -0
- package/dist/bromcom-ui/p-24aefda6.js +5 -0
- package/dist/bromcom-ui/p-253379fe.entry.js +5 -0
- package/dist/bromcom-ui/p-298914dd.entry.js +10 -0
- package/dist/bromcom-ui/{p-dc306bd8.entry.js → p-31226526.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a173ed35.entry.js → p-39eda493.entry.js} +1 -1
- package/dist/bromcom-ui/p-3cb96416.entry.js +5 -0
- package/dist/bromcom-ui/p-401a844f.entry.js +5 -0
- package/dist/bromcom-ui/p-45331c04.entry.js +5 -0
- package/dist/bromcom-ui/p-49ae73e6.entry.js +5 -0
- package/dist/bromcom-ui/p-4aa0e6b1.js +5 -0
- package/dist/bromcom-ui/p-4ec63b67.entry.js +5 -0
- package/dist/bromcom-ui/p-4ee12aa6.entry.js +5 -0
- package/dist/bromcom-ui/{p-dfe8e354.entry.js → p-4fcf03c1.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9a1dc17c.entry.js → p-533cb826.entry.js} +1 -1
- package/dist/bromcom-ui/{p-369d6e4f.entry.js → p-58651d85.entry.js} +1 -1
- package/dist/bromcom-ui/p-5a16f526.entry.js +5 -0
- package/dist/bromcom-ui/p-5c059eba.entry.js +5 -0
- package/dist/bromcom-ui/p-5df6d04b.entry.js +5 -0
- package/dist/bromcom-ui/p-63333219.entry.js +5 -0
- package/dist/bromcom-ui/p-65070ed4.entry.js +5 -0
- package/dist/bromcom-ui/p-661e832b.entry.js +5 -0
- package/dist/bromcom-ui/p-6a666eb5.entry.js +5 -0
- package/dist/bromcom-ui/{p-14938158.entry.js → p-6b7a9d96.entry.js} +1 -1
- package/dist/bromcom-ui/p-6cc73d59.entry.js +5 -0
- package/dist/bromcom-ui/p-6f899fab.entry.js +5 -0
- package/dist/bromcom-ui/{p-8fdcb5e7.js → p-789ab63f.js} +1 -1
- package/dist/bromcom-ui/p-79fd816c.js +5 -0
- package/dist/bromcom-ui/p-7b25e0f4.entry.js +5 -0
- package/dist/bromcom-ui/p-7eb339fc.entry.js +5 -0
- package/dist/bromcom-ui/p-843905c8.js +5 -0
- package/dist/bromcom-ui/p-85c7715d.entry.js +5 -0
- package/dist/bromcom-ui/{p-2cdc4578.entry.js → p-88ace511.entry.js} +1 -1
- package/dist/bromcom-ui/{p-16b50160.js → p-8d0ca8c2.js} +1 -1
- package/dist/bromcom-ui/p-8d1326db.entry.js +5 -0
- package/dist/bromcom-ui/p-8d5b728c.entry.js +5 -0
- package/dist/bromcom-ui/{p-6a473342.js → p-8da1942f.js} +1 -1
- package/dist/bromcom-ui/{p-5d014153.entry.js → p-8e2540d8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2a2466d0.js → p-8e560b1f.js} +1 -1
- package/dist/bromcom-ui/p-8fd8d750.entry.js +5 -0
- package/dist/bromcom-ui/p-9080f0e4.entry.js +5 -0
- package/dist/bromcom-ui/{p-0f685aa9.entry.js → p-976f682f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f089027d.entry.js → p-97933e31.entry.js} +1 -1
- package/dist/bromcom-ui/p-9c611ee5.entry.js +5 -0
- package/dist/bromcom-ui/p-9ddab953.entry.js +5 -0
- package/dist/bromcom-ui/p-9ecf7bb1.entry.js +5 -0
- package/dist/bromcom-ui/p-a32bfefb.entry.js +5 -0
- package/dist/bromcom-ui/{p-74595a06.js → p-a60a2dd0.js} +1 -1
- package/dist/bromcom-ui/p-a61053cc.entry.js +5 -0
- package/dist/bromcom-ui/p-a7c1b32b.entry.js +5 -0
- package/dist/bromcom-ui/p-a9420886.entry.js +5 -0
- package/dist/bromcom-ui/p-ac8b1785.entry.js +5 -0
- package/dist/bromcom-ui/p-b532779c.js +5 -0
- package/dist/bromcom-ui/p-b60bcecf.js +5 -0
- package/dist/bromcom-ui/p-b890c8af.entry.js +5 -0
- package/dist/bromcom-ui/{p-3d4897d8.entry.js → p-bc840f30.entry.js} +1 -1
- package/dist/bromcom-ui/p-bd0bc814.entry.js +5 -0
- package/dist/bromcom-ui/p-bd47a899.entry.js +5 -0
- package/dist/bromcom-ui/p-c23b6240.js +5 -0
- package/dist/bromcom-ui/p-c72ff436.entry.js +5 -0
- package/dist/bromcom-ui/{p-8d1cd79f.entry.js → p-c85b8abc.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5de651cc.entry.js → p-c85d5bb2.entry.js} +1 -1
- package/dist/bromcom-ui/p-c8e13fd7.js +5 -0
- package/dist/bromcom-ui/{p-e2b3cb98.entry.js → p-d644b6d9.entry.js} +1 -1
- package/dist/bromcom-ui/p-d65a1e21.js +11 -0
- package/dist/bromcom-ui/p-d660e8ef.js +5 -0
- package/dist/bromcom-ui/p-da04b90a.entry.js +5 -0
- package/dist/bromcom-ui/p-da1055cb.js +6 -0
- package/dist/bromcom-ui/p-db5a6f38.entry.js +5 -0
- package/dist/bromcom-ui/{p-45f6c93b.js → p-dbc4c30c.js} +1 -1
- package/dist/bromcom-ui/{p-dae1cc7b.entry.js → p-e19e9dc1.entry.js} +1 -1
- package/dist/bromcom-ui/p-e3290897.entry.js +5 -0
- package/dist/bromcom-ui/{p-3836eb77.entry.js → p-e8412b2c.entry.js} +1 -1
- package/dist/bromcom-ui/p-e963ae46.entry.js +5 -0
- package/dist/bromcom-ui/{p-9d3a9f5b.entry.js → p-eb1f9862.entry.js} +1 -1
- package/dist/bromcom-ui/p-ebe584b5.entry.js +5 -0
- package/dist/bromcom-ui/p-ec5f263d.entry.js +5 -0
- package/dist/bromcom-ui/p-ef779444.entry.js +5 -0
- package/dist/bromcom-ui/p-eff80213.entry.js +5 -0
- package/dist/bromcom-ui/p-effb6652.entry.js +5 -0
- package/dist/bromcom-ui/p-f0c860b7.entry.js +5 -0
- package/dist/bromcom-ui/{p-bdb012c3.entry.js → p-f529ded0.entry.js} +1 -1
- package/dist/bromcom-ui/{p-97df9122.entry.js → p-f8c20298.entry.js} +1 -1
- package/dist/bromcom-ui/p-fd47bac8.entry.js +5 -0
- package/dist/cjs/bcm-accordion.cjs.entry.js +5 -3
- package/dist/cjs/bcm-alert.cjs.entry.js +7 -6
- package/dist/cjs/bcm-attendance.cjs.entry.js +5 -3
- package/dist/cjs/bcm-autocomplete.cjs.entry.js +3 -3
- package/dist/cjs/bcm-avatar_2.cjs.entry.js +10 -9
- package/dist/cjs/bcm-box.cjs.entry.js +2 -2
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +5 -4
- package/dist/cjs/bcm-button-group.cjs.entry.js +6 -5
- package/dist/cjs/bcm-button_7.cjs.entry.js +1570 -0
- package/dist/cjs/bcm-card.cjs.entry.js +8 -7
- package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +5 -4
- package/dist/cjs/bcm-chip.cjs.entry.js +6 -5
- package/dist/cjs/bcm-collapse-group.cjs.entry.js +2 -2
- package/dist/cjs/bcm-collapse.cjs.entry.js +5 -4
- package/dist/cjs/bcm-color-input.cjs.entry.js +10 -14
- package/dist/cjs/bcm-colorful_2.cjs.entry.js +46 -14
- package/dist/cjs/bcm-colorpicker.cjs.entry.js +3 -3
- package/dist/cjs/bcm-date-picker.cjs.entry.js +5 -4
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +9 -8
- package/dist/cjs/bcm-default.cjs.entry.js +5 -3
- package/dist/cjs/bcm-drawer.cjs.entry.js +9 -8
- package/dist/cjs/bcm-dropdown.cjs.entry.js +6 -5
- package/dist/cjs/bcm-error-layout.cjs.entry.js +3 -3
- package/dist/cjs/bcm-expansion-panel.cjs.entry.js +7 -6
- package/dist/cjs/bcm-form-2.cjs.entry.js +5 -4
- package/dist/cjs/bcm-form-group.cjs.entry.js +2 -2
- package/dist/cjs/bcm-input-custom.cjs.entry.js +5 -4
- package/dist/cjs/bcm-input.cjs.entry.js +12 -10
- package/dist/cjs/bcm-item.cjs.entry.js +6 -5
- package/dist/cjs/bcm-items.cjs.entry.js +6 -5
- package/dist/cjs/bcm-link.cjs.entry.js +3 -3
- package/dist/cjs/bcm-list.cjs.entry.js +19 -18
- package/dist/cjs/bcm-menu.cjs.entry.js +11 -10
- package/dist/cjs/bcm-message.cjs.entry.js +3 -3
- package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +50 -0
- package/dist/cjs/bcm-modal-2-header.cjs.entry.js +49 -0
- package/dist/cjs/bcm-modal-2.cjs.entry.js +172 -0
- package/dist/cjs/bcm-modal.cjs.entry.js +7 -6
- package/dist/cjs/bcm-notification.cjs.entry.js +3 -3
- package/dist/cjs/bcm-old-input.cjs.entry.js +4 -4
- package/dist/cjs/bcm-old-tag_2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-overlay_2.cjs.entry.js +48 -0
- package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +8 -7
- package/dist/cjs/bcm-popconfirm.cjs.entry.js +5 -4
- package/dist/cjs/bcm-popover.cjs.entry.js +10 -9
- package/dist/cjs/bcm-progress.cjs.entry.js +6 -5
- package/dist/cjs/bcm-radio-group.cjs.entry.js +93 -210
- package/dist/cjs/bcm-radio.cjs.entry.js +37 -78
- package/dist/cjs/bcm-range.cjs.entry.js +5 -4
- package/dist/cjs/bcm-result.cjs.entry.js +3 -3
- package/dist/cjs/bcm-search.cjs.entry.js +9 -8
- package/dist/cjs/bcm-select-group.cjs.entry.js +2 -2
- package/dist/cjs/bcm-select-option.cjs.entry.js +2 -2
- package/dist/cjs/bcm-select.cjs.entry.js +4 -4
- package/dist/cjs/bcm-skeleton.cjs.entry.js +5 -3
- package/dist/cjs/bcm-step.cjs.entry.js +7 -6
- package/dist/cjs/bcm-stepper.cjs.entry.js +34 -43
- package/dist/cjs/bcm-switch.cjs.entry.js +6 -5
- package/dist/cjs/bcm-tab-group.cjs.entry.js +87 -30
- package/dist/cjs/bcm-tab-item-header.cjs.entry.js +9 -8
- package/dist/cjs/bcm-tab-item.cjs.entry.js +8 -7
- package/dist/cjs/bcm-tab-pane.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tab.cjs.entry.js +3 -3
- package/dist/cjs/bcm-table.cjs.entry.js +2 -2
- package/dist/cjs/bcm-tabs-content.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tabs.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tag.cjs.entry.js +7 -6
- package/dist/cjs/bcm-text.cjs.entry.js +7 -6
- package/dist/cjs/bcm-textarea.cjs.entry.js +9 -7
- package/dist/cjs/bcm-time-picker.cjs.entry.js +5 -4
- package/dist/cjs/bcm-timeline-item.cjs.entry.js +3 -3
- package/dist/cjs/bcm-timeline.cjs.entry.js +3 -3
- package/dist/cjs/bcm-toast.cjs.entry.js +115 -0
- package/dist/cjs/bcm-treeview-group.cjs.entry.js +1 -1
- package/dist/cjs/bcm-typography.cjs.entry.js +35 -0
- package/dist/cjs/bromcom-ui.cjs.js +7 -3
- package/dist/cjs/{caption-template-de4a0064.js → caption-template-8d099fd6.js} +2 -2
- package/dist/cjs/color-helper-d6d2028b.js +86 -0
- package/dist/cjs/{color-helper-c9882bd8.js → colors-e1d142ad.js} +49 -104
- package/dist/cjs/{floating-ui-c23acc6c.js → floating-ui-74eb26d6.js} +592 -542
- package/dist/cjs/{generate-eef61d08.js → generate-c2f702e3.js} +14 -1
- package/dist/cjs/{index-56628fe5.js → index-4506fcd7.js} +1 -1
- package/dist/cjs/{index-7e2a5376.js → index-ddfd6d8f.js} +111 -2
- package/dist/cjs/{index-a2b50e51.js → index-fdbf5226.js} +11 -10
- package/dist/cjs/{input-template-517c3f53.js → input-template-b969af2c.js} +3 -3
- package/dist/cjs/{is-load-decorator-c38598ab.js → is-load-decorator-137dded1.js} +1 -3
- package/dist/cjs/{json-parse-decarator-c0d7e570.js → json-parse-decarator-d68e062e.js} +2 -2
- package/dist/cjs/{label-template-098a30a4.js → label-template-cc69bc21.js} +3 -3
- package/dist/cjs/loader.cjs.js +4 -3
- package/dist/cjs/{number-helper-652dc22d.js → number-helper-d2ece9d9.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +9 -8
- package/dist/cjs/old-bcm-popover.cjs.entry.js +5 -4
- package/dist/cjs/{popover-placement-69d37a5f.js → popover-placement-3c8f3a72.js} +1 -1
- package/dist/cjs/{slot-template-7a07f865.js → slot-template-3e59d7d8.js} +2 -2
- package/dist/cjs/{stepper-states-d00a1313.js → stepper-states-f194e442.js} +3 -3
- package/dist/cjs/{string-helper-71b10c53.js → string-helper-45cffee0.js} +4 -4
- package/dist/cjs/{tooltip-helper-cd02e32b.js → tooltip-helper-231fc602.js} +7 -7
- package/dist/cjs/{validators-7eed007b.js → validators-8f5d2703.js} +1 -1
- package/dist/collection/collection-manifest.json +11 -6
- package/dist/collection/components/atoms/button/button.js +1 -1
- package/dist/collection/components/molecules/color-input/color-input.js +6 -18
- package/dist/collection/components/molecules/dropdown/dropdown.js +1 -1
- package/dist/collection/components/molecules/input/input.js +2 -1
- package/dist/collection/components/molecules/linked/linked.js +64 -8
- package/dist/collection/components/molecules/popover/popover.js +1 -1
- package/dist/collection/components/molecules/radio/{group.js → radio-group.js} +185 -247
- package/dist/collection/components/molecules/radio/radio.js +42 -132
- package/dist/collection/components/molecules/stepper/stepper.js +29 -42
- package/dist/collection/components/molecules/tab-group/tab-group.js +89 -24
- package/dist/collection/components/molecules/tab-group/tab-item.js +2 -2
- package/dist/collection/components/molecules/textarea/textarea.js +2 -1
- package/dist/collection/components/molecules/tooltip/tooltip.js +1 -1
- package/dist/collection/components/organism/states/bcm-list2.states.js +1 -1
- package/dist/collection/components/other/modal-2/modal-2-footer.js +54 -0
- package/dist/collection/components/other/modal-2/modal-2-header.js +53 -0
- package/dist/collection/components/other/modal-2/modal-2.js +450 -0
- package/dist/collection/components/other/overlay/overlay.js +101 -0
- package/dist/collection/components/other/scroll-area/scroll-area.js +77 -0
- package/dist/collection/decorators/is-load-decorator.js +0 -2
- package/dist/collection/helper/generate.js +12 -0
- package/dist/collection/helper/tooltip-helper.js +1 -1
- package/dist/collection/templates/tag-template.js +1 -1
- package/dist/components/bcm-color-input.js +3 -8
- package/dist/components/bcm-list.js +1 -1
- package/dist/components/bcm-modal-2-footer.d.ts +11 -0
- package/dist/components/bcm-modal-2-footer.js +60 -0
- package/dist/components/bcm-modal-2-header.d.ts +11 -0
- package/dist/components/bcm-modal-2-header.js +59 -0
- package/dist/components/bcm-modal-2.d.ts +11 -0
- package/dist/components/bcm-modal-2.js +207 -0
- package/dist/components/bcm-overlay.d.ts +11 -0
- package/dist/components/bcm-overlay.js +10 -0
- package/dist/components/bcm-popover.js +1 -1
- package/dist/components/bcm-radio-group.js +103 -228
- package/dist/components/bcm-scroll-area.d.ts +11 -0
- package/dist/components/bcm-scroll-area.js +10 -0
- package/dist/components/bcm-stepper.js +25 -35
- package/dist/components/bcm-tab-group.js +80 -24
- package/dist/components/bcm-tab-item.js +1 -1
- package/dist/components/bcm-textarea.js +2 -1
- package/dist/components/color-helper.js +8 -412
- package/dist/components/colors2.js +433 -0
- package/dist/components/floating-ui.js +592 -542
- package/dist/components/generate.js +13 -1
- package/dist/components/index.d.ts +18 -4
- package/dist/components/index.js +6 -1
- package/dist/components/index2.js +11 -10
- package/dist/components/input.js +2 -1
- package/dist/components/is-load-decorator.js +0 -2
- package/dist/components/linked.js +43 -10
- package/dist/components/overlay.js +47 -0
- package/dist/components/radio.js +38 -82
- package/dist/components/scroll-area.js +40 -0
- package/dist/components/string-helper.js +4 -4
- package/dist/components/tooltip-helper.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/esm/bcm-accordion.entry.js +5 -3
- package/dist/esm/bcm-alert.entry.js +7 -6
- package/dist/esm/bcm-attendance.entry.js +5 -3
- package/dist/esm/bcm-autocomplete.entry.js +3 -3
- package/dist/esm/bcm-avatar_2.entry.js +10 -9
- package/dist/esm/bcm-box.entry.js +2 -2
- package/dist/esm/bcm-breadcrumb.entry.js +5 -4
- package/dist/esm/bcm-button-group.entry.js +6 -5
- package/dist/esm/bcm-button_7.entry.js +1560 -0
- package/dist/esm/bcm-card.entry.js +8 -7
- package/dist/esm/bcm-checkbox-lite_9.entry.js +5 -4
- package/dist/esm/bcm-chip.entry.js +6 -5
- package/dist/esm/bcm-collapse-group.entry.js +2 -2
- package/dist/esm/bcm-collapse.entry.js +5 -4
- package/dist/esm/bcm-color-input.entry.js +10 -14
- package/dist/esm/bcm-colorful_2.entry.js +46 -14
- package/dist/esm/bcm-colorpicker.entry.js +3 -3
- package/dist/esm/bcm-date-picker.entry.js +5 -4
- package/dist/esm/bcm-datetime-picker.entry.js +9 -8
- package/dist/esm/bcm-default.entry.js +5 -3
- package/dist/esm/bcm-drawer.entry.js +9 -8
- package/dist/esm/bcm-dropdown.entry.js +6 -5
- package/dist/esm/bcm-error-layout.entry.js +3 -3
- package/dist/esm/bcm-expansion-panel.entry.js +7 -6
- package/dist/esm/bcm-form-2.entry.js +5 -4
- package/dist/esm/bcm-form-group.entry.js +2 -2
- package/dist/esm/bcm-input-custom.entry.js +5 -4
- package/dist/esm/bcm-input.entry.js +12 -10
- package/dist/esm/bcm-item.entry.js +6 -5
- package/dist/esm/bcm-items.entry.js +6 -5
- package/dist/esm/bcm-link.entry.js +3 -3
- package/dist/esm/bcm-list.entry.js +19 -18
- package/dist/esm/bcm-menu.entry.js +11 -10
- package/dist/esm/bcm-message.entry.js +3 -3
- package/dist/esm/bcm-modal-2-footer.entry.js +46 -0
- package/dist/esm/bcm-modal-2-header.entry.js +45 -0
- package/dist/esm/bcm-modal-2.entry.js +168 -0
- package/dist/esm/bcm-modal.entry.js +7 -6
- package/dist/esm/bcm-notification.entry.js +3 -3
- package/dist/esm/bcm-old-input.entry.js +4 -4
- package/dist/esm/bcm-old-tag_2.entry.js +3 -3
- package/dist/esm/bcm-overlay_2.entry.js +43 -0
- package/dist/esm/bcm-popconfirm-box.entry.js +8 -7
- package/dist/esm/bcm-popconfirm.entry.js +5 -4
- package/dist/esm/bcm-popover.entry.js +10 -9
- package/dist/esm/bcm-progress.entry.js +6 -5
- package/dist/esm/bcm-radio-group.entry.js +90 -207
- package/dist/esm/bcm-radio.entry.js +37 -78
- package/dist/esm/bcm-range.entry.js +5 -4
- package/dist/esm/bcm-result.entry.js +3 -3
- package/dist/esm/bcm-search.entry.js +9 -8
- package/dist/esm/bcm-select-group.entry.js +2 -2
- package/dist/esm/bcm-select-option.entry.js +2 -2
- package/dist/esm/bcm-select.entry.js +4 -4
- package/dist/esm/bcm-skeleton.entry.js +5 -3
- package/dist/esm/bcm-step.entry.js +7 -6
- package/dist/esm/bcm-stepper.entry.js +35 -44
- package/dist/esm/bcm-switch.entry.js +6 -5
- package/dist/esm/bcm-tab-group.entry.js +87 -30
- package/dist/esm/bcm-tab-item-header.entry.js +9 -8
- package/dist/esm/bcm-tab-item.entry.js +8 -7
- 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 +2 -2
- package/dist/esm/bcm-tabs-content.entry.js +3 -3
- package/dist/esm/bcm-tabs.entry.js +3 -3
- package/dist/esm/bcm-tag.entry.js +7 -6
- package/dist/esm/bcm-text.entry.js +7 -6
- package/dist/esm/bcm-textarea.entry.js +9 -7
- package/dist/esm/bcm-time-picker.entry.js +5 -4
- 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 +111 -0
- package/dist/esm/bcm-treeview-group.entry.js +1 -1
- package/dist/esm/bcm-typography.entry.js +31 -0
- package/dist/esm/bromcom-ui.js +4 -3
- package/dist/esm/{caption-template-389f5bd6.js → caption-template-da16ba7b.js} +2 -2
- package/dist/esm/color-helper-e8ce23d7.js +84 -0
- package/dist/esm/{color-helper-7e202fd8.js → colors-44c95e7e.js} +49 -104
- package/dist/esm/{floating-ui-4a49ea46.js → floating-ui-e7341329.js} +592 -542
- package/dist/esm/{generate-5f6567d0.js → generate-21c7043c.js} +14 -1
- package/dist/esm/{index-6e2d80d7.js → index-39133086.js} +111 -3
- package/dist/esm/{index-8b349654.js → index-93e36fdb.js} +1 -1
- package/dist/esm/{index-ba2edd32.js → index-ed9652af.js} +11 -10
- package/dist/esm/{input-template-e03cafc5.js → input-template-141596b2.js} +3 -3
- package/dist/esm/{is-load-decorator-66e19e04.js → is-load-decorator-bc14ec4b.js} +1 -3
- package/dist/esm/{json-parse-decarator-d8836c67.js → json-parse-decarator-78f84e8b.js} +2 -2
- package/dist/esm/{label-template-eed2dd69.js → label-template-d74fe788.js} +3 -3
- package/dist/esm/loader.js +4 -3
- package/dist/esm/{number-helper-b8a2b813.js → number-helper-a47d3848.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +9 -8
- package/dist/esm/old-bcm-popover.entry.js +5 -4
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/{popover-placement-4baf5f2f.js → popover-placement-78f86f15.js} +1 -1
- package/dist/esm/{slot-template-64b41ee5.js → slot-template-5b2db362.js} +2 -2
- package/dist/esm/{stepper-states-16e0b400.js → stepper-states-96b18623.js} +3 -3
- package/dist/esm/{string-helper-0fb7ff20.js → string-helper-6bd24967.js} +4 -4
- package/dist/esm/{tooltip-helper-87acf426.js → tooltip-helper-df2fb1c8.js} +7 -7
- package/dist/esm/{validators-07033707.js → validators-cff5686e.js} +1 -1
- package/dist/types/components/molecules/input/input.d.ts +1 -1
- package/dist/types/components/molecules/linked/linked.d.ts +9 -2
- package/dist/types/components/molecules/popover/popover.d.ts +1 -1
- package/dist/types/components/molecules/radio/{group.d.ts → radio-group.d.ts} +22 -27
- package/dist/types/components/molecules/radio/radio.d.ts +5 -11
- package/dist/types/components/molecules/stepper/stepper.d.ts +2 -2
- package/dist/types/components/molecules/tab-group/tab-group.d.ts +7 -1
- package/dist/types/components/molecules/textarea/textarea.d.ts +1 -1
- package/dist/types/components/molecules/tooltip/tooltip.d.ts +1 -1
- package/dist/types/components/other/modal-2/modal-2-footer.d.ts +7 -0
- package/dist/types/components/other/modal-2/modal-2-header.d.ts +7 -0
- package/dist/types/components/other/modal-2/modal-2.d.ts +33 -0
- package/dist/types/components/other/overlay/overlay.d.ts +8 -0
- package/dist/types/components/other/scroll-area/scroll-area.d.ts +7 -0
- package/dist/types/components.d.ts +133 -34
- package/dist/types/helper/generate.d.ts +1 -0
- package/dist/types/stencil-public-runtime.d.ts +59 -3
- package/helper/index.js +1 -1
- package/helper/toast.js +1 -1
- package/loader/index.d.ts +9 -0
- package/package.json +11 -11
- package/dist/bromcom-ui/p-0191554f.entry.js +0 -5
- package/dist/bromcom-ui/p-040f1cc5.entry.js +0 -5
- package/dist/bromcom-ui/p-05a32a81.entry.js +0 -5
- package/dist/bromcom-ui/p-13f0d66c.entry.js +0 -5
- package/dist/bromcom-ui/p-1d77cf0f.entry.js +0 -5
- package/dist/bromcom-ui/p-21bf2bb5.js +0 -5
- package/dist/bromcom-ui/p-22e08221.entry.js +0 -5
- package/dist/bromcom-ui/p-2552592a.entry.js +0 -5
- package/dist/bromcom-ui/p-2b774123.entry.js +0 -5
- package/dist/bromcom-ui/p-2cac45d6.entry.js +0 -5
- package/dist/bromcom-ui/p-2f0e0ecf.entry.js +0 -5
- package/dist/bromcom-ui/p-4487e8c2.js +0 -5
- package/dist/bromcom-ui/p-4789cc74.entry.js +0 -5
- package/dist/bromcom-ui/p-48e9166c.js +0 -5
- package/dist/bromcom-ui/p-4a123037.entry.js +0 -5
- package/dist/bromcom-ui/p-4d556100.entry.js +0 -5
- package/dist/bromcom-ui/p-4fa21c01.entry.js +0 -5
- package/dist/bromcom-ui/p-53beb481.entry.js +0 -5
- package/dist/bromcom-ui/p-56898932.js +0 -5
- package/dist/bromcom-ui/p-583d6b09.entry.js +0 -5
- package/dist/bromcom-ui/p-5a5cc30f.entry.js +0 -5
- package/dist/bromcom-ui/p-5c2bf950.entry.js +0 -5
- package/dist/bromcom-ui/p-5fa48e18.entry.js +0 -5
- package/dist/bromcom-ui/p-61865ff2.entry.js +0 -5
- package/dist/bromcom-ui/p-695f6b01.entry.js +0 -5
- package/dist/bromcom-ui/p-7224e112.entry.js +0 -5
- package/dist/bromcom-ui/p-74e46eeb.entry.js +0 -5
- package/dist/bromcom-ui/p-7c9025cb.js +0 -5
- package/dist/bromcom-ui/p-7d9a38b0.entry.js +0 -5
- package/dist/bromcom-ui/p-7f1a79c5.entry.js +0 -5
- package/dist/bromcom-ui/p-816c4dc7.entry.js +0 -5
- package/dist/bromcom-ui/p-86356b26.entry.js +0 -5
- package/dist/bromcom-ui/p-870c903a.entry.js +0 -5
- package/dist/bromcom-ui/p-88f7d869.js +0 -6
- package/dist/bromcom-ui/p-8b60d1db.entry.js +0 -5
- package/dist/bromcom-ui/p-8dbe72a1.entry.js +0 -5
- package/dist/bromcom-ui/p-91b1efad.entry.js +0 -5
- package/dist/bromcom-ui/p-994e484e.entry.js +0 -5
- package/dist/bromcom-ui/p-9bef5a59.js +0 -5
- package/dist/bromcom-ui/p-a3ffcb0d.js +0 -5
- package/dist/bromcom-ui/p-a427f0ee.entry.js +0 -5
- package/dist/bromcom-ui/p-a9ab4073.entry.js +0 -5
- package/dist/bromcom-ui/p-b1d6b529.entry.js +0 -5
- package/dist/bromcom-ui/p-b39f6cb3.entry.js +0 -5
- package/dist/bromcom-ui/p-b69abb6f.entry.js +0 -5
- package/dist/bromcom-ui/p-b8ffc86f.entry.js +0 -5
- package/dist/bromcom-ui/p-bb95aa62.entry.js +0 -5
- package/dist/bromcom-ui/p-bc332b5d.entry.js +0 -5
- package/dist/bromcom-ui/p-bc97d311.entry.js +0 -5
- package/dist/bromcom-ui/p-c0ac6d54.entry.js +0 -5
- package/dist/bromcom-ui/p-c68f44be.entry.js +0 -5
- package/dist/bromcom-ui/p-cf04e7a3.entry.js +0 -5
- package/dist/bromcom-ui/p-d4ff4de0.entry.js +0 -5
- package/dist/bromcom-ui/p-d5b08a77.js +0 -11
- package/dist/bromcom-ui/p-d777677c.entry.js +0 -10
- package/dist/bromcom-ui/p-da540844.entry.js +0 -5
- package/dist/bromcom-ui/p-de954bc9.js +0 -5
- package/dist/bromcom-ui/p-e2e7d808.entry.js +0 -5
- package/dist/bromcom-ui/p-ec7f4a12.entry.js +0 -5
- package/dist/bromcom-ui/p-f21a7fc0.entry.js +0 -5
- package/dist/bromcom-ui/p-fe996e86.entry.js +0 -5
- package/dist/bromcom-ui/p-fea33175.entry.js +0 -5
- package/dist/cjs/bcm-button_2.cjs.entry.js +0 -481
- package/dist/cjs/bcm-checkbox-group.cjs.entry.js +0 -415
- package/dist/cjs/bcm-checkbox_2.cjs.entry.js +0 -205
- package/dist/cjs/bcm-form.cjs.entry.js +0 -487
- package/dist/cjs/bcm-icon.cjs.entry.js +0 -41
- package/dist/cjs/bcm-label_2.cjs.entry.js +0 -148
- package/dist/collection/components/molecules/color-input/color-input.css +0 -127
- package/dist/collection/components/molecules/radio/group.css +0 -802
- package/dist/collection/components/molecules/radio/radio.css +0 -1287
- package/dist/collection/components/molecules/radio/types.js +0 -30
- package/dist/collection/components/molecules/states/radio-group.states.js +0 -107
- package/dist/esm/bcm-button_2.entry.js +0 -476
- package/dist/esm/bcm-checkbox-group.entry.js +0 -411
- package/dist/esm/bcm-checkbox_2.entry.js +0 -200
- package/dist/esm/bcm-form.entry.js +0 -483
- package/dist/esm/bcm-icon.entry.js +0 -37
- package/dist/esm/bcm-label_2.entry.js +0 -143
- package/dist/types/components/molecules/radio/types.d.ts +0 -29
- package/dist/types/components/molecules/states/radio-group.states.d.ts +0 -48
- /package/dist/bromcom-ui/{p-5fd7a8b6.js → p-2e73d572.js} +0 -0
- /package/dist/cjs/{types-6eb7e028.js → types-7523fd99.js} +0 -0
- /package/dist/collection/components/{atoms → other}/box/box.js +0 -0
- /package/dist/collection/components/{atoms → other}/typography/typography.js +0 -0
- /package/dist/collection/components/{atoms → other_deprecated}/tag/tag.js +0 -0
- /package/dist/collection/components/{atoms → other_deprecated}/tag/types.js +0 -0
- /package/dist/esm/{types-bfc3bba1.js → types-9493a7ed.js} +0 -0
- /package/dist/types/components/{atoms → other}/box/box.d.ts +0 -0
- /package/dist/types/components/{atoms → other}/typography/typography.d.ts +0 -0
- /package/dist/types/components/{atoms → other_deprecated}/tag/tag.d.ts +0 -0
- /package/dist/types/components/{atoms → other_deprecated}/tag/types.d.ts +0 -0
|
@@ -6,100 +6,59 @@
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
|
-
const index = require('./index-
|
|
10
|
-
const index$1 = require('./index-a2b50e51.js');
|
|
11
|
-
const isLoadDecorator = require('./is-load-decorator-c38598ab.js');
|
|
12
|
-
const colorHelper = require('./color-helper-c9882bd8.js');
|
|
13
|
-
const generate = require('./generate-eef61d08.js');
|
|
9
|
+
const index = require('./index-ddfd6d8f.js');
|
|
14
10
|
const bcm = require('./bcm-634604e3.js');
|
|
15
|
-
|
|
16
|
-
require('./
|
|
11
|
+
require('./color-helper-d6d2028b.js');
|
|
12
|
+
require('./datetime-helper-eaf4fadb.js');
|
|
13
|
+
const generate = require('./generate-c2f702e3.js');
|
|
14
|
+
require('./number-helper-d2ece9d9.js');
|
|
15
|
+
require('./string-helper-45cffee0.js');
|
|
16
|
+
require('./validators-8f5d2703.js');
|
|
17
|
+
require('./element-dragger-a8562f82.js');
|
|
18
|
+
const index$1 = require('./index-fdbf5226.js');
|
|
17
19
|
require('./colors-56282b00.js');
|
|
18
20
|
require('./utils-fc077139.js');
|
|
19
|
-
require('./
|
|
20
|
-
|
|
21
|
-
const radioCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-caption-area{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:\"\";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}";
|
|
21
|
+
require('./colors-e1d142ad.js');
|
|
22
|
+
require('./_commonjsHelpers-bd20f4c0.js');
|
|
22
23
|
|
|
23
|
-
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
24
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
25
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
26
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
27
|
-
else
|
|
28
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
29
|
-
if (d = decorators[i])
|
|
30
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
31
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
32
|
-
};
|
|
33
24
|
const BcmRadio = class {
|
|
34
25
|
constructor(hostRef) {
|
|
35
26
|
index.registerInstance(this, hostRef);
|
|
36
|
-
this.
|
|
27
|
+
this.radioChange = index.createEvent(this, "bcm-radio-change", 7);
|
|
37
28
|
this.focus = index.createEvent(this, "bcm-focus", 7);
|
|
38
29
|
this.blur = index.createEvent(this, "bcm-blur", 7);
|
|
39
30
|
this._id = generate.Generate.UID();
|
|
40
31
|
this.checked = undefined;
|
|
41
32
|
this.value = undefined;
|
|
42
|
-
this.disabled =
|
|
43
|
-
this.size = bcm.Bcm.Size.medium;
|
|
44
|
-
this.
|
|
45
|
-
this.required = false;
|
|
46
|
-
this.color = "blue";
|
|
47
|
-
}
|
|
48
|
-
setColor(color = this.color) {
|
|
49
|
-
if (!color)
|
|
50
|
-
return;
|
|
51
|
-
const prefix = `--bcm-checkbox`;
|
|
52
|
-
return {
|
|
53
|
-
[`${prefix}-primary-color-default`]: colorHelper.ColorHelper.dsColor(color + '-500'),
|
|
54
|
-
[`${prefix}-primary-color-hover`]: colorHelper.ColorHelper.dsColor(color + '-600'),
|
|
55
|
-
[`${prefix}-primary-color-focus-visible`]: colorHelper.ColorHelper.dsColor(color + '-800'),
|
|
56
|
-
[`${prefix}-primary-color-active`]: colorHelper.ColorHelper.dsColor(color + '-700'),
|
|
57
|
-
// [`${prefix}-primary-color-disabled`]: ColorHelper.dsColor(color + '-300'),
|
|
58
|
-
[`${prefix}-secondary-color-default`]: colorHelper.ColorHelper.dsColor('white'),
|
|
59
|
-
[`${prefix}-secondary-color-hover`]: colorHelper.ColorHelper.dsColor('slate-50'),
|
|
60
|
-
[`${prefix}-secondary-color-focus-visible`]: colorHelper.ColorHelper.dsColor('slate-50'),
|
|
61
|
-
[`${prefix}-secondary-color-active`]: colorHelper.ColorHelper.dsColor('slate-50'),
|
|
62
|
-
// [`${prefix}-secondary-color-disabled`]: ColorHelper.dsColor('slate-200')
|
|
63
|
-
};
|
|
33
|
+
this.disabled = false;
|
|
34
|
+
this.size = bcm.Bcm$1.Size.medium;
|
|
35
|
+
this.color = undefined;
|
|
64
36
|
}
|
|
65
37
|
render() {
|
|
66
|
-
const {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
checked,
|
|
89
|
-
disabled,
|
|
90
|
-
required
|
|
91
|
-
});
|
|
92
|
-
const bcmRadioLabelClass = index$1.classnames('bcm-checkbox__label');
|
|
93
|
-
const bcmCheckboxInputClass = index$1.classnames('bcm-checkbox__input');
|
|
94
|
-
return (index.h(index.Host, { class: bcmRadioHostClasses, onFocus: () => this.focus.emit(), onBlur: () => this.blur.emit(), style: this.setColor(this.color) }, index.h("span", { hidden: true }, index.h("slot", null)), index.h("div", { class: bcmCheckboxInputClass }, index.h("label", { class: bcmRadioLabelClass }, index.h("input", { type: "radio", value: value, checked: checked, disabled: disabled }), index.h("span", { class: index$1.classnames("bcm-checkbox__label-icon", "bcm-radio__icon", {
|
|
95
|
-
'bcm-checkbox__label-icon-checked': checked,
|
|
96
|
-
}) }, index.h("span", { class: 'bcm-radio__icon-inner' })), index.h(slotTemplate.SlotTemplate, { className: "slot" })))));
|
|
38
|
+
const { value, size, disabled, checked, _id, color } = this;
|
|
39
|
+
return (index.h(index.Host, { class: index$1.classnames("tw-cursor-pointer tw-font-sans tw-mb-1.5 tw-mt-1", {
|
|
40
|
+
"tw-cursor-pointer tw-text-slate-600": !disabled,
|
|
41
|
+
"tw-cursor-not-allowed tw-text-slate-400": disabled,
|
|
42
|
+
"tw-text-1": size === bcm.Bcm$1.Size.small,
|
|
43
|
+
"tw-text-2.5": size === bcm.Bcm$1.Size.medium,
|
|
44
|
+
"tw-text-4": size === bcm.Bcm$1.Size.large,
|
|
45
|
+
}), style: (generate.Generate.getTwColor(color)) }, index.h("label", { class: index$1.classnames("tw-inline-flex tw-flex-row tw-gap-2 tw-mr-2 tw-items-center", disabled ? "tw-cursor-not-allowed" : "tw-cursor-pointer"), htmlFor: _id + '-input' }, index.h("input", { id: _id + '-input', type: "radio", value: value, checked: checked, disabled: disabled, class: index$1.classnames("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", {
|
|
46
|
+
"tw-w-4 tw-h-4 before:tw-w-2.5 before:tw-h-2.5": size === bcm.Bcm$1.Size.medium,
|
|
47
|
+
"tw-w-3.5 tw-h-3.5 before:tw-w-2 before:tw-h-2": size === bcm.Bcm$1.Size.small,
|
|
48
|
+
"tw-w-4.5 tw-h-4.5 before:tw-w-3 before:tw-h-3": size === bcm.Bcm$1.Size.large,
|
|
49
|
+
}, "focus:tw-outline-none focus:tw-shadow-outline",
|
|
50
|
+
// default
|
|
51
|
+
`tw-border-slate-400 tw-bg-slate-50`, `checked:tw-border-default-500`, `checked:before:tw-bg-default-500`,
|
|
52
|
+
// disabled
|
|
53
|
+
`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`, !disabled && index$1.classnames(
|
|
54
|
+
// hover
|
|
55
|
+
`hover:tw-border-default-600`, `hover:checked:tw-border-default-600`, `hover:checked:before:tw-bg-default-600`,
|
|
56
|
+
// focus-visible
|
|
57
|
+
`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`,
|
|
58
|
+
// active
|
|
59
|
+
`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() }), index.h("slot", null))));
|
|
97
60
|
}
|
|
98
61
|
get el() { return index.getElement(this); }
|
|
99
62
|
};
|
|
100
|
-
__decorate([
|
|
101
|
-
isLoadDecorator.IsLoad()
|
|
102
|
-
], BcmRadio.prototype, "el", void 0);
|
|
103
|
-
BcmRadio.style = radioCss;
|
|
104
63
|
|
|
105
64
|
exports.bcm_radio = BcmRadio;
|
|
@@ -6,13 +6,14 @@
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
|
-
const index = require('./index-
|
|
10
|
-
const index$1 = require('./index-
|
|
11
|
-
const generate = require('./generate-
|
|
9
|
+
const index = require('./index-ddfd6d8f.js');
|
|
10
|
+
const index$1 = require('./index-fdbf5226.js');
|
|
11
|
+
const generate = require('./generate-c2f702e3.js');
|
|
12
12
|
const bcm = require('./bcm-634604e3.js');
|
|
13
13
|
const utils = require('./utils-fc077139.js');
|
|
14
|
-
const isLoadDecorator = require('./is-load-decorator-
|
|
14
|
+
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
15
15
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
16
|
+
require('./colors-e1d142ad.js');
|
|
16
17
|
|
|
17
18
|
const rangeCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-range{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:\" \";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:\"\";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}";
|
|
18
19
|
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
|
-
const index = require('./index-
|
|
10
|
-
const index$1 = require('./index-
|
|
11
|
-
const isLoadDecorator = require('./is-load-decorator-
|
|
9
|
+
const index = require('./index-ddfd6d8f.js');
|
|
10
|
+
const index$1 = require('./index-fdbf5226.js');
|
|
11
|
+
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
12
12
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
13
13
|
|
|
14
14
|
const statuses = {
|
|
@@ -6,17 +6,18 @@
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
|
-
const index$1 = require('./index-
|
|
10
|
-
const isLoadDecorator = require('./is-load-decorator-
|
|
11
|
-
const generate = require('./generate-
|
|
9
|
+
const index$1 = require('./index-ddfd6d8f.js');
|
|
10
|
+
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
11
|
+
const generate = require('./generate-c2f702e3.js');
|
|
12
12
|
const bcm = require('./bcm-634604e3.js');
|
|
13
|
-
const inputTemplate = require('./input-template-
|
|
13
|
+
const inputTemplate = require('./input-template-b969af2c.js');
|
|
14
14
|
const utils = require('./utils-fc077139.js');
|
|
15
|
-
const index = require('./index-
|
|
16
|
-
const stringHelper = require('./string-helper-
|
|
17
|
-
require('./
|
|
18
|
-
require('./index-a2b50e51.js');
|
|
15
|
+
const index = require('./index-4506fcd7.js');
|
|
16
|
+
const stringHelper = require('./string-helper-45cffee0.js');
|
|
17
|
+
require('./colors-e1d142ad.js');
|
|
19
18
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
19
|
+
require('./types-cc4adee7.js');
|
|
20
|
+
require('./index-fdbf5226.js');
|
|
20
21
|
|
|
21
22
|
const { state } = index.createStore({
|
|
22
23
|
value: new Map(),
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
|
-
const index = require('./index-
|
|
10
|
-
const index$1 = require('./index-
|
|
9
|
+
const index = require('./index-ddfd6d8f.js');
|
|
10
|
+
const index$1 = require('./index-fdbf5226.js');
|
|
11
11
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
12
12
|
|
|
13
13
|
const groupCss = "@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}.group{display:none}.group.visible{display:block}.group-title{color:var(--bcm-color-grey-7);padding:4px 8px;display:block}";
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
|
-
const index = require('./index-
|
|
10
|
-
const index$1 = require('./index-
|
|
9
|
+
const index = require('./index-ddfd6d8f.js');
|
|
10
|
+
const index$1 = require('./index-fdbf5226.js');
|
|
11
11
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
12
12
|
|
|
13
13
|
const optionCss = "@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;width:100%;box-sizing:border-box;min-width:256px}:host(.hidden){display:none}:host-context(bcm-select-group) .option{padding-left:16px}.option{display:none;padding:4px 8px;cursor:pointer;color:var(--bcm-color-grey-8);box-sizing:border-box;width:100%}.option:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-1)}.option.selected:not(.disabled){background-color:var(--bcm-color-grey-3)}.option.disabled{background-color:var(--bcm-color-grey-5);color:var(--bcm-color-grey-6);cursor:not-allowed}.option.disabled:not(.selected){background-color:var(--bcm-color-prime-blue-1)}.option.visible{display:inline-flex}";
|
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
|
-
const index = require('./index-
|
|
10
|
-
const index$1 = require('./index-
|
|
11
|
-
const stringHelper = require('./string-helper-
|
|
9
|
+
const index = require('./index-ddfd6d8f.js');
|
|
10
|
+
const index$1 = require('./index-fdbf5226.js');
|
|
11
|
+
const stringHelper = require('./string-helper-45cffee0.js');
|
|
12
12
|
const utils = require('./utils-fc077139.js');
|
|
13
|
-
const isLoadDecorator = require('./is-load-decorator-
|
|
13
|
+
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
14
14
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
15
15
|
require('./bcm-634604e3.js');
|
|
16
16
|
|
|
@@ -6,9 +6,11 @@
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
|
-
const index = require('./index-
|
|
10
|
-
const isLoadDecorator = require('./is-load-decorator-
|
|
11
|
-
const generate = require('./generate-
|
|
9
|
+
const index = require('./index-ddfd6d8f.js');
|
|
10
|
+
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
11
|
+
const generate = require('./generate-c2f702e3.js');
|
|
12
|
+
require('./colors-e1d142ad.js');
|
|
13
|
+
require('./_commonjsHelpers-bd20f4c0.js');
|
|
12
14
|
|
|
13
15
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
14
16
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -6,13 +6,14 @@
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
|
-
const index = require('./index-
|
|
10
|
-
const index$1 = require('./index-
|
|
11
|
-
const isLoadDecorator = require('./is-load-decorator-
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
const stepperStates = require('./stepper-states-
|
|
9
|
+
const index = require('./index-ddfd6d8f.js');
|
|
10
|
+
const index$1 = require('./index-fdbf5226.js');
|
|
11
|
+
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
12
|
+
const generate = require('./generate-c2f702e3.js');
|
|
13
|
+
const stepperStates = require('./stepper-states-f194e442.js');
|
|
14
14
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
15
|
-
require('./
|
|
15
|
+
require('./colors-e1d142ad.js');
|
|
16
|
+
require('./index-4506fcd7.js');
|
|
16
17
|
|
|
17
18
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
18
19
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -6,24 +6,25 @@
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
|
-
const index$1 = require('./index-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
require('./color-helper-
|
|
9
|
+
const index$1 = require('./index-ddfd6d8f.js');
|
|
10
|
+
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
11
|
+
const generate = require('./generate-c2f702e3.js');
|
|
12
|
+
require('./color-helper-d6d2028b.js');
|
|
13
13
|
require('./datetime-helper-eaf4fadb.js');
|
|
14
|
-
require('./number-helper-
|
|
15
|
-
require('./string-helper-
|
|
16
|
-
require('./validators-
|
|
14
|
+
require('./number-helper-d2ece9d9.js');
|
|
15
|
+
require('./string-helper-45cffee0.js');
|
|
16
|
+
require('./validators-8f5d2703.js');
|
|
17
17
|
require('./element-dragger-a8562f82.js');
|
|
18
18
|
const utils = require('./utils-fc077139.js');
|
|
19
19
|
const bcm = require('./bcm-634604e3.js');
|
|
20
|
-
const
|
|
20
|
+
const index = require('./index-fdbf5226.js');
|
|
21
21
|
require('./types-cc4adee7.js');
|
|
22
|
-
require('./types-
|
|
23
|
-
const stepperStates = require('./stepper-states-
|
|
22
|
+
require('./types-7523fd99.js');
|
|
23
|
+
const stepperStates = require('./stepper-states-f194e442.js');
|
|
24
|
+
require('./colors-e1d142ad.js');
|
|
24
25
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
25
26
|
require('./colors-56282b00.js');
|
|
26
|
-
require('./index-
|
|
27
|
+
require('./index-4506fcd7.js');
|
|
27
28
|
|
|
28
29
|
const StepperHeaderTemplate = ({ _title, description, status, valid, index: index$2, loading, active, stepChange, statusIcon, icon, disabled, headerHidden, }) => {
|
|
29
30
|
const classes = index.classnames('bcm-stepper__header-item', `bcm-stepper__header-item--${status}`, {
|
|
@@ -152,7 +153,8 @@ const BcmStepper = class {
|
|
|
152
153
|
return Promise.resolve(this.getActiveIndex());
|
|
153
154
|
}
|
|
154
155
|
async next(idx) {
|
|
155
|
-
|
|
156
|
+
let index;
|
|
157
|
+
idx == 0 ? (index = 0) : index == 1 ? (index = 1) : (index = idx || this.getActiveIndex());
|
|
156
158
|
const step = await this.getCurrentStep();
|
|
157
159
|
const lastStep = this.getItems()[this.getItems().length - 1];
|
|
158
160
|
if (step.valid) {
|
|
@@ -167,43 +169,32 @@ const BcmStepper = class {
|
|
|
167
169
|
index$1.forceUpdate(this.el);
|
|
168
170
|
return Promise.resolve(this.getActiveIndex());
|
|
169
171
|
}
|
|
170
|
-
async setActive(index
|
|
172
|
+
async setActive(index) {
|
|
171
173
|
if (!index)
|
|
172
174
|
return;
|
|
173
|
-
if (
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
await this.next();
|
|
177
|
-
await utils.delay(100);
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
else {
|
|
181
|
-
while (this.getActiveIndex() > index) {
|
|
182
|
-
await this.prev();
|
|
183
|
-
await utils.delay(100);
|
|
184
|
-
}
|
|
185
|
-
}
|
|
175
|
+
if (typeof index != "number") {
|
|
176
|
+
console.warn("index must be a number");
|
|
177
|
+
return;
|
|
186
178
|
}
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
await this.next(index - 1);
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
else {
|
|
203
|
-
stepperStates.stepperStates.setActiveIndex(this.stepperId, index);
|
|
179
|
+
if (this.linear) {
|
|
180
|
+
const prevSteps = this.getItems().filter(item => item.index < index);
|
|
181
|
+
const prevStepIsValid = prevSteps === null || prevSteps === void 0 ? void 0 : prevSteps.map(item => ({
|
|
182
|
+
id: item.id,
|
|
183
|
+
status: item.status,
|
|
184
|
+
disabled: item.disabled,
|
|
185
|
+
})).every(item => item.status == "success" || item.status == "default");
|
|
186
|
+
if (prevStepIsValid) {
|
|
187
|
+
prevSteps === null || prevSteps === void 0 ? void 0 : prevSteps.forEach(item => {
|
|
188
|
+
item.status = "success";
|
|
189
|
+
item.disabled = false;
|
|
190
|
+
});
|
|
204
191
|
await this.next(index - 1);
|
|
205
192
|
}
|
|
206
193
|
}
|
|
194
|
+
else {
|
|
195
|
+
stepperStates.stepperStates.setActiveIndex(this.stepperId, index);
|
|
196
|
+
await this.next(index - 1);
|
|
197
|
+
}
|
|
207
198
|
}
|
|
208
199
|
async reset() {
|
|
209
200
|
await this.onStepChange(1);
|