bromcom-ui 2.9.1-rc.0 → 2.9.1-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bromcom-ui/bromcom-ui.css +1 -1
- package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
- package/dist/bromcom-ui/{p-7c5763cc.entry.js → p-03337609.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6edf985f.js → p-034bbcdd.js} +1 -1
- package/dist/bromcom-ui/p-0be0c743.entry.js +5 -0
- package/dist/bromcom-ui/{p-430c0a24.entry.js → p-0efc9196.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c1a992e7.entry.js → p-107f11df.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7d18ce0e.entry.js → p-181f2f4a.entry.js} +1 -1
- package/dist/bromcom-ui/p-1845fc18.js +5 -0
- package/dist/bromcom-ui/{p-2aaeb247.entry.js → p-188b9079.entry.js} +1 -1
- package/dist/bromcom-ui/{p-26290ed5.entry.js → p-18bc4e04.entry.js} +1 -1
- package/dist/bromcom-ui/{p-74e6d2b6.js → p-197aba37.js} +1 -1
- package/dist/bromcom-ui/{p-80ee3d97.entry.js → p-1998815a.entry.js} +1 -1
- package/dist/bromcom-ui/p-1a31fc0b.entry.js +5 -0
- package/dist/bromcom-ui/{p-a664cc20.entry.js → p-1a33d7a3.entry.js} +1 -1
- package/dist/bromcom-ui/{p-efc75375.entry.js → p-1c043ab6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-fff1a0f9.entry.js → p-1e8559ac.entry.js} +1 -1
- package/dist/bromcom-ui/p-21da70e5.entry.js +5 -0
- package/dist/bromcom-ui/{p-28a748ad.entry.js → p-226c8c0a.entry.js} +1 -1
- package/dist/bromcom-ui/p-292861ed.entry.js +5 -0
- package/dist/bromcom-ui/{p-4f5f5090.entry.js → p-2aa9e3e8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6880da84.entry.js → p-2bfd7aa8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-70d3ff0a.entry.js → p-2d3e225b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-541fc5ec.entry.js → p-2ebba9f4.entry.js} +1 -1
- package/dist/bromcom-ui/p-3182df7e.js +10 -0
- package/dist/bromcom-ui/p-32df2233.js +5 -0
- package/dist/bromcom-ui/p-3469c1bb.js +5 -0
- package/dist/bromcom-ui/p-3a1eabb1.entry.js +5 -0
- package/dist/bromcom-ui/{p-67343ad8.entry.js → p-3b079331.entry.js} +1 -1
- package/dist/bromcom-ui/p-3b78f74e.entry.js +5 -0
- package/dist/bromcom-ui/{p-15a16b4a.entry.js → p-3c783cae.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8c018ae0.js → p-3c7a0345.js} +1 -1
- package/dist/bromcom-ui/{p-67d13512.entry.js → p-417e8067.entry.js} +1 -1
- package/dist/bromcom-ui/{p-14cafd64.entry.js → p-4438d629.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5699f67d.entry.js → p-468157a0.entry.js} +1 -1
- package/dist/bromcom-ui/{p-61db1f1f.js → p-4798d827.js} +1 -1
- package/dist/bromcom-ui/{p-69260d36.entry.js → p-48f5a3c9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d6cd20cf.entry.js → p-4c7cd784.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ece578ef.entry.js → p-4d7ea23c.entry.js} +1 -1
- package/dist/bromcom-ui/p-4e4504ca.js +5 -0
- package/dist/bromcom-ui/{p-64c6092c.js → p-51d2c673.js} +1 -1
- package/dist/bromcom-ui/p-52f879b2.entry.js +5 -0
- package/dist/bromcom-ui/{p-c6a6a181.entry.js → p-535d02b9.entry.js} +1 -1
- package/dist/bromcom-ui/p-5a3f8a49.entry.js +5 -0
- package/dist/bromcom-ui/{p-7e44e6b5.js → p-5ae0a59b.js} +1 -1
- package/dist/bromcom-ui/{p-12f997c1.entry.js → p-5be009b0.entry.js} +1 -1
- package/dist/bromcom-ui/p-5ccb0675.entry.js +5 -0
- package/dist/bromcom-ui/p-5ea9881d.entry.js +5 -0
- package/dist/bromcom-ui/p-5ee8a018.js +5 -0
- package/dist/bromcom-ui/{p-5f071adc.entry.js → p-5fc98177.entry.js} +1 -1
- package/dist/bromcom-ui/p-62369801.entry.js +5 -0
- package/dist/bromcom-ui/p-626a65e9.js +5 -0
- package/dist/bromcom-ui/{p-d551a51d.entry.js → p-63138ee5.entry.js} +1 -1
- package/dist/bromcom-ui/p-6385e735.entry.js +5 -0
- package/dist/bromcom-ui/p-67bb1c06.js +5 -0
- package/dist/bromcom-ui/p-6d0a02d7.entry.js +5 -0
- package/dist/bromcom-ui/{p-ba9eff2a.entry.js → p-6e7bb16f.entry.js} +1 -1
- package/dist/bromcom-ui/p-6f11eb8e.entry.js +5 -0
- package/dist/bromcom-ui/p-76edf59f.js +7 -0
- package/dist/bromcom-ui/p-77035c08.entry.js +5 -0
- package/dist/bromcom-ui/{p-a3e0482c.entry.js → p-788de9cf.entry.js} +1 -1
- package/dist/bromcom-ui/{p-626b805d.entry.js → p-7a89243a.entry.js} +1 -1
- package/dist/bromcom-ui/p-7b506ccb.entry.js +5 -0
- package/dist/bromcom-ui/p-7c623da0.js +5 -0
- package/dist/bromcom-ui/p-7e3209a0.js +14 -0
- package/dist/bromcom-ui/p-7e35d915.entry.js +5 -0
- package/dist/bromcom-ui/{p-1d7509e4.entry.js → p-7f63e25c.entry.js} +1 -1
- package/dist/bromcom-ui/p-80249663.entry.js +5 -0
- package/dist/bromcom-ui/p-89abd5ea.entry.js +5 -0
- package/dist/bromcom-ui/p-8b318727.entry.js +5 -0
- package/dist/bromcom-ui/{p-2c5a0863.js → p-8c951a73.js} +1 -1
- package/dist/bromcom-ui/p-8d4482d6.entry.js +5 -0
- package/dist/bromcom-ui/{p-9850cbce.js → p-8e5e362a.js} +1 -1
- package/dist/bromcom-ui/{p-1c801d0c.entry.js → p-95a2c489.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6dcfdb90.entry.js → p-99dc26dd.entry.js} +1 -1
- package/dist/bromcom-ui/p-a0bd7793.entry.js +5 -0
- package/dist/bromcom-ui/p-a1b1750c.js +1 -1
- package/dist/bromcom-ui/{p-68280506.entry.js → p-a907cae6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7bb1f30b.entry.js → p-a9c22560.entry.js} +1 -1
- package/dist/bromcom-ui/p-ae94dfa8.js +5 -0
- package/dist/bromcom-ui/p-b11dd428.entry.js +5 -0
- package/dist/bromcom-ui/p-b6bac5f5.entry.js +5 -0
- package/dist/bromcom-ui/p-bc8d7f89.entry.js +5 -0
- package/dist/bromcom-ui/p-bed627ab.js +11 -0
- package/dist/bromcom-ui/{p-b550b336.js → p-c3422601.js} +1 -1
- package/dist/bromcom-ui/p-c495a13f.js +5 -0
- package/dist/bromcom-ui/{p-3672a932.entry.js → p-c49c79ca.entry.js} +1 -1
- package/dist/bromcom-ui/p-c8058a21.entry.js +5 -0
- package/dist/bromcom-ui/p-cc61ed4c.entry.js +5 -0
- package/dist/bromcom-ui/p-ce62273f.entry.js +5 -0
- package/dist/bromcom-ui/{p-69dd585e.entry.js → p-cf022deb.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f7215c0e.js → p-d22b7435.js} +1 -1
- package/dist/bromcom-ui/p-d7b9ab98.entry.js +5 -0
- package/dist/bromcom-ui/p-d9eaa208.entry.js +5 -0
- package/dist/bromcom-ui/p-dc290a64.entry.js +5 -0
- package/dist/bromcom-ui/p-dd2a36fa.entry.js +5 -0
- package/dist/bromcom-ui/{p-170cf07d.js → p-e037ee2b.js} +1 -1
- package/dist/bromcom-ui/{p-b4729876.entry.js → p-e321ccff.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1c9314bd.entry.js → p-e32ab4da.entry.js} +1 -1
- package/dist/bromcom-ui/{p-85eedabc.js → p-e45c1546.js} +1 -1
- package/dist/bromcom-ui/{p-bacd1841.entry.js → p-e8f8aa3b.entry.js} +1 -1
- package/dist/bromcom-ui/p-eb6b6010.entry.js +5 -0
- package/dist/bromcom-ui/{p-e688b044.entry.js → p-f03e56b9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5898ecd1.entry.js → p-f0adf08c.entry.js} +1 -1
- package/dist/bromcom-ui/p-f709a2e2.entry.js +5 -0
- package/dist/bromcom-ui/p-f711588b.js +1 -1
- package/dist/bromcom-ui/{p-99824717.entry.js → p-f9119bec.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d153c7fc.js → p-f95797df.js} +1 -1
- package/dist/bromcom-ui/{p-3c1b1624.entry.js → p-fa057fc4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-59af8bab.entry.js → p-fa8300a2.entry.js} +1 -1
- package/dist/bromcom-ui/p-fbb959f4.entry.js +5 -0
- package/dist/bromcom-ui/{p-39ae9f7f.entry.js → p-fe88e003.entry.js} +1 -1
- package/dist/bromcom-ui/p-ff012d63.entry.js +5 -0
- package/dist/bromcom-ui/{p-49cb669b.entry.js → p-ff714da2.entry.js} +1 -1
- package/dist/bromcom-ui/p-ff8d5e17.entry.js +5 -0
- package/dist/cjs/{bcm-7f703055.js → bcm-9e47c4b2.js} +4 -4
- package/dist/cjs/bcm-accordion.cjs.entry.js +2 -2
- package/dist/cjs/bcm-alert.cjs.entry.js +4 -4
- package/dist/cjs/bcm-attendance.cjs.entry.js +2 -2
- package/dist/cjs/bcm-avatar_2.cjs.entry.js +11 -10
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/bcm-button-group.cjs.entry.js +7 -7
- package/dist/cjs/bcm-button.cjs.entry.js +372 -0
- package/dist/cjs/bcm-card.cjs.entry.js +5 -5
- package/dist/cjs/bcm-checkbox-group.cjs.entry.js +25 -25
- package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +6 -6
- package/dist/cjs/bcm-checkbox_2.cjs.entry.js +10 -10
- package/dist/cjs/bcm-chip-group.cjs.entry.js +10 -9
- package/dist/cjs/bcm-chip.cjs.entry.js +2 -2
- package/dist/cjs/bcm-collapse.cjs.entry.js +2 -2
- package/dist/cjs/bcm-color-input.cjs.entry.js +7 -6
- package/dist/cjs/bcm-colorful_2.cjs.entry.js +17585 -0
- package/dist/cjs/bcm-date-picker.cjs.entry.js +182 -0
- package/dist/cjs/bcm-date.cjs.entry.js +182 -0
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +1451 -0
- package/dist/cjs/bcm-default.cjs.entry.js +2 -2
- package/dist/cjs/bcm-drawer.cjs.entry.js +9 -8
- package/dist/cjs/bcm-dropdown.cjs.entry.js +7 -7
- package/dist/cjs/bcm-expansion-panel.cjs.entry.js +4 -4
- package/dist/cjs/bcm-form-2.cjs.entry.js +212 -0
- package/dist/cjs/bcm-form.cjs.entry.js +489 -0
- package/dist/cjs/bcm-icon.cjs.entry.js +39 -0
- package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
- package/dist/cjs/bcm-input-dropdown.cjs.entry.js +9 -8
- package/dist/cjs/bcm-item.cjs.entry.js +4 -4
- package/dist/cjs/bcm-items.cjs.entry.js +4 -4
- package/dist/cjs/bcm-label_2.cjs.entry.js +126 -0
- package/dist/cjs/bcm-link.cjs.entry.js +3 -3
- package/dist/cjs/bcm-linked_2.cjs.entry.js +289 -0
- package/dist/cjs/bcm-list_3.cjs.entry.js +35 -33
- package/dist/cjs/bcm-menu.cjs.entry.js +9 -8
- package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +7 -6
- package/dist/cjs/bcm-modal-2-header.cjs.entry.js +7 -6
- package/dist/cjs/bcm-modal-2.cjs.entry.js +8 -7
- package/dist/cjs/bcm-modal.cjs.entry.js +13 -10
- package/dist/cjs/bcm-old-input.cjs.entry.js +397 -0
- package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +5 -5
- package/dist/cjs/bcm-popconfirm.cjs.entry.js +5 -5
- package/dist/cjs/bcm-popover.cjs.entry.js +10 -9
- package/dist/cjs/bcm-progress.cjs.entry.js +4 -4
- package/dist/cjs/bcm-radio-group.cjs.entry.js +11 -10
- package/dist/cjs/bcm-radio.cjs.entry.js +14 -13
- package/dist/cjs/bcm-range.cjs.entry.js +6 -6
- package/dist/cjs/bcm-rc-picker.cjs.entry.js +9404 -0
- package/dist/cjs/bcm-select.cjs.entry.js +2 -2
- package/dist/cjs/bcm-step.cjs.entry.js +3 -3
- package/dist/cjs/bcm-stepper.cjs.entry.js +10 -9
- package/dist/cjs/bcm-switch.cjs.entry.js +9 -9
- package/dist/cjs/bcm-tab-group.cjs.entry.js +8 -7
- package/dist/cjs/bcm-tab-item-header.cjs.entry.js +11 -10
- package/dist/cjs/bcm-tab-item.cjs.entry.js +7 -6
- package/dist/cjs/bcm-table.cjs.entry.js +7 -6
- package/dist/cjs/bcm-tag.cjs.entry.js +15 -15
- package/dist/cjs/bcm-text.cjs.entry.js +3 -3
- package/dist/cjs/bcm-textarea.cjs.entry.js +7 -7
- package/dist/cjs/bcm-time-picker.cjs.entry.js +150 -0
- package/dist/cjs/bcm-toast.cjs.entry.js +11 -11
- package/dist/cjs/bromcom-ui.cjs.js +3 -3
- package/dist/cjs/datetime-helper-eaf4fadb.js +11 -0
- package/dist/cjs/{floating-ui-b441ea7c.js → floating-ui-4a2c2bd4.js} +2 -2
- package/dist/cjs/{generate-7bd78318.js → generate-efeda203.js} +1 -1
- package/dist/cjs/{global-aca5c011.js → global-38efbdd7.js} +1 -1
- package/dist/cjs/index-3d67f613.js +1610 -0
- package/dist/cjs/{index-7eed931f.js → index-e05a7c6f.js} +24 -1625
- package/dist/cjs/{input-template-4952273e.js → input-template-c1e96592.js} +6 -6
- package/dist/cjs/{json-parse-decarator-7529151b.js → json-parse-decarator-7d2677f0.js} +1 -1
- package/dist/cjs/{label-template-80235581.js → label-template-d531dfb7.js} +3 -3
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/moment-d06b012f.js +4601 -0
- package/dist/cjs/{number-helper-6c8e0d90.js → number-helper-b178b610.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +7 -7
- package/dist/cjs/old-bcm-popover.cjs.entry.js +5 -5
- package/dist/cjs/{package-21f7555f.js → package-2899048c.js} +1 -1
- package/dist/cjs/{popover-placement-f20020a6.js → popover-placement-4156a9ec.js} +1 -1
- package/dist/cjs/{slot-template-873b0cd5.js → slot-template-46018683.js} +1 -1
- package/dist/cjs/{stepper-states-736e2aa7.js → stepper-states-9bd52bd4.js} +1 -1
- package/dist/cjs/{string-helper-fda7cbba.js → string-helper-4cd32dbb.js} +2 -2
- package/dist/cjs/{tooltip-helper-0475ad78.js → tooltip-helper-f828ebee.js} +10 -9
- package/dist/cjs/{validators-9b9662d9.js → validators-2adde99d.js} +1 -6
- package/dist/collection/components/molecules/modal/modal.js +22 -5
- package/dist/collection/components/molecules/skeleton/skeleton.css +133 -0
- package/dist/collection/components/molecules/skeleton/skeleton.js +167 -26
- package/dist/collection/components/molecules/skeleton/skeleton.style.js +35 -0
- package/dist/collection/components/organism/list/list.js +2 -2
- package/dist/components/bcm-modal.js +7 -4
- package/dist/components/generate.js +1 -1
- package/dist/components/list.js +2 -2
- package/dist/components/skeleton.js +75 -23
- package/dist/esm/{_commonjsHelpers-7002e5de.js → _commonjsHelpers-be0d4ec8.js} +1 -1
- package/dist/esm/bcm-accordion.entry.js +5 -5
- package/dist/esm/bcm-alert.entry.js +8 -8
- package/dist/esm/bcm-attendance.entry.js +5 -5
- package/dist/esm/bcm-autocomplete.entry.js +3 -3
- package/dist/esm/bcm-avatar_2.entry.js +13 -12
- package/dist/esm/bcm-box.entry.js +1 -1
- package/dist/esm/bcm-breadcrumb.entry.js +6 -6
- package/dist/esm/bcm-button-group.entry.js +8 -8
- package/dist/esm/bcm-button.entry.js +368 -0
- package/dist/esm/bcm-card.entry.js +10 -10
- package/dist/esm/bcm-checkbox-group.entry.js +19 -19
- package/dist/esm/bcm-checkbox-lite_9.entry.js +8 -8
- package/dist/esm/bcm-checkbox_2.entry.js +13 -13
- package/dist/esm/bcm-chip-group.entry.js +17 -16
- package/dist/esm/bcm-chip.entry.js +8 -8
- package/dist/esm/bcm-collapse-group.entry.js +2 -2
- package/dist/esm/bcm-collapse.entry.js +6 -6
- package/dist/esm/bcm-color-input.entry.js +12 -11
- package/dist/esm/bcm-colorful_2.entry.js +17580 -0
- package/dist/esm/bcm-colorpicker.entry.js +5 -5
- package/dist/esm/bcm-content.entry.js +1 -1
- package/dist/esm/bcm-d45dc47d.js +1 -1
- package/dist/esm/bcm-date-picker.entry.js +178 -0
- package/dist/esm/bcm-date.entry.js +178 -0
- package/dist/esm/bcm-datetime-picker.entry.js +1447 -0
- package/dist/esm/bcm-default.entry.js +5 -5
- package/dist/esm/bcm-drawer.entry.js +14 -13
- package/dist/esm/bcm-dropdown.entry.js +9 -9
- package/dist/esm/bcm-error-layout.entry.js +3 -3
- package/dist/esm/bcm-expansion-panel.entry.js +9 -9
- package/dist/esm/bcm-form-2.entry.js +208 -0
- package/dist/esm/bcm-form-group.entry.js +1 -1
- package/dist/esm/bcm-form.entry.js +485 -0
- package/dist/esm/bcm-icon.entry.js +35 -0
- package/dist/esm/bcm-input-custom.entry.js +6 -6
- package/dist/esm/bcm-input-dropdown.entry.js +15 -14
- package/dist/esm/bcm-item.entry.js +9 -9
- package/dist/esm/bcm-items.entry.js +6 -6
- package/dist/esm/bcm-label_2.entry.js +121 -0
- package/dist/esm/bcm-link.entry.js +4 -4
- package/dist/esm/bcm-linked_2.entry.js +284 -0
- package/dist/esm/bcm-list_3.entry.js +24 -22
- package/dist/esm/bcm-menu.entry.js +15 -14
- package/dist/esm/bcm-message.entry.js +3 -3
- package/dist/esm/bcm-modal-2-footer.entry.js +13 -12
- package/dist/esm/bcm-modal-2-header.entry.js +12 -11
- package/dist/esm/bcm-modal-2.entry.js +14 -13
- package/dist/esm/bcm-modal.entry.js +15 -12
- package/dist/esm/bcm-notification.entry.js +3 -3
- package/dist/esm/bcm-old-input.entry.js +393 -0
- package/dist/esm/bcm-old-tag_2.entry.js +4 -4
- package/dist/esm/bcm-overlay_2.entry.js +4 -4
- package/dist/esm/bcm-popconfirm-box.entry.js +10 -10
- package/dist/esm/bcm-popconfirm.entry.js +7 -7
- package/dist/esm/bcm-popover.entry.js +13 -12
- package/dist/esm/bcm-progress.entry.js +9 -9
- package/dist/esm/bcm-radio-group.entry.js +16 -15
- package/dist/esm/bcm-radio.entry.js +14 -13
- package/dist/esm/bcm-range.entry.js +8 -8
- package/dist/esm/bcm-rc-picker.entry.js +9400 -0
- package/dist/esm/bcm-result.entry.js +3 -3
- package/dist/esm/bcm-select-group.entry.js +3 -3
- package/dist/esm/bcm-select-option.entry.js +3 -3
- package/dist/esm/bcm-select.entry.js +5 -5
- package/dist/esm/bcm-step.entry.js +8 -8
- package/dist/esm/bcm-stepper.entry.js +16 -15
- package/dist/esm/bcm-switch.entry.js +10 -10
- package/dist/esm/bcm-tab-group.entry.js +13 -12
- package/dist/esm/bcm-tab-item-header.entry.js +14 -13
- package/dist/esm/bcm-tab-item.entry.js +12 -11
- package/dist/esm/bcm-tab-pane.entry.js +3 -3
- package/dist/esm/bcm-tab.entry.js +3 -3
- package/dist/esm/bcm-table.entry.js +13 -12
- package/dist/esm/bcm-tabs-content.entry.js +4 -4
- package/dist/esm/bcm-tabs.entry.js +4 -4
- package/dist/esm/bcm-tag.entry.js +9 -9
- package/dist/esm/bcm-text.entry.js +8 -8
- package/dist/esm/bcm-textarea.entry.js +11 -11
- package/dist/esm/bcm-time-picker.entry.js +146 -0
- package/dist/esm/bcm-timeline-item.entry.js +3 -3
- package/dist/esm/bcm-timeline.entry.js +3 -3
- package/dist/esm/bcm-toast.entry.js +9 -9
- package/dist/esm/bcm-treeview-group.entry.js +1 -1
- package/dist/esm/bromcom-ui.js +5 -5
- package/dist/esm/{caption-template-d47f338f.js → caption-template-a1a968fd.js} +2 -2
- package/dist/esm/{color-helper-845ba523.js → color-helper-c4fa9ebc.js} +2 -2
- package/dist/esm/{colors-ebea297f.js → colors-e1c31f79.js} +1 -1
- package/dist/esm/datetime-helper-df25808a.js +9 -0
- package/dist/esm/{element-dragger-89bb52fd.js → element-dragger-7ea06c76.js} +1 -1
- package/dist/esm/floating-ui-8a0c54d6.js +1 -1
- package/dist/esm/{generate-c80869fa.js → generate-40dfe3b0.js} +2 -2
- package/dist/esm/{global-55ab75e6.js → global-85f037ac.js} +2 -2
- package/dist/esm/{index-0615c2b8.js → index-4614b7f0.js} +1 -1
- package/dist/esm/{index-e4b6a4ce.js → index-a6d9d0af.js} +26 -1612
- package/dist/esm/{index-00c8a8f7.js → index-b84bc8c9.js} +1 -1
- package/dist/esm/index-c4568336.js +1594 -0
- package/dist/esm/{index-7e71bbc8.js → index-f38e3364.js} +1 -1
- package/dist/esm/{input-template-82ba633e.js → input-template-92b19880.js} +4 -4
- package/dist/esm/{is-load-decorator-8277e3b8.js → is-load-decorator-b8ca22f2.js} +1 -1
- package/dist/esm/{json-parse-decarator-fb399cf2.js → json-parse-decarator-f4803289.js} +2 -2
- package/dist/esm/{label-template-946d4062.js → label-template-54c28821.js} +4 -4
- package/dist/esm/loader.js +5 -5
- package/dist/esm/moment-15cd9198.js +4598 -0
- package/dist/esm/{number-helper-2eb7011a.js → number-helper-352d1d80.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +11 -11
- package/dist/esm/old-bcm-popover.entry.js +7 -7
- package/dist/esm/{package-20c9971a.js → package-1618c1e9.js} +1 -1
- package/dist/esm/{popover-placement-be68c848.js → popover-placement-941bf3f3.js} +1 -1
- package/dist/esm/{slot-template-fcc7846e.js → slot-template-4b683d1f.js} +2 -2
- package/dist/esm/{stepper-states-f497b41f.js → stepper-states-08b2aa7c.js} +3 -3
- package/dist/esm/{string-helper-b0e05041.js → string-helper-5bd646f2.js} +2 -2
- package/dist/esm/{tooltip-helper-8eff46a3.js → tooltip-helper-d538cdf3.js} +9 -8
- package/dist/esm/{utils-57652744.js → utils-b3338faf.js} +1 -1
- package/dist/esm/{validators-81296897.js → validators-68717171.js} +2 -6
- package/dist/types/components/molecules/modal/modal.d.ts +1 -0
- package/dist/types/components/molecules/skeleton/skeleton.d.ts +14 -3
- package/dist/types/components/molecules/skeleton/skeleton.style.d.ts +147 -0
- package/dist/types/components.d.ts +17 -2
- package/package.json +4 -1
- package/dist/bromcom-ui/p-07fe2bbc.entry.js +0 -5
- package/dist/bromcom-ui/p-0cf6e779.entry.js +0 -5
- package/dist/bromcom-ui/p-0fdaadf9.entry.js +0 -7
- package/dist/bromcom-ui/p-228c74e9.entry.js +0 -5
- package/dist/bromcom-ui/p-27b52583.js +0 -5
- package/dist/bromcom-ui/p-30bd67ba.js +0 -5
- package/dist/bromcom-ui/p-310da4b9.entry.js +0 -5
- package/dist/bromcom-ui/p-33014b15.entry.js +0 -5
- package/dist/bromcom-ui/p-338ace45.entry.js +0 -5
- package/dist/bromcom-ui/p-3432a82d.js +0 -19
- package/dist/bromcom-ui/p-3d86a6c3.entry.js +0 -5
- package/dist/bromcom-ui/p-3e68c7d0.js +0 -5
- package/dist/bromcom-ui/p-438689a5.entry.js +0 -5
- package/dist/bromcom-ui/p-4acc1848.entry.js +0 -5
- package/dist/bromcom-ui/p-4dad64ed.entry.js +0 -5
- package/dist/bromcom-ui/p-543af368.entry.js +0 -5
- package/dist/bromcom-ui/p-5797aab3.entry.js +0 -5
- package/dist/bromcom-ui/p-5871767a.entry.js +0 -5
- package/dist/bromcom-ui/p-5e2a0bda.js +0 -5
- package/dist/bromcom-ui/p-5fb8a43a.entry.js +0 -5
- package/dist/bromcom-ui/p-60a8f967.entry.js +0 -5
- package/dist/bromcom-ui/p-64fad38b.js +0 -11
- package/dist/bromcom-ui/p-67244c91.entry.js +0 -5
- package/dist/bromcom-ui/p-7cb30513.js +0 -5
- package/dist/bromcom-ui/p-8279be1f.entry.js +0 -5
- package/dist/bromcom-ui/p-97527e91.entry.js +0 -5
- package/dist/bromcom-ui/p-9fe07d94.entry.js +0 -5
- package/dist/bromcom-ui/p-ae57f046.entry.js +0 -5
- package/dist/bromcom-ui/p-b3d495fd.js +0 -5
- package/dist/bromcom-ui/p-b81e8f91.js +0 -5
- package/dist/bromcom-ui/p-b8646a61.entry.js +0 -5
- package/dist/bromcom-ui/p-bfd24601.entry.js +0 -5
- package/dist/bromcom-ui/p-cc52cff4.entry.js +0 -5
- package/dist/bromcom-ui/p-ccf0872d.js +0 -5
- package/dist/bromcom-ui/p-d3f182c1.entry.js +0 -5
- package/dist/bromcom-ui/p-ea701411.js +0 -5
- package/dist/bromcom-ui/p-f2c1ffb4.entry.js +0 -5
- package/dist/cjs/bcm-button_15.cjs.entry.js +0 -35172
- package/dist/cjs/bcm-skeleton.cjs.entry.js +0 -45
- package/dist/esm/bcm-button_15.entry.js +0 -35154
- package/dist/esm/bcm-skeleton.entry.js +0 -41
|
@@ -0,0 +1,489 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Stencil
|
|
3
|
+
* Copyright (c) Bromcom.
|
|
4
|
+
*/
|
|
5
|
+
'use strict';
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
|
+
|
|
9
|
+
const index = require('./index-c591ecec.js');
|
|
10
|
+
const index$1 = require('./index-95ae50d0.js');
|
|
11
|
+
const isLoadDecorator = require('./is-load-decorator-15036f37.js');
|
|
12
|
+
const stringHelper = require('./string-helper-4cd32dbb.js');
|
|
13
|
+
const utils = require('./utils-fc077139.js');
|
|
14
|
+
require('./_commonjsHelpers-ed84c3ca.js');
|
|
15
|
+
require('./bcm-9e47c4b2.js');
|
|
16
|
+
|
|
17
|
+
// /**
|
|
18
|
+
// *
|
|
19
|
+
// * @param type
|
|
20
|
+
// */
|
|
21
|
+
// export const required = (value:any) => {
|
|
22
|
+
// if ( value || value != null ) {
|
|
23
|
+
// return true
|
|
24
|
+
// } else {
|
|
25
|
+
// return true
|
|
26
|
+
// }
|
|
27
|
+
// }
|
|
28
|
+
class rules {
|
|
29
|
+
constructor() { }
|
|
30
|
+
response(status, message) {
|
|
31
|
+
return Object.assign(Object.assign({ valid: status }, (message && { message })), (!status && { type: 'error' }));
|
|
32
|
+
}
|
|
33
|
+
required(value, componentValidation) {
|
|
34
|
+
let validation = this.response(true);
|
|
35
|
+
if (value == '' || value == "" || value == undefined || value == null || value === false) {
|
|
36
|
+
validation = this.response(false, 'This field is required.');
|
|
37
|
+
}
|
|
38
|
+
if (componentValidation) {
|
|
39
|
+
if (!componentValidation.valid) {
|
|
40
|
+
validation = this.response(false, componentValidation.errorText);
|
|
41
|
+
}
|
|
42
|
+
if (value instanceof Object) {
|
|
43
|
+
if (value.isValid) {
|
|
44
|
+
if (value.isValid == false)
|
|
45
|
+
validation = this.response(false, 'This field is required.');
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
return validation;
|
|
50
|
+
}
|
|
51
|
+
selfValidation(input) {
|
|
52
|
+
let validation = this.response(true);
|
|
53
|
+
if (input.captionError != null || input.captionType == 'error') {
|
|
54
|
+
validation = this.response(false, input.captionError);
|
|
55
|
+
}
|
|
56
|
+
return validation;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
const validate = new rules;
|
|
60
|
+
|
|
61
|
+
const formCss = "@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;margin-bottom:8px}:host(.hidden){display:none}";
|
|
62
|
+
|
|
63
|
+
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
64
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
65
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
66
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
67
|
+
else
|
|
68
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
69
|
+
if (d = decorators[i])
|
|
70
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
71
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
72
|
+
};
|
|
73
|
+
const BcmForm = class {
|
|
74
|
+
constructor(hostRef) {
|
|
75
|
+
index.registerInstance(this, hostRef);
|
|
76
|
+
this.bcmForm = index.createEvent(this, "bcm-form", 7);
|
|
77
|
+
this.formData = {};
|
|
78
|
+
this.inputs = [];
|
|
79
|
+
this.duplicateInput = [];
|
|
80
|
+
this.isValid = true;
|
|
81
|
+
this.returnCaption = [];
|
|
82
|
+
this.Bromcom = {
|
|
83
|
+
errors: {
|
|
84
|
+
targetFormNotExist: 'target form is not exist --> ',
|
|
85
|
+
},
|
|
86
|
+
inputComponents: {
|
|
87
|
+
CHIP_GROUP: 'chip-group',
|
|
88
|
+
// Birbirinin aynısı
|
|
89
|
+
INPUT: 'input',
|
|
90
|
+
TEXTAREA: 'textarea',
|
|
91
|
+
//çok benzer
|
|
92
|
+
SWITCH: 'switch',
|
|
93
|
+
CHECKBOX: 'checkbox',
|
|
94
|
+
RADIO_GROUP: 'radio-group',
|
|
95
|
+
CHECKBOX_GROUP: 'checkbox-group',
|
|
96
|
+
RANGE: 'range',
|
|
97
|
+
// sadece value fırlatıyor
|
|
98
|
+
FORM: 'form',
|
|
99
|
+
FORM_GROUP: 'form-group',
|
|
100
|
+
// *En vakit alacak => içinde select, autocomplete, listbox, treeview özellikleri var
|
|
101
|
+
LIST: 'list',
|
|
102
|
+
//
|
|
103
|
+
COLORPICKER: 'colorpicker',
|
|
104
|
+
DATE: 'date',
|
|
105
|
+
// picker aslında tek komponent hepsi datetimepicker
|
|
106
|
+
DATE_PICKER: 'date-picker',
|
|
107
|
+
TIME_PICKER: 'time-picker',
|
|
108
|
+
DATETIME_PICKER: 'datetime-picker',
|
|
109
|
+
// silinecek komponentler
|
|
110
|
+
SELECT: 'select',
|
|
111
|
+
LISTBOX: 'listbox'
|
|
112
|
+
},
|
|
113
|
+
helpers: {
|
|
114
|
+
randomId: function () {
|
|
115
|
+
return Math.random().toString(16).slice(2, -1);
|
|
116
|
+
},
|
|
117
|
+
},
|
|
118
|
+
};
|
|
119
|
+
this._id = (Math.random() * 4).toString(16).replace('.', '');
|
|
120
|
+
this.hidden = false;
|
|
121
|
+
this.validation = false;
|
|
122
|
+
this.name = "";
|
|
123
|
+
this.value = undefined;
|
|
124
|
+
this.autocomplete = false;
|
|
125
|
+
}
|
|
126
|
+
handleSubmit() {
|
|
127
|
+
// if (lowercase(e.target.nodeName) === 'bcm-button') {
|
|
128
|
+
// if (e.target.type === 'submit') {
|
|
129
|
+
// this.submitFunction()
|
|
130
|
+
// }
|
|
131
|
+
// }
|
|
132
|
+
}
|
|
133
|
+
async submitFunction() {
|
|
134
|
+
this.formData = {};
|
|
135
|
+
this.inputs = [];
|
|
136
|
+
this.selector = this.el;
|
|
137
|
+
await this.getInputs();
|
|
138
|
+
await utils.delay(10);
|
|
139
|
+
const usrFrmData = await this.userFormData();
|
|
140
|
+
var formData = { isValid: true, formData: usrFrmData };
|
|
141
|
+
if (this.name) {
|
|
142
|
+
formData = Object.assign(Object.assign({}, formData), { formName: this.name });
|
|
143
|
+
}
|
|
144
|
+
if (this.isValid) {
|
|
145
|
+
this.bcmForm.emit(formData);
|
|
146
|
+
return formData;
|
|
147
|
+
}
|
|
148
|
+
else {
|
|
149
|
+
this.returnCaption = { isValid: false, 'message': 'Please fill in all inputs', 'errorDetails': this.returnCaption, formData: usrFrmData };
|
|
150
|
+
if (this.name) {
|
|
151
|
+
this.returnCaption = Object.assign(Object.assign({}, this.returnCaption), { formName: this.name });
|
|
152
|
+
}
|
|
153
|
+
this.bcmForm.emit(this.returnCaption);
|
|
154
|
+
return this.returnCaption;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
async submit() {
|
|
158
|
+
return Promise.resolve(this.submitFunction());
|
|
159
|
+
}
|
|
160
|
+
async set(data) {
|
|
161
|
+
var _a;
|
|
162
|
+
const validate = this.validation;
|
|
163
|
+
this.validation = false;
|
|
164
|
+
// debugger
|
|
165
|
+
this.selector = this.el;
|
|
166
|
+
await this.getInputs();
|
|
167
|
+
if (data && ((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
168
|
+
for (const key of Object.keys(data)) {
|
|
169
|
+
const item = this.inputs.find(item => item.name === key);
|
|
170
|
+
if (item) {
|
|
171
|
+
try {
|
|
172
|
+
await item.set(data[key]);
|
|
173
|
+
}
|
|
174
|
+
catch (error) {
|
|
175
|
+
console.log(item.nodeName, "set", error);
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
this.validation = validate;
|
|
181
|
+
}
|
|
182
|
+
async get() {
|
|
183
|
+
var _a;
|
|
184
|
+
let formData = {};
|
|
185
|
+
this.selector = this.el;
|
|
186
|
+
const inputsCache = this.inputs;
|
|
187
|
+
await this.getInputs();
|
|
188
|
+
((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.inputs.forEach(async (item) => {
|
|
189
|
+
try {
|
|
190
|
+
const value = await item.get();
|
|
191
|
+
formData = Object.assign(Object.assign({}, formData), { [item.name]: value });
|
|
192
|
+
}
|
|
193
|
+
catch (error) {
|
|
194
|
+
console.log(`${item.nodeName} get error`);
|
|
195
|
+
}
|
|
196
|
+
});
|
|
197
|
+
this.inputs = inputsCache;
|
|
198
|
+
await utils.delay(10);
|
|
199
|
+
return Promise.resolve(formData);
|
|
200
|
+
}
|
|
201
|
+
async setClear() {
|
|
202
|
+
this.formData = {};
|
|
203
|
+
this.inputs = [];
|
|
204
|
+
this.selector = this.el;
|
|
205
|
+
let clear = [];
|
|
206
|
+
await this.getInputs();
|
|
207
|
+
this.inputs.forEach(async (item) => {
|
|
208
|
+
try {
|
|
209
|
+
clear.push(await item.setClear());
|
|
210
|
+
}
|
|
211
|
+
catch (error) {
|
|
212
|
+
console.log(error);
|
|
213
|
+
}
|
|
214
|
+
});
|
|
215
|
+
await Promise.all(clear).then(() => {
|
|
216
|
+
this.formData = {};
|
|
217
|
+
this.inputs = [];
|
|
218
|
+
this.duplicateInput = [];
|
|
219
|
+
this.isValid = true;
|
|
220
|
+
this.returnCaption = [];
|
|
221
|
+
});
|
|
222
|
+
await utils.delay(10);
|
|
223
|
+
return Promise.resolve(true);
|
|
224
|
+
}
|
|
225
|
+
async resetCaption() {
|
|
226
|
+
await utils.delay(10);
|
|
227
|
+
this.formData = {};
|
|
228
|
+
this.inputs = [];
|
|
229
|
+
this.selector = this.el;
|
|
230
|
+
await this.getInputs();
|
|
231
|
+
for (const item of this.inputs) {
|
|
232
|
+
try {
|
|
233
|
+
await item.resetCaption();
|
|
234
|
+
}
|
|
235
|
+
catch (error) {
|
|
236
|
+
console.log(item.nodeName, "rc p");
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
await utils.delay(10);
|
|
240
|
+
return Promise.resolve();
|
|
241
|
+
}
|
|
242
|
+
async config(_config) {
|
|
243
|
+
if (_config['validation']) {
|
|
244
|
+
typeof _config['validation'] == 'boolean'
|
|
245
|
+
? this.validation = _config['validation']
|
|
246
|
+
: this.validation = false;
|
|
247
|
+
}
|
|
248
|
+
return true;
|
|
249
|
+
}
|
|
250
|
+
async getInputs() {
|
|
251
|
+
var form = this.selector;
|
|
252
|
+
if (!form) {
|
|
253
|
+
console.warn(this.Bromcom.errors.targetFormNotExist + this.selector);
|
|
254
|
+
return;
|
|
255
|
+
}
|
|
256
|
+
const inputs = Array.from(form.querySelectorAll('bcm-' + Object.values(this.Bromcom.inputComponents).join(',bcm-')));
|
|
257
|
+
this.duplicateInput = [];
|
|
258
|
+
// s-hn: Stencil private flag that contains host web component
|
|
259
|
+
// https://github.com/ionic-team/stencil/blob/45388e95edb46ef357eb9ae37cd32bbb5bc1ed23/src/runtime/vdom/vdom-render.ts#L116
|
|
260
|
+
const rootInputs = inputs.filter((input) => { var _a; return !input['s-hn'] || ((_a = input['s-hn']) === null || _a === void 0 ? void 0 : _a.nodeName) !== 'BcmForm'; });
|
|
261
|
+
// debugger;
|
|
262
|
+
for (const item of rootInputs) {
|
|
263
|
+
if (stringHelper.StringHelper.lowercase(item.nodeName) == "bcm-checkbox-group") {
|
|
264
|
+
let checkboxs = item.querySelectorAll("bcm-checkbox");
|
|
265
|
+
if (checkboxs) {
|
|
266
|
+
for (const checkbox of checkboxs) {
|
|
267
|
+
this.duplicateInput.push(checkbox.name);
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
if (stringHelper.StringHelper.lowercase(item.nodeName) == "bcm-form") {
|
|
272
|
+
const groupInputs = Array.from(item.querySelectorAll('bcm-' + Object.values(this.Bromcom.inputComponents).join(',bcm-')));
|
|
273
|
+
let itemObject = {};
|
|
274
|
+
for (const element of groupInputs) {
|
|
275
|
+
var name = element.name;
|
|
276
|
+
var value = element.value;
|
|
277
|
+
itemObject = Object.assign(Object.assign({}, itemObject), { [name]: value });
|
|
278
|
+
this.duplicateInput.push(element.name);
|
|
279
|
+
}
|
|
280
|
+
item.value = itemObject;
|
|
281
|
+
let checkboxs = item.querySelectorAll("bcm-checkbox");
|
|
282
|
+
if (checkboxs) {
|
|
283
|
+
for (const checkbox of checkboxs) {
|
|
284
|
+
this.duplicateInput.push(checkbox.name);
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
await utils.delay(10);
|
|
290
|
+
this.inputs = rootInputs;
|
|
291
|
+
}
|
|
292
|
+
getItemValue(item) {
|
|
293
|
+
const tagName = item.tagName.toLowerCase().replace('bcm-', '');
|
|
294
|
+
switch (tagName) {
|
|
295
|
+
/* case 'date-picker':
|
|
296
|
+
case 'datetime-picker':
|
|
297
|
+
return item.value.timestamp
|
|
298
|
+
case 'time-picker':
|
|
299
|
+
return item.value.time */
|
|
300
|
+
default:
|
|
301
|
+
return item.value;
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
isWrapperComponent(item) {
|
|
305
|
+
return ['bcm-datetime-picker', 'bcm-date-picker', 'bcm-time-picker'].includes(item.toLowerCase());
|
|
306
|
+
}
|
|
307
|
+
isGroupComponent(item) {
|
|
308
|
+
return ['bcm-checkbox-group'].includes(item.toLowerCase());
|
|
309
|
+
}
|
|
310
|
+
isListComponent(item) {
|
|
311
|
+
return ['bcm-list'].includes(item.toLowerCase());
|
|
312
|
+
}
|
|
313
|
+
async userFormData() {
|
|
314
|
+
this.formData = {};
|
|
315
|
+
this.isValid = true;
|
|
316
|
+
this.returnCaption = [];
|
|
317
|
+
for (const item of this.inputs) {
|
|
318
|
+
// const isListComponent = this.isListComponent(item.tagName);
|
|
319
|
+
const isGroupComponent = this.isGroupComponent(item.tagName);
|
|
320
|
+
const isWrapperComponent = this.isWrapperComponent(item.tagName);
|
|
321
|
+
const wrapperComponent = isWrapperComponent && item;
|
|
322
|
+
const input = isWrapperComponent
|
|
323
|
+
? await item.getInput() && item
|
|
324
|
+
: item;
|
|
325
|
+
// input.caption = ''
|
|
326
|
+
// input.captionType = ''
|
|
327
|
+
if (this.validation) {
|
|
328
|
+
let valid = null;
|
|
329
|
+
// if (isListComponent) {
|
|
330
|
+
// valid = !(input.value && input.value.length > 0) && validate.required(input.value)
|
|
331
|
+
// } else
|
|
332
|
+
if (isWrapperComponent) {
|
|
333
|
+
const isPickerValid = await wrapperComponent.isValid();
|
|
334
|
+
valid = validate.required(input.value, isPickerValid);
|
|
335
|
+
if (valid) {
|
|
336
|
+
if (input.value instanceof Object) {
|
|
337
|
+
if (input.value["isValid"] == false) {
|
|
338
|
+
valid = validate.required("", isPickerValid);
|
|
339
|
+
}
|
|
340
|
+
}
|
|
341
|
+
else {
|
|
342
|
+
valid = validate.required(input.value, isPickerValid);
|
|
343
|
+
}
|
|
344
|
+
}
|
|
345
|
+
}
|
|
346
|
+
else if (isGroupComponent) {
|
|
347
|
+
const childsCheckbox = utils.getChildElements(input, 'bcm-checkbox:not(#bcm-indeterminate-element)');
|
|
348
|
+
if (childsCheckbox && childsCheckbox.length > 0) {
|
|
349
|
+
for (const element of childsCheckbox) {
|
|
350
|
+
if (element && element.required === true) {
|
|
351
|
+
valid = validate.required(element.checked);
|
|
352
|
+
if (!valid['valid']) {
|
|
353
|
+
element.noCaption = false;
|
|
354
|
+
element.captionError = valid['message'];
|
|
355
|
+
element.captionType = valid['type'];
|
|
356
|
+
}
|
|
357
|
+
else {
|
|
358
|
+
element.noCaption = input.noCaption;
|
|
359
|
+
element.captionError = null;
|
|
360
|
+
element.captionType = "default";
|
|
361
|
+
}
|
|
362
|
+
}
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
else {
|
|
367
|
+
valid = validate.required(input.value);
|
|
368
|
+
}
|
|
369
|
+
if (input.required) {
|
|
370
|
+
if (!valid['valid']) {
|
|
371
|
+
input.captionError = valid['message'];
|
|
372
|
+
input.captionType = valid['type'];
|
|
373
|
+
}
|
|
374
|
+
else {
|
|
375
|
+
input.captionError = null;
|
|
376
|
+
input.captionType = "default";
|
|
377
|
+
}
|
|
378
|
+
await utils.delay(10);
|
|
379
|
+
const selfValidation = validate.selfValidation(input);
|
|
380
|
+
if (valid['valid']) {
|
|
381
|
+
if (!selfValidation['valid']) {
|
|
382
|
+
input.captionError = selfValidation['message'];
|
|
383
|
+
input.captionType = selfValidation['type'];
|
|
384
|
+
}
|
|
385
|
+
}
|
|
386
|
+
}
|
|
387
|
+
let name = input.name;
|
|
388
|
+
let value = input.captionError;
|
|
389
|
+
!input.hidden && input.captionType == 'error' && (this.returnCaption = [...Array.from(this.returnCaption), { [name]: value }],
|
|
390
|
+
this.isValid = false);
|
|
391
|
+
}
|
|
392
|
+
if (input.name && !this.duplicateInput.includes(input.name)) {
|
|
393
|
+
var itemValue = this.getItemValue(input);
|
|
394
|
+
if (!itemValue || itemValue == undefined || itemValue == null) {
|
|
395
|
+
itemValue = null;
|
|
396
|
+
}
|
|
397
|
+
this.formData[input.name] = itemValue;
|
|
398
|
+
}
|
|
399
|
+
}
|
|
400
|
+
return this.formData;
|
|
401
|
+
}
|
|
402
|
+
async handleChange(e) {
|
|
403
|
+
const isWrapperComponent = this.isWrapperComponent(e.target.tagName);
|
|
404
|
+
const isGroupComponent = this.isGroupComponent(e.target.tagName);
|
|
405
|
+
let target;
|
|
406
|
+
if (isWrapperComponent) {
|
|
407
|
+
target = e.target.getInput && await e.target.getInput() || e.target;
|
|
408
|
+
}
|
|
409
|
+
else if (isGroupComponent) {
|
|
410
|
+
let req = false;
|
|
411
|
+
const childsCheckbox = utils.getChildElements(e.target, 'bcm-checkbox:not(#bcm-indeterminate-element)');
|
|
412
|
+
childsCheckbox.length > 0 && (childsCheckbox.forEach((element) => {
|
|
413
|
+
if (element && element.required === true) {
|
|
414
|
+
req = true;
|
|
415
|
+
}
|
|
416
|
+
}));
|
|
417
|
+
target = Object.assign(Object.assign({}, e.target), { required: req });
|
|
418
|
+
}
|
|
419
|
+
else {
|
|
420
|
+
target = e.target;
|
|
421
|
+
}
|
|
422
|
+
const value = e.target.value;
|
|
423
|
+
const wrapperComponent = isWrapperComponent && e.target;
|
|
424
|
+
var isPickerValid;
|
|
425
|
+
if (isWrapperComponent) {
|
|
426
|
+
isPickerValid = await wrapperComponent.isValid();
|
|
427
|
+
}
|
|
428
|
+
const tick = setTimeout(() => {
|
|
429
|
+
if (target.required) {
|
|
430
|
+
let valid = null;
|
|
431
|
+
if (isWrapperComponent) {
|
|
432
|
+
valid = validate.required(value, isPickerValid);
|
|
433
|
+
if (valid) {
|
|
434
|
+
if (value instanceof Object) {
|
|
435
|
+
if (value["isValid"] == false) {
|
|
436
|
+
valid = validate.required("", isPickerValid);
|
|
437
|
+
}
|
|
438
|
+
}
|
|
439
|
+
else {
|
|
440
|
+
valid = validate.required(value, isPickerValid);
|
|
441
|
+
}
|
|
442
|
+
}
|
|
443
|
+
}
|
|
444
|
+
else if (isGroupComponent) {
|
|
445
|
+
const childsCheckbox = utils.getChildElements(e.target, 'bcm-checkbox:not(#bcm-indeterminate-element)');
|
|
446
|
+
childsCheckbox.length > 0 && (childsCheckbox.forEach((element) => {
|
|
447
|
+
if (element && element.required === true) {
|
|
448
|
+
valid = validate.required(element.checked);
|
|
449
|
+
if (!valid['valid']) {
|
|
450
|
+
element.noCaption = false;
|
|
451
|
+
element.captionError = valid['message'];
|
|
452
|
+
element.captionType = valid['type'];
|
|
453
|
+
}
|
|
454
|
+
else {
|
|
455
|
+
element.noCaption = e.target.noCaption;
|
|
456
|
+
element.captionError = null;
|
|
457
|
+
element.captionType = "default";
|
|
458
|
+
}
|
|
459
|
+
}
|
|
460
|
+
}));
|
|
461
|
+
}
|
|
462
|
+
else {
|
|
463
|
+
valid = validate.required(value);
|
|
464
|
+
}
|
|
465
|
+
if (valid['valid']) {
|
|
466
|
+
target.captionError = null;
|
|
467
|
+
target.captionType = null;
|
|
468
|
+
}
|
|
469
|
+
else {
|
|
470
|
+
target.captionError = valid['message'];
|
|
471
|
+
target.captionType = valid['type'];
|
|
472
|
+
}
|
|
473
|
+
}
|
|
474
|
+
clearTimeout(tick);
|
|
475
|
+
});
|
|
476
|
+
this.value = await this.userFormData();
|
|
477
|
+
}
|
|
478
|
+
render() {
|
|
479
|
+
const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null);
|
|
480
|
+
return (index.h(index.Host, { class: hostClasses }, index.h("form", { class: "bcm-form", autocomplete: this.autocomplete ? "on" : "off" }, index.h("slot", null))));
|
|
481
|
+
}
|
|
482
|
+
get el() { return index.getElement(this); }
|
|
483
|
+
};
|
|
484
|
+
__decorate([
|
|
485
|
+
isLoadDecorator.IsLoad()
|
|
486
|
+
], BcmForm.prototype, "el", void 0);
|
|
487
|
+
BcmForm.style = formCss;
|
|
488
|
+
|
|
489
|
+
exports.bcm_form = BcmForm;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Stencil
|
|
3
|
+
* Copyright (c) Bromcom.
|
|
4
|
+
*/
|
|
5
|
+
'use strict';
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
|
+
|
|
9
|
+
const index = require('./index-c591ecec.js');
|
|
10
|
+
|
|
11
|
+
const iconCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-icon.hidden{display:none}";
|
|
12
|
+
|
|
13
|
+
const customIconList = {
|
|
14
|
+
"message-bot": "message-bot.svg",
|
|
15
|
+
};
|
|
16
|
+
const BcmIcon = class {
|
|
17
|
+
constructor(hostRef) {
|
|
18
|
+
index.registerInstance(this, hostRef);
|
|
19
|
+
this.hidden = false;
|
|
20
|
+
this.icon = undefined;
|
|
21
|
+
}
|
|
22
|
+
getIcon() {
|
|
23
|
+
const { icon } = this;
|
|
24
|
+
if (icon in customIconList) {
|
|
25
|
+
const _icon = index.getAssetPath("./static/" + customIconList[icon]);
|
|
26
|
+
return (index.h("div", { class: "tw-flex tw-h-fit tw-w-fit tw-items-center tw-justify-center" }, index.h("img", { src: `${_icon}`, alt: icon, class: "tw-h-fit tw-w-fit" })));
|
|
27
|
+
}
|
|
28
|
+
return index.h("i", { class: `${icon}` });
|
|
29
|
+
}
|
|
30
|
+
render() {
|
|
31
|
+
const { /*icon,*/ hidden } = this;
|
|
32
|
+
return index.h(index.Host, { class: `bcm-icon fa ${hidden ? "hidden" : ""}` }, this.getIcon());
|
|
33
|
+
}
|
|
34
|
+
static get assetsDirs() { return ["static"]; }
|
|
35
|
+
get el() { return index.getElement(this); }
|
|
36
|
+
};
|
|
37
|
+
BcmIcon.style = iconCss;
|
|
38
|
+
|
|
39
|
+
exports.bcm_icon = BcmIcon;
|
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-efeda203.js');
|
|
11
11
|
const index$1 = require('./index-95ae50d0.js');
|
|
12
|
-
require('./package-
|
|
12
|
+
require('./package-2899048c.js');
|
|
13
13
|
require('./colors-078851ec.js');
|
|
14
14
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
15
15
|
|
|
@@ -8,12 +8,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index$1 = require('./index-c591ecec.js');
|
|
10
10
|
require('./color-helper-c3a819ea.js');
|
|
11
|
-
require('./
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
14
|
-
require('./string-helper-
|
|
11
|
+
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
+
const generate = require('./generate-efeda203.js');
|
|
13
|
+
require('./number-helper-b178b610.js');
|
|
14
|
+
require('./string-helper-4cd32dbb.js');
|
|
15
|
+
require('./validators-2adde99d.js');
|
|
15
16
|
require('./element-dragger-a8562f82.js');
|
|
16
|
-
const bcm = require('./bcm-
|
|
17
|
+
const bcm = require('./bcm-9e47c4b2.js');
|
|
17
18
|
const captionTemplate = require('./caption-template-81dbc490.js');
|
|
18
19
|
const index$2 = require('./index-95ae50d0.js');
|
|
19
20
|
require('./types-cc4adee7.js');
|
|
@@ -23,7 +24,7 @@ require('./colors-56282b00.js');
|
|
|
23
24
|
require('./utils-fc077139.js');
|
|
24
25
|
require('./colors-078851ec.js');
|
|
25
26
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
26
|
-
require('./package-
|
|
27
|
+
require('./package-2899048c.js');
|
|
27
28
|
|
|
28
29
|
const inputDropdownStyle = index.ce({
|
|
29
30
|
slots: {
|
|
@@ -113,7 +114,7 @@ const BcmInputDropdown = class {
|
|
|
113
114
|
this.defaultValue = {};
|
|
114
115
|
this.lateKeys = "L";
|
|
115
116
|
this.maxCharacterLimit = 1;
|
|
116
|
-
this.size = bcm.Bcm
|
|
117
|
+
this.size = bcm.Bcm.Size.medium;
|
|
117
118
|
this.label = undefined;
|
|
118
119
|
this.placeholder = undefined;
|
|
119
120
|
this.name = undefined;
|
|
@@ -136,7 +137,7 @@ const BcmInputDropdown = class {
|
|
|
136
137
|
];
|
|
137
138
|
this.caption = undefined;
|
|
138
139
|
this.noCaption = false;
|
|
139
|
-
this.captionType = bcm.Bcm
|
|
140
|
+
this.captionType = bcm.Bcm.Status.default;
|
|
140
141
|
this.captionError = undefined;
|
|
141
142
|
this.customErrorMessage = undefined;
|
|
142
143
|
this.captionCache = undefined;
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
|
-
const generate = require('./generate-
|
|
11
|
-
const bcm = require('./bcm-
|
|
10
|
+
const generate = require('./generate-efeda203.js');
|
|
11
|
+
const bcm = require('./bcm-9e47c4b2.js');
|
|
12
12
|
const index$1 = require('./index-95ae50d0.js');
|
|
13
13
|
const colorHelper = require('./color-helper-c3a819ea.js');
|
|
14
|
-
require('./package-
|
|
14
|
+
require('./package-2899048c.js');
|
|
15
15
|
require('./colors-078851ec.js');
|
|
16
16
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
17
17
|
require('./colors-56282b00.js');
|
|
@@ -23,7 +23,7 @@ const BcmItem = class {
|
|
|
23
23
|
constructor(hostRef) {
|
|
24
24
|
index.registerInstance(this, hostRef);
|
|
25
25
|
this._id = generate.Generate.UID();
|
|
26
|
-
this.size = bcm.Bcm.Size.medium;
|
|
26
|
+
this.size = bcm.Bcm$1.Size.medium;
|
|
27
27
|
this.color = undefined;
|
|
28
28
|
this.static = false;
|
|
29
29
|
}
|
|
@@ -7,12 +7,12 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-c591ecec.js');
|
|
10
|
-
const generate = require('./generate-
|
|
11
|
-
const stringHelper = require('./string-helper-
|
|
12
|
-
require('./package-
|
|
10
|
+
const generate = require('./generate-efeda203.js');
|
|
11
|
+
const stringHelper = require('./string-helper-4cd32dbb.js');
|
|
12
|
+
require('./package-2899048c.js');
|
|
13
13
|
require('./colors-078851ec.js');
|
|
14
14
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
15
|
-
require('./bcm-
|
|
15
|
+
require('./bcm-9e47c4b2.js');
|
|
16
16
|
|
|
17
17
|
const BcmItems = class {
|
|
18
18
|
constructor(hostRef) {
|