bromcom-ui 2.7.37-rc.9 → 2.7.38-rc.0
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-0122ae3d.js +6 -0
- package/dist/bromcom-ui/p-04c8b756.js +1 -1
- package/dist/bromcom-ui/p-0a29a882.entry.js +5 -0
- package/dist/bromcom-ui/p-0a46b931.entry.js +5 -0
- package/dist/bromcom-ui/{p-151d7bec.entry.js → p-0dff677e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2444a19c.js → p-0e8b8316.js} +1 -1
- package/dist/bromcom-ui/{p-ae327774.js → p-1192f094.js} +1 -1
- package/dist/bromcom-ui/p-13077a28.entry.js +5 -0
- package/dist/bromcom-ui/p-1978e4ae.entry.js +5 -0
- package/dist/bromcom-ui/p-1af75960.entry.js +5 -0
- package/dist/bromcom-ui/p-1c207a2d.entry.js +5 -0
- package/dist/bromcom-ui/{p-2b332236.entry.js → p-20c45a95.entry.js} +1 -1
- package/dist/bromcom-ui/p-24bfaf3c.entry.js +5 -0
- package/dist/bromcom-ui/{p-34b815f5.entry.js → p-2a7f29b6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b68fcefb.entry.js → p-2f4d6b32.entry.js} +1 -1
- package/dist/bromcom-ui/p-341f55bf.entry.js +5 -0
- package/dist/bromcom-ui/p-38e67de7.entry.js +5 -0
- package/dist/bromcom-ui/p-3b07a0b1.entry.js +5 -0
- package/dist/bromcom-ui/p-3b43ad99.entry.js +5 -0
- package/dist/bromcom-ui/p-3e6e1e62.entry.js +5 -0
- package/dist/bromcom-ui/p-41df4c5d.entry.js +5 -0
- package/dist/bromcom-ui/p-42d537ac.entry.js +5 -0
- package/dist/bromcom-ui/p-44dd9f7a.entry.js +5 -0
- package/dist/bromcom-ui/p-455f416f.entry.js +5 -0
- package/dist/bromcom-ui/{p-fe3e3210.js → p-45704915.js} +1 -1
- package/dist/bromcom-ui/p-487f7b46.js +5 -0
- package/dist/bromcom-ui/{p-b2693a0f.js → p-4db160cc.js} +1 -1
- package/dist/bromcom-ui/p-4eb1b6e1.entry.js +5 -0
- package/dist/bromcom-ui/{p-6f30d39e.entry.js → p-516b3b59.entry.js} +1 -1
- package/dist/bromcom-ui/p-52e9eb72.entry.js +5 -0
- package/dist/bromcom-ui/p-581f703b.entry.js +5 -0
- package/dist/bromcom-ui/p-59b121e1.entry.js +5 -0
- package/dist/bromcom-ui/{p-591b3100.entry.js → p-5c20b83c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b1e3b913.entry.js → p-5f002c1c.entry.js} +1 -1
- package/dist/bromcom-ui/p-62bb8bf1.entry.js +5 -0
- package/dist/bromcom-ui/{p-8255f60a.entry.js → p-6720d135.entry.js} +1 -1
- package/dist/bromcom-ui/p-68ab7a63.entry.js +5 -0
- package/dist/bromcom-ui/p-68f57e0b.entry.js +5 -0
- package/dist/bromcom-ui/p-6c92a756.entry.js +5 -0
- package/dist/bromcom-ui/p-6f1b3d34.entry.js +5 -0
- package/dist/bromcom-ui/p-758a20ad.entry.js +5 -0
- package/dist/bromcom-ui/p-765ee6c1.js +5 -0
- package/dist/{esm/bcm-dropdown.entry.js → bromcom-ui/p-77e0d2b5.entry.js} +1 -231
- package/dist/bromcom-ui/p-78cf8966.entry.js +5 -0
- package/dist/bromcom-ui/{p-78d48636.entry.js → p-7b5e88c5.entry.js} +1 -1
- package/dist/bromcom-ui/p-7b7f4c29.entry.js +5 -0
- package/dist/bromcom-ui/{p-0cd7e628.entry.js → p-7df747c7.entry.js} +1 -1
- package/dist/bromcom-ui/p-906848af.entry.js +5 -0
- package/dist/bromcom-ui/p-937e2bed.js +5 -0
- package/dist/bromcom-ui/{p-cd0490e2.js → p-96287124.js} +1 -1
- package/dist/bromcom-ui/{p-a0c10e3e.entry.js → p-96525d60.entry.js} +1 -1
- package/dist/bromcom-ui/p-980e5824.entry.js +5 -0
- package/dist/bromcom-ui/p-99bed73b.entry.js +5 -0
- package/dist/bromcom-ui/p-9c6de630.js +5 -0
- package/dist/bromcom-ui/p-a2710121.entry.js +5 -0
- package/dist/bromcom-ui/p-a95d388e.js +5 -0
- package/dist/bromcom-ui/{p-f9cb7ae4.js → p-acb048b5.js} +1 -1
- package/dist/bromcom-ui/p-b1b377e8.entry.js +5 -0
- package/dist/bromcom-ui/p-c3fc854c.entry.js +5 -0
- package/dist/bromcom-ui/p-c78bc99b.js +5 -0
- package/dist/bromcom-ui/p-c9bd85e9.js +1 -1
- package/dist/bromcom-ui/{p-f1b09912.entry.js → p-cf337431.entry.js} +1 -1
- package/dist/bromcom-ui/p-da7603b0.entry.js +5 -0
- package/dist/bromcom-ui/p-dcf02363.entry.js +5 -0
- package/dist/bromcom-ui/p-e0cb6ac3.entry.js +5 -0
- package/dist/bromcom-ui/p-e14fb705.entry.js +5 -0
- package/dist/bromcom-ui/p-e2fe4755.entry.js +5 -0
- package/dist/bromcom-ui/p-e48c96b5.entry.js +5 -0
- package/dist/bromcom-ui/{p-f33f5581.entry.js → p-e6d92da4.entry.js} +1 -1
- package/dist/bromcom-ui/p-eb3aa16b.entry.js +5 -0
- package/dist/bromcom-ui/{p-3c60d68f.entry.js → p-eb639e76.entry.js} +1 -1
- package/dist/bromcom-ui/{p-993c912d.entry.js → p-f0b62f8e.entry.js} +1 -1
- package/dist/bromcom-ui/p-f495426e.entry.js +5 -0
- package/dist/bromcom-ui/{p-d9fb53c9.entry.js → p-f5ae5381.entry.js} +1 -1
- package/dist/bromcom-ui/p-f6685330.entry.js +5 -0
- package/dist/cjs/bcm-accordion.cjs.entry.js +3 -3
- package/dist/cjs/bcm-alert.cjs.entry.js +9 -10
- package/dist/cjs/bcm-attendance.cjs.entry.js +3 -7
- package/dist/cjs/bcm-autocomplete.cjs.entry.js +3 -2
- package/dist/cjs/bcm-avatar_15.cjs.entry.js +1954 -0
- package/dist/cjs/bcm-box.cjs.entry.js +2 -2
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +4 -3
- package/dist/cjs/bcm-button-group.cjs.entry.js +10 -8
- package/dist/cjs/bcm-card.cjs.entry.js +9 -7
- package/dist/cjs/bcm-checkbox-group.cjs.entry.js +17 -11
- package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +44 -21
- package/dist/cjs/bcm-checkbox_2.cjs.entry.js +18 -16
- package/dist/cjs/bcm-chip.cjs.entry.js +7 -3
- package/dist/cjs/bcm-collapse-group.cjs.entry.js +2 -2
- package/dist/cjs/bcm-collapse.cjs.entry.js +3 -3
- package/dist/cjs/bcm-colorpicker.cjs.entry.js +8 -9
- package/dist/cjs/bcm-date-picker.cjs.entry.js +12 -5
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +19 -16
- package/dist/cjs/bcm-default.cjs.entry.js +3 -3
- package/dist/cjs/bcm-drawer.cjs.entry.js +10 -13
- package/dist/cjs/bcm-error-layout.cjs.entry.js +2 -2
- package/dist/cjs/bcm-expansion-panel.cjs.entry.js +6 -5
- package/dist/cjs/{bcm-2c51bf0c.js → bcm-f00ec62c.js} +4 -4
- package/dist/cjs/bcm-form-2.cjs.entry.js +8 -8
- package/dist/cjs/bcm-form-group.cjs.entry.js +3 -2
- package/dist/cjs/bcm-input.cjs.entry.js +35 -18
- package/dist/cjs/bcm-link.cjs.entry.js +8 -5
- package/dist/cjs/bcm-list.cjs.entry.js +45 -43
- package/dist/cjs/bcm-message.cjs.entry.js +2 -5
- package/dist/cjs/{bcm-label_2.cjs.entry.js → bcm-modal.cjs.entry.js} +101 -78
- package/dist/cjs/bcm-notification.cjs.entry.js +4 -2
- package/dist/cjs/bcm-old-input.cjs.entry.js +17 -4
- package/dist/cjs/bcm-old-tag_2.cjs.entry.js +4 -2
- package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +11 -6
- package/dist/cjs/bcm-popconfirm.cjs.entry.js +7 -6
- package/dist/cjs/bcm-progress.cjs.entry.js +5 -5
- package/dist/cjs/bcm-radio-group.cjs.entry.js +19 -10
- package/dist/cjs/bcm-radio.cjs.entry.js +10 -9
- package/dist/cjs/bcm-range.cjs.entry.js +13 -7
- package/dist/cjs/bcm-result.cjs.entry.js +6 -2
- package/dist/cjs/bcm-search.cjs.entry.js +12 -16
- package/dist/cjs/bcm-select-group.cjs.entry.js +2 -1
- package/dist/cjs/bcm-select-option.cjs.entry.js +4 -1
- package/dist/cjs/bcm-select.cjs.entry.js +26 -15
- package/dist/cjs/bcm-skeleton.cjs.entry.js +3 -3
- package/dist/cjs/bcm-step.cjs.entry.js +10 -9
- package/dist/cjs/bcm-stepper.cjs.entry.js +8 -12
- package/dist/cjs/bcm-tab-group.cjs.entry.js +9 -9
- package/dist/cjs/bcm-tab-pane.cjs.entry.js +2 -2
- package/dist/cjs/bcm-tab.cjs.entry.js +2 -5
- package/dist/cjs/bcm-table.cjs.entry.js +2 -2
- package/dist/cjs/bcm-tabs-content.cjs.entry.js +2 -2
- package/dist/cjs/bcm-tabs.cjs.entry.js +2 -8
- package/dist/cjs/bcm-tag.cjs.entry.js +19 -16
- package/dist/cjs/bcm-textarea.cjs.entry.js +20 -10
- package/dist/cjs/bcm-time-picker.cjs.entry.js +12 -5
- package/dist/cjs/bcm-timeline-item.cjs.entry.js +3 -5
- package/dist/cjs/bcm-timeline.cjs.entry.js +3 -5
- package/dist/cjs/bcm-treeview-group.cjs.entry.js +1 -1
- package/dist/cjs/bromcom-ui.cjs.js +3 -3
- package/dist/cjs/{caption-template-954d34bc.js → caption-template-95c791a2.js} +1 -1
- package/dist/cjs/{floating-ui-dae608ba.js → floating-ui-2a4a79ff.js} +4 -3
- package/dist/cjs/{generate-73db206b.js → generate-0d51cba6.js} +14 -14
- package/dist/cjs/{index-f8547ecd.js → index-1d2ce51d.js} +1 -1
- package/dist/cjs/{index-9d98aa56.js → index-1fda1524.js} +473 -275
- package/dist/cjs/{input-template-c8ceb3ff.js → input-template-d7f600a5.js} +7 -7
- package/dist/cjs/{is-load-decorator-65755a67.js → is-load-decorator-77664890.js} +1 -1
- package/dist/cjs/{label-template-1ed6a569.js → label-template-e56264b3.js} +4 -4
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{number-helper-2253d3ad.js → number-helper-1d113d3e.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +14 -8
- package/dist/cjs/old-bcm-popover.cjs.entry.js +9 -10
- package/dist/cjs/{popover-placement-87901bb3.js → popover-placement-ac98d407.js} +1 -1
- package/dist/cjs/{slot-template-2ff0d22a.js → slot-template-a4505c70.js} +2 -2
- package/dist/cjs/{stepper-states-c4dbafba.js → stepper-states-f66c2ae8.js} +2 -2
- package/dist/cjs/{string-helper-df40a475.js → string-helper-145cd64f.js} +2 -2
- package/dist/cjs/{tooltip-helper-88c00766.js → tooltip-helper-eff66c97.js} +37 -5
- package/dist/cjs/{validators-e5907199.js → validators-424a487a.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/atoms/avatar/avatar.js +197 -184
- package/dist/collection/components/atoms/badge/badge.js +174 -164
- package/dist/collection/components/atoms/box/box.js +8 -5
- package/dist/collection/components/atoms/button/button.js +392 -373
- package/dist/collection/components/atoms/chip/chip.js +143 -133
- package/dist/collection/components/atoms/divider/divider.js +61 -53
- package/dist/collection/components/atoms/icon/icon.js +57 -47
- package/dist/collection/components/atoms/label/label.js +192 -182
- package/dist/collection/components/atoms/link/link.js +138 -127
- package/dist/collection/components/atoms/tag/tag.js +286 -273
- package/dist/collection/components/atoms/typography/typography.js +8 -5
- package/dist/collection/components/molecules/accordion/accordion.js +72 -61
- package/dist/collection/components/molecules/alert/alert.js +218 -217
- package/dist/collection/components/molecules/breadcrumb/breadcrumb.js +110 -104
- package/dist/collection/components/molecules/breadcrumb/types.js +0 -4
- package/dist/collection/components/molecules/button-group/button-group.js +159 -144
- package/dist/collection/components/molecules/card/card.js +83 -73
- package/dist/collection/components/molecules/checkbox/checkbox-lite.js +175 -176
- package/dist/collection/components/molecules/checkbox/checkbox.js +536 -524
- package/dist/collection/components/molecules/checkbox/group.js +589 -571
- package/dist/collection/components/molecules/drawer/drawer.js +193 -189
- package/dist/collection/components/molecules/dropdown/dropdown.js +610 -782
- package/dist/collection/components/molecules/empty/empty.js +32 -26
- package/dist/collection/components/molecules/error-layout/error-layout.js +126 -111
- package/dist/collection/components/molecules/error-layout/types.js +0 -4
- package/dist/collection/components/molecules/expansion-panel/expansion-panel.js +212 -212
- package/dist/collection/components/molecules/input/input.js +891 -857
- package/dist/collection/components/molecules/item/item.js +95 -85
- package/dist/collection/components/molecules/items/items.js +46 -38
- package/dist/collection/components/molecules/linked/linked.js +285 -241
- package/dist/collection/components/molecules/menu/menu.js +368 -538
- package/dist/collection/components/molecules/message/message.js +149 -144
- package/dist/collection/components/molecules/modal/modal.js +261 -252
- package/dist/collection/components/molecules/notification/notification.js +167 -161
- package/dist/collection/components/molecules/popconfirm/popconfirm-box.js +299 -285
- package/dist/collection/components/molecules/popconfirm/popconfirm.js +293 -277
- package/dist/collection/components/molecules/popover/popover.js +190 -181
- package/dist/collection/components/molecules/progress/progress.js +255 -262
- package/dist/collection/components/molecules/radio/group.js +516 -494
- package/dist/collection/components/molecules/radio/radio.js +212 -207
- package/dist/collection/components/molecules/range/range.js +289 -285
- package/dist/collection/components/molecules/result/result.js +104 -97
- package/dist/collection/components/molecules/search/search.js +308 -295
- package/dist/collection/components/molecules/skeleton/skeleton.js +47 -52
- package/dist/collection/components/molecules/stepper/step.js +281 -271
- package/dist/collection/components/molecules/stepper/stepper.js +309 -300
- package/dist/collection/components/molecules/switch/switch.js +598 -583
- package/dist/collection/components/molecules/tab-group/tab-group.js +126 -120
- package/dist/collection/components/molecules/textarea/textarea.js +622 -597
- package/dist/collection/components/molecules/timeline/timeline-item.js +125 -120
- package/dist/collection/components/molecules/timeline/timeline.js +79 -71
- package/dist/collection/components/molecules/tooltip/tooltip.js +173 -164
- package/dist/collection/components/organism/autocomplete/autocomplete.js +260 -247
- package/dist/collection/components/organism/colorpicker/colorpicker.js +360 -368
- package/dist/collection/components/organism/date-picker/date-picker.js +626 -604
- package/dist/collection/components/organism/datetime-picker/datetime-picker.js +750 -775
- package/dist/collection/components/organism/form/form-group.js +108 -99
- package/dist/collection/components/organism/form/form.js +253 -238
- package/dist/collection/components/organism/form-2/form-2.js +164 -149
- package/dist/collection/components/organism/list/list.js +1133 -1128
- package/dist/collection/components/organism/time-picker/time-picker.js +502 -484
- package/dist/collection/components/other/attendance/attendance.js +60 -61
- package/dist/collection/components/other/data-table/table.js +40 -30
- package/dist/collection/components/other/default/default.js +40 -32
- package/dist/collection/components/other_deprecated/collapse/collapse.js +125 -119
- package/dist/collection/components/other_deprecated/collapse/group.js +90 -83
- package/dist/collection/components/other_deprecated/listbox/listbox-group.js +68 -68
- package/dist/collection/components/other_deprecated/listbox/listbox-item.js +500 -495
- package/dist/collection/components/other_deprecated/listbox/listbox.js +1067 -1071
- package/dist/collection/components/other_deprecated/old-input/old-input.js +786 -775
- package/dist/collection/components/other_deprecated/old-popover/old-popover-box.js +285 -267
- package/dist/collection/components/other_deprecated/old-popover/old-popover.js +214 -202
- package/dist/collection/components/other_deprecated/old-search/old-search.js +333 -314
- package/dist/collection/components/other_deprecated/old-tag/old-tag.js +247 -241
- package/dist/collection/components/other_deprecated/select/group.js +68 -67
- package/dist/collection/components/other_deprecated/select/option.js +120 -111
- package/dist/collection/components/other_deprecated/select/select-box.js +77 -71
- package/dist/collection/components/other_deprecated/select/select.js +1096 -1093
- package/dist/collection/components/other_deprecated/tabs/tab-pane.js +121 -111
- package/dist/collection/components/other_deprecated/tabs/tab.js +229 -226
- package/dist/collection/components/other_deprecated/tabs/tabs-content.js +108 -98
- package/dist/collection/components/other_deprecated/tabs/tabs.js +423 -411
- package/dist/collection/components/other_deprecated/text/text.js +125 -117
- package/dist/collection/components/other_deprecated/treeview/treeview-group.js +11 -7
- package/dist/collection/components/other_deprecated/treeview/treeview-item.js +651 -646
- package/dist/collection/components/other_deprecated/treeview/treeview.js +882 -874
- package/dist/collection/index.js +0 -4
- package/dist/collection/models/bcm-types.js +0 -4
- package/dist/collection/models/states/atoms/bcm-atoms-state.js +0 -4
- package/dist/collection/models/states/molecules/bcm-molecules-state.js +0 -4
- package/dist/collection/models/states/organisms/bcm-organisms-state.js +0 -4
- package/dist/collection/templates/button-template.js +1 -12
- package/dist/collection/templates/caption-template.js +3 -14
- package/dist/collection/templates/checkbox-template.js +1 -5
- package/dist/collection/templates/info-footer-template.js +1 -6
- package/dist/collection/templates/input-template.js +8 -29
- package/dist/collection/templates/label-template.js +1 -5
- package/dist/collection/templates/list-item-template.js +2 -9
- package/dist/collection/templates/list-template.js +1 -14
- package/dist/collection/templates/slot-template.js +1 -2
- package/dist/collection/templates/step-template.js +1 -5
- package/dist/collection/templates/tag-template.js +1 -10
- package/dist/collection/types/index.js +0 -4
- package/dist/collection/utils/floating-ui.js +2 -1
- package/dist/components/avatar.js +5 -0
- package/dist/components/badge.js +4 -0
- package/dist/components/bcm-alert.js +3 -4
- package/dist/components/bcm-attendance.js +0 -4
- package/dist/components/bcm-autocomplete.js +1 -0
- package/dist/components/bcm-breadcrumb.js +1 -0
- package/dist/components/bcm-button-group.js +2 -0
- package/dist/components/bcm-card.js +3 -1
- package/dist/components/bcm-checkbox-group.js +6 -0
- package/dist/components/bcm-chip.js +4 -0
- package/dist/components/bcm-colorpicker.js +6 -7
- package/dist/components/bcm-date-picker.js +7 -0
- package/dist/components/bcm-drawer.js +1 -4
- package/dist/components/bcm-dropdown.js +38 -167
- package/dist/components/bcm-expansion-panel.js +1 -0
- package/dist/components/bcm-form-2.js +2 -2
- package/dist/components/bcm-form-group.js +1 -0
- package/dist/components/bcm-form.js +1 -0
- package/dist/components/bcm-input.js +22 -5
- package/dist/components/bcm-item.js +1 -0
- package/dist/components/bcm-linked.js +1 -192
- package/dist/components/bcm-list.js +15 -12
- package/dist/components/bcm-message.js +0 -3
- package/dist/components/bcm-modal.js +2 -0
- package/dist/components/bcm-notification.js +2 -0
- package/dist/components/bcm-popconfirm.js +1 -0
- package/dist/components/bcm-radio-group.js +9 -0
- package/dist/components/bcm-range.js +6 -0
- package/dist/components/bcm-result.js +4 -0
- package/dist/components/bcm-select-group.js +1 -0
- package/dist/components/bcm-select-option.js +3 -0
- package/dist/components/bcm-select.js +22 -11
- package/dist/components/bcm-stepper.js +0 -4
- package/dist/components/bcm-switch.js +11 -1
- package/dist/components/bcm-tab-group.js +1 -1
- package/dist/components/bcm-tab.js +0 -3
- package/dist/components/bcm-tabs.js +0 -6
- package/dist/components/bcm-tag.js +3 -0
- package/dist/components/bcm-textarea.js +11 -1
- package/dist/components/bcm-time-picker.js +7 -0
- package/dist/components/bcm-timeline-item.js +1 -3
- package/dist/components/bcm-timeline.js +1 -3
- package/dist/components/button.js +6 -0
- package/dist/components/checkbox.js +6 -4
- package/dist/components/datetime-picker.js +9 -6
- package/dist/components/empty.js +1 -0
- package/dist/components/floating-ui.js +2 -1
- package/dist/components/generate.js +1 -1
- package/dist/components/icon.js +1 -0
- package/dist/components/label.js +4 -1
- package/dist/components/link.js +3 -0
- package/dist/{esm/bcm-linked.entry.js → components/linked.js} +60 -22
- package/dist/components/listbox-group.js +1 -0
- package/dist/components/listbox-item.js +7 -0
- package/dist/components/listbox.js +16 -9
- package/dist/components/menu.js +11 -126
- package/dist/components/old-bcm-popover.js +3 -4
- package/dist/components/old-input.js +14 -1
- package/dist/components/old-popover-box.js +6 -0
- package/dist/components/old-tag.js +2 -0
- package/dist/components/popconfirm-box.js +5 -0
- package/dist/components/radio.js +3 -2
- package/dist/components/search.js +4 -8
- package/dist/components/step.js +5 -4
- package/dist/components/text.js +2 -0
- package/dist/components/treeview-item.js +5 -1
- package/dist/components/treeview.js +7 -4
- package/dist/esm/bcm-accordion.entry.js +3 -3
- package/dist/esm/bcm-alert.entry.js +7 -8
- package/dist/esm/bcm-attendance.entry.js +3 -7
- package/dist/esm/bcm-autocomplete.entry.js +3 -2
- package/dist/esm/bcm-avatar_15.entry.js +1936 -0
- package/dist/esm/bcm-b8d8a236.js +1 -1
- package/dist/esm/bcm-box.entry.js +2 -2
- package/dist/esm/bcm-breadcrumb.entry.js +4 -3
- package/dist/esm/bcm-button-group.entry.js +6 -4
- package/dist/esm/bcm-card.entry.js +7 -5
- package/dist/esm/bcm-checkbox-group.entry.js +13 -7
- package/dist/esm/bcm-checkbox-lite_9.entry.js +41 -18
- package/dist/esm/bcm-checkbox_2.entry.js +12 -10
- package/dist/esm/bcm-chip.entry.js +7 -3
- package/dist/esm/bcm-collapse-group.entry.js +2 -2
- package/dist/esm/bcm-collapse.entry.js +3 -3
- package/dist/esm/bcm-colorpicker.entry.js +8 -9
- package/dist/esm/bcm-date-picker.entry.js +11 -4
- package/dist/esm/bcm-datetime-picker.entry.js +15 -12
- package/dist/esm/bcm-default.entry.js +3 -3
- package/dist/esm/bcm-drawer.entry.js +7 -10
- package/dist/esm/bcm-error-layout.entry.js +2 -2
- package/dist/esm/bcm-expansion-panel.entry.js +4 -3
- package/dist/esm/bcm-form-2.entry.js +6 -6
- package/dist/esm/bcm-form-group.entry.js +3 -2
- package/dist/esm/bcm-input.entry.js +30 -13
- package/dist/esm/bcm-link.entry.js +6 -3
- package/dist/esm/bcm-list.entry.js +27 -25
- package/dist/esm/bcm-message.entry.js +2 -5
- package/dist/esm/{bcm-label_2.entry.js → bcm-modal.entry.js} +101 -77
- package/dist/esm/bcm-notification.entry.js +4 -2
- package/dist/esm/bcm-old-input.entry.js +17 -4
- package/dist/esm/bcm-old-tag_2.entry.js +4 -2
- package/dist/esm/bcm-popconfirm-box.entry.js +8 -3
- package/dist/esm/bcm-popconfirm.entry.js +5 -4
- package/dist/esm/bcm-progress.entry.js +4 -4
- package/dist/esm/bcm-radio-group.entry.js +15 -6
- package/dist/esm/bcm-radio.entry.js +8 -7
- package/dist/esm/bcm-range.entry.js +10 -4
- package/dist/esm/bcm-result.entry.js +6 -2
- package/dist/esm/bcm-search.entry.js +10 -14
- package/dist/esm/bcm-select-group.entry.js +2 -1
- package/dist/esm/bcm-select-option.entry.js +4 -1
- package/dist/esm/bcm-select.entry.js +24 -13
- package/dist/esm/bcm-skeleton.entry.js +3 -3
- package/dist/esm/bcm-step.entry.js +10 -9
- package/dist/esm/bcm-stepper.entry.js +6 -10
- package/dist/esm/bcm-tab-group.entry.js +5 -5
- package/dist/esm/bcm-tab-pane.entry.js +2 -2
- package/dist/esm/bcm-tab.entry.js +2 -5
- package/dist/esm/bcm-table.entry.js +2 -2
- package/dist/esm/bcm-tabs-content.entry.js +2 -2
- package/dist/esm/bcm-tabs.entry.js +2 -8
- package/dist/esm/bcm-tag.entry.js +8 -5
- package/dist/esm/bcm-textarea.entry.js +17 -7
- package/dist/esm/bcm-time-picker.entry.js +11 -4
- package/dist/esm/bcm-timeline-item.entry.js +3 -5
- package/dist/esm/bcm-timeline.entry.js +3 -5
- package/dist/esm/bcm-treeview-group.entry.js +1 -1
- package/dist/esm/bromcom-ui.js +3 -3
- package/dist/esm/{caption-template-d54ee0c3.js → caption-template-e7d51661.js} +1 -1
- package/dist/esm/{floating-ui-f03a96ce.js → floating-ui-700d0b98.js} +3 -2
- package/dist/esm/{generate-a7f3d168.js → generate-30f32431.js} +14 -14
- package/dist/esm/{index-2a3eeccc.js → index-58077b32.js} +473 -275
- package/dist/esm/{index-6e950253.js → index-6bdec00d.js} +1 -1
- package/dist/esm/{input-template-928c8d17.js → input-template-0131cb6b.js} +3 -3
- package/dist/esm/{is-load-decorator-b990575a.js → is-load-decorator-d57b8f9e.js} +1 -1
- package/dist/esm/{label-template-e3eebfbc.js → label-template-f352ef5b.js} +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{number-helper-f3b67bd2.js → number-helper-49efb3a0.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +11 -5
- package/dist/esm/old-bcm-popover.entry.js +7 -8
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/{slot-template-877c4e01.js → slot-template-aee2ff75.js} +1 -1
- package/dist/esm/{stepper-states-e2489128.js → stepper-states-204a065e.js} +2 -2
- package/dist/esm/string-helper-74a1648f.js +1 -1
- package/dist/esm/{tooltip-helper-99202557.js → tooltip-helper-968148fa.js} +36 -5
- package/dist/esm/{validators-0f31a959.js → validators-e1c02a1a.js} +1 -1
- package/dist/types/components/molecules/dropdown/dropdown.d.ts +2 -15
- package/dist/types/components/molecules/linked/linked.d.ts +3 -1
- package/dist/types/components/molecules/menu/menu.d.ts +1 -13
- package/dist/types/components.d.ts +12 -13
- package/dist/types/stencil-public-runtime.d.ts +20 -4
- package/loader/package.json +1 -0
- package/package.json +1 -1
- package/dist/bromcom-ui/assets +0 -0
- package/dist/bromcom-ui/p-0031ea84.entry.js +0 -5
- package/dist/bromcom-ui/p-00fb02e5.entry.js +0 -5
- package/dist/bromcom-ui/p-02892da0.entry.js +0 -5
- package/dist/bromcom-ui/p-046bc94c.entry.js +0 -5
- package/dist/bromcom-ui/p-0594c485.entry.js +0 -5
- package/dist/bromcom-ui/p-0ae411fe.entry.js +0 -5
- package/dist/bromcom-ui/p-0d37438e.entry.js +0 -5
- package/dist/bromcom-ui/p-10caf4ce.js +0 -6
- package/dist/bromcom-ui/p-12e845fb.entry.js +0 -5
- package/dist/bromcom-ui/p-1507f99a.entry.js +0 -5
- package/dist/bromcom-ui/p-1808adae.entry.js +0 -5
- package/dist/bromcom-ui/p-23de3629.entry.js +0 -5
- package/dist/bromcom-ui/p-2b91dab0.entry.js +0 -5
- package/dist/bromcom-ui/p-2cfa8d1a.js +0 -5
- package/dist/bromcom-ui/p-3057e85a.entry.js +0 -5
- package/dist/bromcom-ui/p-34c2069d.entry.js +0 -5
- package/dist/bromcom-ui/p-35be5c95.entry.js +0 -5
- package/dist/bromcom-ui/p-3b581c7d.entry.js +0 -5
- package/dist/bromcom-ui/p-3bcefb6e.entry.js +0 -5
- package/dist/bromcom-ui/p-3ee2e4fe.entry.js +0 -5
- package/dist/bromcom-ui/p-41cbecc7.entry.js +0 -5
- package/dist/bromcom-ui/p-42197730.entry.js +0 -5
- package/dist/bromcom-ui/p-44d68311.js +0 -5
- package/dist/bromcom-ui/p-4533663c.entry.js +0 -5
- package/dist/bromcom-ui/p-4be4c5bf.js +0 -5
- package/dist/bromcom-ui/p-4caf9f93.js +0 -5
- package/dist/bromcom-ui/p-4dbbb202.entry.js +0 -5
- package/dist/bromcom-ui/p-522c96a2.js +0 -5
- package/dist/bromcom-ui/p-5273d935.entry.js +0 -5
- package/dist/bromcom-ui/p-52ffb8e1.js +0 -5
- package/dist/bromcom-ui/p-5ad079a6.entry.js +0 -5
- package/dist/bromcom-ui/p-640244fa.entry.js +0 -5
- package/dist/bromcom-ui/p-6ad01d01.entry.js +0 -5
- package/dist/bromcom-ui/p-6c7eb43f.entry.js +0 -5
- package/dist/bromcom-ui/p-6e89ceb2.entry.js +0 -5
- package/dist/bromcom-ui/p-70b13097.entry.js +0 -5
- package/dist/bromcom-ui/p-721534bd.entry.js +0 -5
- package/dist/bromcom-ui/p-7385899c.js +0 -5
- package/dist/bromcom-ui/p-751c94dd.entry.js +0 -5
- package/dist/bromcom-ui/p-799a5570.entry.js +0 -5
- package/dist/bromcom-ui/p-7d76a273.entry.js +0 -5
- package/dist/bromcom-ui/p-7f065a45.entry.js +0 -5
- package/dist/bromcom-ui/p-8907162c.entry.js +0 -5
- package/dist/bromcom-ui/p-92fa0a00.entry.js +0 -5
- package/dist/bromcom-ui/p-99a2cb36.entry.js +0 -5
- package/dist/bromcom-ui/p-9e2b4b55.entry.js +0 -5
- package/dist/bromcom-ui/p-9efe118a.entry.js +0 -5
- package/dist/bromcom-ui/p-a0042349.entry.js +0 -5
- package/dist/bromcom-ui/p-a1c849e7.js +0 -5
- package/dist/bromcom-ui/p-a628aed8.entry.js +0 -5
- package/dist/bromcom-ui/p-a98aecdf.entry.js +0 -5
- package/dist/bromcom-ui/p-b088a98d.entry.js +0 -5
- package/dist/bromcom-ui/p-b4cbf3bd.entry.js +0 -5
- package/dist/bromcom-ui/p-b9983e4b.entry.js +0 -5
- package/dist/bromcom-ui/p-be39c24b.entry.js +0 -5
- package/dist/bromcom-ui/p-bf30bf7f.entry.js +0 -5
- package/dist/bromcom-ui/p-c0e8c481.entry.js +0 -5
- package/dist/bromcom-ui/p-dbb106a4.entry.js +0 -5
- package/dist/bromcom-ui/p-e467d49f.entry.js +0 -5
- package/dist/bromcom-ui/p-e50f0098.entry.js +0 -5
- package/dist/bromcom-ui/p-ebb01d57.entry.js +0 -5
- package/dist/bromcom-ui/p-f4936482.entry.js +0 -5
- package/dist/bromcom-ui/p-fa42b2de.entry.js +0 -5
- package/dist/cjs/bcm-avatar_2.cjs.entry.js +0 -156
- package/dist/cjs/bcm-button_3.cjs.entry.js +0 -530
- package/dist/cjs/bcm-dropdown.cjs.entry.js +0 -239
- package/dist/cjs/bcm-form.cjs.entry.js +0 -486
- package/dist/cjs/bcm-item.cjs.entry.js +0 -83
- package/dist/cjs/bcm-items.cjs.entry.js +0 -61
- package/dist/cjs/bcm-linked.cjs.entry.js +0 -179
- package/dist/cjs/bcm-menu.cjs.entry.js +0 -248
- package/dist/cjs/bcm-popover.cjs.entry.js +0 -183
- package/dist/cjs/bcm-switch.cjs.entry.js +0 -139
- package/dist/cjs/bcm-text.cjs.entry.js +0 -60
- package/dist/cjs/json-parse-decarator-4d8d8097.js +0 -40
- package/dist/cjs/property-decorators-cb2155ed.js +0 -33
- package/dist/collection/assets +0 -0
- package/dist/components/property-decorators.js +0 -31
- package/dist/esm/bcm-avatar_2.entry.js +0 -151
- package/dist/esm/bcm-button_3.entry.js +0 -524
- package/dist/esm/bcm-form.entry.js +0 -482
- package/dist/esm/bcm-item.entry.js +0 -79
- package/dist/esm/bcm-items.entry.js +0 -57
- package/dist/esm/bcm-menu.entry.js +0 -244
- package/dist/esm/bcm-popover.entry.js +0 -179
- package/dist/esm/bcm-switch.entry.js +0 -135
- package/dist/esm/bcm-text.entry.js +0 -56
- package/dist/esm/json-parse-decarator-58394179.js +0 -38
- package/dist/esm/property-decorators-f3f1e7de.js +0 -31
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2a3eeccc.js';
|
|
6
|
-
import { c as classnames } from './index-ba2edd32.js';
|
|
7
|
-
import { I as IsLoad } from './is-load-decorator-b990575a.js';
|
|
8
|
-
import { G as Generate } from './generate-a7f3d168.js';
|
|
9
|
-
import { B as Bcm } from './bcm-b8d8a236.js';
|
|
10
|
-
import { C as CaptionTemplate } from './caption-template-d54ee0c3.js';
|
|
11
|
-
import { d as delay } from './utils-57652744.js';
|
|
12
|
-
import './_commonjsHelpers-3016b722.js';
|
|
13
|
-
|
|
14
|
-
const switchCss = "@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{--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{--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{--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-switch{display:inline-flex;user-select:none;flex-direction:column;margin-bottom:8px}.bcm-switch__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.bcm-switch__container--left,.bcm-switch__container--right{align-items:center}.bcm-switch__container--left .bcm-label__text,.bcm-switch__container--right .bcm-label__text{margin:0}.bcm-switch__container--left{flex-direction:row}.bcm-switch__container--left .bcm-label__text{margin-right:4px}.bcm-switch__container--right{flex-direction:row-reverse}.bcm-switch__container--right .bcm-label__text{margin-left:4px}.bcm-switch:focus-visible{outline:none}.bcm-switch:focus-visible .bcm-switch__toggle{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-switch:focus-visible .bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch:hover{outline:none}.bcm-switch:hover .bcm-switch__toggle .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch:hover .bcm-switch__toggle.switch-checked .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch *{box-sizing:border-box}.bcm-switch.hidden{display:none}.bcm-switch input{display:none}.bcm-switch.disabled .bcm-switch__toggle{cursor:not-allowed;opacity:40%}.bcm-switch.readonly .bcm-switch__toggle{cursor:default;opacity:80%}.bcm-switch__label{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;align-items:center;margin:0}.bcm-switch__label .active-text{color:var(--bcm-new-ds-color-blue-500);margin:0 0 0 4px}.bcm-switch__label .inactive-text{color:var(--bcm-new-ds-color-slate-500);margin:0 4px 0 0}.bcm-switch__toggle{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-new-ds-color-slate-300);position:relative;cursor:pointer}.bcm-switch__toggle .handle{padding:1px;position:absolute;background-color:var(--bcm-new-ds-color-slate-50);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:left 0.2s ease-in-out, width 0.2s ease-in-out;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-switch__toggle .icon-active{opacity:0;margin-left:2px}.bcm-switch__toggle .icon-inactive{opacity:1;margin-right:2px}.bcm-switch__toggle.bcm-switch__size-small{width:32px;min-width:32px;height:16px;padding:4px}.bcm-switch__toggle.bcm-switch__size-small .handle{width:12px;height:12px;left:2px}.bcm-switch__toggle.bcm-switch__size-small.switch-checked .handle{left:18px}.bcm-switch__toggle.bcm-switch__size-small:active:not(.disabled):not(.readonly) .handle{width:16px}.bcm-switch__toggle.bcm-switch__size-small:active.switch-checked:not(.disabled):not(.readonly) .handle{left:12px}.bcm-switch__toggle.bcm-switch__size-small .switch-spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-medium{width:36px;min-width:36px;height:18px;padding:4px}.bcm-switch__toggle.bcm-switch__size-medium .handle{width:14px;height:14px;left:2px}.bcm-switch__toggle.bcm-switch__size-medium.switch-checked .handle{left:20px}.bcm-switch__toggle.bcm-switch__size-medium:active:not(.disabled):not(.readonly) .handle{width:18px}.bcm-switch__toggle.bcm-switch__size-medium:active.switch-checked:not(.disabled):not(.readonly) .handle{left:14px}.bcm-switch__toggle.bcm-switch__size-medium .switch-spinner{box-sizing:border-box;display:inline-flex;width:11px;height:11px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-large{width:40px;min-width:40px;height:20px;padding:4px}.bcm-switch__toggle.bcm-switch__size-large .handle{width:16px;height:16px;left:2px}.bcm-switch__toggle.bcm-switch__size-large.switch-checked .handle{left:22px}.bcm-switch__toggle.bcm-switch__size-large:active:not(.disabled):not(.readonly) .handle{width:20px}.bcm-switch__toggle.bcm-switch__size-large:active.switch-checked:not(.disabled):not(.readonly) .handle{left:16px}.bcm-switch__toggle.bcm-switch__size-large .switch-spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-500)}.bcm-switch__toggle.switch-checked .icon-active{color:var(--bcm-new-ds-color-slate-100);opacity:1}.bcm-switch__toggle.switch-checked .icon-inactive{opacity:0}.bcm-switch__toggle.switch-checked .switch-spinner{border-top-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch__size-small .bcm-switch__label,.bcm-switch__size-small .bcm-label__text{font-size:12px}.bcm-switch__size-small .bcm-switch__toggle{font-size:8px}.bcm-switch__size-medium .bcm-switch__label,.bcm-switch__size-medium .bcm-label__text{font-size:13px}.bcm-switch__size-medium .bcm-switch__toggle{font-size:9px}.bcm-switch__size-large .bcm-switch__label,.bcm-switch__size-large .bcm-label__text{font-size:16px}.bcm-switch__size-large .bcm-switch__toggle{font-size:12px}@keyframes switch-spinner{to{transform:rotate(360deg)}}";
|
|
15
|
-
|
|
16
|
-
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
17
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
18
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
19
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
20
|
-
else
|
|
21
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
22
|
-
if (d = decorators[i])
|
|
23
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
24
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
25
|
-
};
|
|
26
|
-
const BcmSwitch = class {
|
|
27
|
-
constructor(hostRef) {
|
|
28
|
-
registerInstance(this, hostRef);
|
|
29
|
-
this.change = createEvent(this, "bcm-change", 7);
|
|
30
|
-
this.focus = createEvent(this, "bcm-focus", 7);
|
|
31
|
-
this.blur = createEvent(this, "bcm-blur", 7);
|
|
32
|
-
/** Props **/
|
|
33
|
-
this._id = Generate.UID();
|
|
34
|
-
this._internal_id = Generate.UID();
|
|
35
|
-
this.checked = false;
|
|
36
|
-
this.hidden = false;
|
|
37
|
-
this.value = false;
|
|
38
|
-
this.disabled = false;
|
|
39
|
-
this.required = false;
|
|
40
|
-
this.size = Bcm.Size.medium;
|
|
41
|
-
this.readonly = false;
|
|
42
|
-
this.pending = false;
|
|
43
|
-
this.labelPosition = 'top';
|
|
44
|
-
this.noCaption = false;
|
|
45
|
-
this.captionType = Bcm.Status.default;
|
|
46
|
-
}
|
|
47
|
-
connectedCallback() {
|
|
48
|
-
this.captionCache = this.caption;
|
|
49
|
-
this.captionTypeCache = this.captionType;
|
|
50
|
-
this.value = this.checked;
|
|
51
|
-
}
|
|
52
|
-
handleChange() {
|
|
53
|
-
this.checked = this.inputElement.checked;
|
|
54
|
-
this.value = this.checked;
|
|
55
|
-
this.change.emit(this.checked);
|
|
56
|
-
}
|
|
57
|
-
componentWillRender() {
|
|
58
|
-
if (this.pending) {
|
|
59
|
-
this.disabled = true;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
async onBcmFocus() {
|
|
63
|
-
this.el.focus();
|
|
64
|
-
}
|
|
65
|
-
async onBcmBlur() {
|
|
66
|
-
this.el.blur();
|
|
67
|
-
}
|
|
68
|
-
async set(data) {
|
|
69
|
-
if (typeof data === 'boolean') {
|
|
70
|
-
await this.check(data);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
async check(uncheck = true) {
|
|
74
|
-
this.inputElement.checked = uncheck;
|
|
75
|
-
this.handleChange();
|
|
76
|
-
}
|
|
77
|
-
async get() {
|
|
78
|
-
return this.checked || false;
|
|
79
|
-
}
|
|
80
|
-
async setClear() {
|
|
81
|
-
if (this.inputElement.checked == true) {
|
|
82
|
-
this.inputElement.checked = false;
|
|
83
|
-
this.checked = this.inputElement.checked;
|
|
84
|
-
this.value = this.checked;
|
|
85
|
-
this.change.emit(this.checked);
|
|
86
|
-
}
|
|
87
|
-
await delay(10);
|
|
88
|
-
return Promise.resolve();
|
|
89
|
-
}
|
|
90
|
-
async resetCaption() {
|
|
91
|
-
await delay(10);
|
|
92
|
-
this.caption = this.captionCache;
|
|
93
|
-
this.captionType = this.captionTypeCache;
|
|
94
|
-
this.captionError = null;
|
|
95
|
-
await delay(10);
|
|
96
|
-
return Promise.resolve();
|
|
97
|
-
}
|
|
98
|
-
handleKeyUp(ev) {
|
|
99
|
-
if (ev.keyCode == Bcm.KeyCode.space || ev.keyCode == Bcm.KeyCode.enter) {
|
|
100
|
-
if (!this.disabled && !this.readonly) {
|
|
101
|
-
this.inputElement.checked = !this.inputElement.checked;
|
|
102
|
-
this.handleChange();
|
|
103
|
-
}
|
|
104
|
-
ev.stopPropagation();
|
|
105
|
-
ev.preventDefault();
|
|
106
|
-
return false;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
render() {
|
|
110
|
-
const { hidden, _internal_id, checked, size, activeIcon, inactiveIcon, activeText, inactiveText, pending, disabled, readonly, label, required, noCaption, captionType, captionError, caption } = this;
|
|
111
|
-
const classes = classnames('bcm-switch__toggle', 'bcm-switch__size-' + size, {
|
|
112
|
-
'switch-checked': checked,
|
|
113
|
-
'disabled': disabled,
|
|
114
|
-
'readonly': readonly
|
|
115
|
-
});
|
|
116
|
-
const bcmSwitchClasses = classnames('bcm-switch', 'bcm-switch__size-' + size, {
|
|
117
|
-
hidden,
|
|
118
|
-
checked,
|
|
119
|
-
disabled,
|
|
120
|
-
readonly
|
|
121
|
-
});
|
|
122
|
-
const bcmSwitchLabel = classnames('bcm-switch__label', 'input-size-' + Bcm.Size[size]);
|
|
123
|
-
const bcmSwitchContainer = classnames('bcm-switch__container', `bcm-switch__container--${this.labelPosition}`);
|
|
124
|
-
const switchText = (text) => (size != Bcm.Size.small && (activeText || inactiveText)) && (h("span", { class: text + '-text' }, text == 'active' ? activeText : inactiveText));
|
|
125
|
-
const switchIcon = (text) => (size != Bcm.Size.small && (activeIcon || inactiveIcon)) && h("bcm-icon", { icon: text == 'active' ? activeIcon : inactiveIcon, class: ' icon-' + text });
|
|
126
|
-
return (h(Host, { tabindex: "1", onFocus: () => this.focus.emit(this.el), onBlur: () => this.blur.emit(this.el), class: bcmSwitchClasses }, h("span", { hidden: true }, h("slot", null)), h("div", { class: bcmSwitchContainer }, label && h("bcm-label", { htmlFor: _internal_id, tooltip: this.tooltip, type: captionType, value: label, required: required }), h("input", { id: _internal_id, onChange: () => this.handleChange(), ref: el => (this.inputElement = el), checked: checked, type: "checkbox", class: "switch", disabled: disabled || readonly }), h("label", { htmlFor: _internal_id, class: bcmSwitchLabel }, switchText('inactive'), h("div", { class: classes }, switchIcon('active'), h("span", { class: "handle" }, pending && h("span", { class: "switch-spinner" })), switchIcon('inactive')), switchText('active'))), h(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
|
|
127
|
-
}
|
|
128
|
-
get el() { return getElement(this); }
|
|
129
|
-
};
|
|
130
|
-
__decorate([
|
|
131
|
-
IsLoad()
|
|
132
|
-
], BcmSwitch.prototype, "el", void 0);
|
|
133
|
-
BcmSwitch.style = switchCss;
|
|
134
|
-
|
|
135
|
-
export { BcmSwitch as bcm_switch };
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-2a3eeccc.js';
|
|
6
|
-
import { c as classnames } from './index-ba2edd32.js';
|
|
7
|
-
import { I as IsLoad } from './is-load-decorator-b990575a.js';
|
|
8
|
-
import { C as ColorHelper } from './color-helper-7e202fd8.js';
|
|
9
|
-
import { S as SlotTemplate } from './slot-template-877c4e01.js';
|
|
10
|
-
import './_commonjsHelpers-3016b722.js';
|
|
11
|
-
import './colors-1d7854ea.js';
|
|
12
|
-
import './utils-57652744.js';
|
|
13
|
-
import './string-helper-74a1648f.js';
|
|
14
|
-
import './bcm-b8d8a236.js';
|
|
15
|
-
|
|
16
|
-
const textCss = "@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{--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-text{display:inline;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-text.hidden{display:none}.bcm-text__paragraph{margin:0;padding:0}.bcm-text__font-size-1{font-size:10px;line-height:calc(10px + 8px)}.bcm-text__font-size-2{font-size:12px;line-height:calc(12px + 8px)}.bcm-text__font-size-3{font-size:14px;line-height:calc(14px + 8px)}.bcm-text__font-size-4{font-size:16px;line-height:calc(16px + 8px)}.bcm-text__font-size-5{font-size:18px;line-height:calc(18px + 8px)}.bcm-text__font-size-6{font-size:20px;line-height:calc(20px + 8px)}.bcm-text__font-size-7{font-size:24px;line-height:calc(24px + 8px)}.bcm-text__font-size-8{font-size:32px;line-height:calc(32px + 8px)}.bcm-text__font-size-9{font-size:40px;line-height:calc(40px + 8px)}";
|
|
17
|
-
|
|
18
|
-
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
19
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
20
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
21
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
22
|
-
else
|
|
23
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
24
|
-
if (d = decorators[i])
|
|
25
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
26
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
27
|
-
};
|
|
28
|
-
const BcmText = class {
|
|
29
|
-
constructor(hostRef) {
|
|
30
|
-
registerInstance(this, hostRef);
|
|
31
|
-
this.hidden = false;
|
|
32
|
-
this.weight = "400";
|
|
33
|
-
this.color = "slate";
|
|
34
|
-
this.fontSize = 4;
|
|
35
|
-
}
|
|
36
|
-
render() {
|
|
37
|
-
const { hidden, scale, weight, color, fontSize } = this;
|
|
38
|
-
const hostClasses = classnames('bcm-text', {
|
|
39
|
-
hidden
|
|
40
|
-
});
|
|
41
|
-
const classes = classnames('bcm-text__paragraph', `bcm-text__font-size-${fontSize}`, scale);
|
|
42
|
-
const fontWeight = +weight || 400;
|
|
43
|
-
const style = {
|
|
44
|
-
color: ColorHelper.dsColor(color),
|
|
45
|
-
fontWeight
|
|
46
|
-
};
|
|
47
|
-
return (h(Host, { class: hostClasses }, h("span", { hidden: true }, h("slot", null)), h("p", { class: classes, style: Object.assign({}, style) }, h(SlotTemplate, { value: this.text }))));
|
|
48
|
-
}
|
|
49
|
-
get el() { return getElement(this); }
|
|
50
|
-
};
|
|
51
|
-
__decorate([
|
|
52
|
-
IsLoad()
|
|
53
|
-
], BcmText.prototype, "el", void 0);
|
|
54
|
-
BcmText.style = textCss;
|
|
55
|
-
|
|
56
|
-
export { BcmText as bcm_text };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import { g as getElement } from './index-2a3eeccc.js';
|
|
6
|
-
import { s as snq } from './generate-a7f3d168.js';
|
|
7
|
-
|
|
8
|
-
function JsonParse(attribute, isMethod = false) {
|
|
9
|
-
return (proto, propName) => {
|
|
10
|
-
const { connectedCallback, componentWillRender } = proto;
|
|
11
|
-
proto.connectedCallback = function () {
|
|
12
|
-
const host = getElement(this);
|
|
13
|
-
if (host[propName]) {
|
|
14
|
-
const value = snq(() => host.hasAttribute(attribute) ? host.getAttribute(attribute).valueOf() : host[attribute].valueOf(), null);
|
|
15
|
-
if (value) {
|
|
16
|
-
this[propName] = snq(() => typeof value === 'string' ? JSON.parse(value) : value, []);
|
|
17
|
-
host.removeAttribute(attribute);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
return connectedCallback && connectedCallback.call(this);
|
|
21
|
-
};
|
|
22
|
-
proto.componentWillRender = async function () {
|
|
23
|
-
if (isMethod) {
|
|
24
|
-
const host = getElement(this);
|
|
25
|
-
if (isMethod) {
|
|
26
|
-
const value = snq(() => host.hasAttribute(attribute) ? host.getAttribute(attribute).valueOf() : host[attribute].valueOf(), null);
|
|
27
|
-
if (value && value.length > 0 && typeof value === 'string') {
|
|
28
|
-
this[attribute] = snq(() => JSON.parse(value), []);
|
|
29
|
-
}
|
|
30
|
-
host.removeAttribute(attribute);
|
|
31
|
-
}
|
|
32
|
-
return componentWillRender && componentWillRender.call(this);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
export { JsonParse as J };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import { g as getElement } from './index-2a3eeccc.js';
|
|
6
|
-
|
|
7
|
-
function AttrReflect(attribute) {
|
|
8
|
-
return (proto, propName) => {
|
|
9
|
-
const { connectedCallback, componentWillRender } = proto;
|
|
10
|
-
proto.connectedCallback = function () {
|
|
11
|
-
const host = getElement(this);
|
|
12
|
-
if (!(host[attribute] || this[propName]))
|
|
13
|
-
return;
|
|
14
|
-
this[propName] = host[attribute] || this[propName];
|
|
15
|
-
host.setAttribute(propName, host[attribute] || this[propName]);
|
|
16
|
-
host.removeAttribute(attribute);
|
|
17
|
-
return connectedCallback && connectedCallback.call(this);
|
|
18
|
-
};
|
|
19
|
-
proto.componentWillRender = function () {
|
|
20
|
-
const host = getElement(this);
|
|
21
|
-
if (!(host[attribute] || this[propName]))
|
|
22
|
-
return;
|
|
23
|
-
this[propName] = host[attribute] || this[propName];
|
|
24
|
-
host.setAttribute(propName, host[attribute] || this[propName]);
|
|
25
|
-
host.removeAttribute(attribute);
|
|
26
|
-
return componentWillRender && componentWillRender.call(this);
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export { AttrReflect as A };
|