bromcom-ui 2.8.1-rc.9 → 2.9.0-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.esm.js +1 -1
- package/dist/bromcom-ui/{p-016a9d78.entry.js → p-02afc93f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d657a132.entry.js → p-0906c9b4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ab51aa2b.entry.js → p-0d4a552d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3c15cdb7.entry.js → p-0ee4e283.entry.js} +1 -1
- package/dist/bromcom-ui/{p-494df97b.entry.js → p-0fdbbbe8.entry.js} +1 -1
- package/dist/bromcom-ui/p-14378828.entry.js +5 -0
- package/dist/bromcom-ui/{p-92924b7e.entry.js → p-15fa3329.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5de5cb0d.entry.js → p-1c5a2111.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2053339a.entry.js → p-20ac20d4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-daf2ed63.entry.js → p-236def30.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9b0855f6.entry.js → p-24a733ff.entry.js} +1 -1
- package/dist/bromcom-ui/p-24aefda6.js +1 -1
- package/dist/bromcom-ui/p-2cb4a196.entry.js +5 -0
- package/dist/bromcom-ui/{p-b3584d64.js → p-2ea24a6e.js} +1 -1
- package/dist/bromcom-ui/{p-6af5bc87.entry.js → p-334e3147.entry.js} +1 -1
- package/dist/bromcom-ui/{p-125d13c0.entry.js → p-344a4674.entry.js} +1 -1
- package/dist/bromcom-ui/p-3ad545f0.entry.js +5 -0
- package/dist/bromcom-ui/{p-7b5ddef4.entry.js → p-40a5e4fc.entry.js} +1 -1
- package/dist/bromcom-ui/p-440afdfa.entry.js +5 -0
- package/dist/bromcom-ui/{p-6cf8afd4.entry.js → p-4b34b3f9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6b692c54.entry.js → p-55001c80.entry.js} +1 -1
- package/dist/bromcom-ui/{p-73f70b2f.entry.js → p-56896e3a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f8b03d4d.entry.js → p-5f288af5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-284542a6.entry.js → p-70b428e8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-40d258ce.entry.js → p-72b7fda0.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a6f5fe0b.entry.js → p-7658ec26.entry.js} +1 -1
- package/dist/bromcom-ui/p-80a43b79.js +5 -0
- package/dist/bromcom-ui/p-87df3ffb.js +5 -0
- package/dist/bromcom-ui/{p-bc7ccd4e.entry.js → p-8864e6af.entry.js} +1 -1
- package/dist/bromcom-ui/p-89b21290.entry.js +5 -0
- package/dist/bromcom-ui/{p-90981da9.entry.js → p-89f7a5c7.entry.js} +1 -1
- package/dist/bromcom-ui/p-8d0ca8c2.js +1 -1
- package/dist/bromcom-ui/{p-34efb8eb.entry.js → p-9b10d955.entry.js} +1 -1
- package/dist/bromcom-ui/{p-585fbc98.entry.js → p-9c7e9b5d.entry.js} +1 -1
- package/dist/bromcom-ui/p-9eb2a75d.entry.js +5 -0
- package/dist/bromcom-ui/p-a0a3fd94.entry.js +5 -0
- package/dist/bromcom-ui/{p-b94bdddf.entry.js → p-a2046742.entry.js} +1 -1
- package/dist/bromcom-ui/p-a429e85b.js +1 -1
- package/dist/bromcom-ui/{p-997c4fbd.entry.js → p-a49ded35.entry.js} +1 -1
- package/dist/bromcom-ui/p-a97ee69d.entry.js +19 -0
- package/dist/bromcom-ui/{p-8114163e.entry.js → p-ab55def1.entry.js} +1 -1
- package/dist/bromcom-ui/p-b60bcecf.js +1 -1
- package/dist/bromcom-ui/{p-a3453263.js → p-b94fa326.js} +1 -1
- package/dist/bromcom-ui/{p-e28100e6.entry.js → p-be6d0712.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e60380c6.entry.js → p-c9b10de5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0a404cf9.entry.js → p-cad8f786.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3642f316.entry.js → p-cf7af1fc.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e17e1e3e.entry.js → p-d011a407.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8c2bf4ad.entry.js → p-d1598dd5.entry.js} +1 -1
- package/dist/bromcom-ui/p-d3cb8d25.js +5 -0
- package/dist/bromcom-ui/{p-ee75e899.entry.js → p-dcb2ae7f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-09d1d69d.entry.js → p-dce2079e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-83bae50b.entry.js → p-e008411a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-fe1532b5.js → p-e0f440b4.js} +1 -1
- package/dist/bromcom-ui/{p-bfb70c75.entry.js → p-e3cafc0d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0372f13a.entry.js → p-e606c42b.entry.js} +1 -1
- package/dist/bromcom-ui/p-e66821e5.entry.js +5 -0
- package/dist/bromcom-ui/{p-10d55ac5.entry.js → p-e6ce5ec8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-508580f7.js → p-f902b559.js} +1 -1
- package/dist/cjs/{bcm-634604e3.js → bcm-ab921827.js} +4 -4
- package/dist/cjs/bcm-accordion.cjs.entry.js +1 -1
- package/dist/cjs/bcm-alert.cjs.entry.js +3 -3
- package/dist/cjs/bcm-attendance.cjs.entry.js +1 -1
- package/dist/cjs/{bcm-colorful_2.cjs.entry.js → bcm-avatar_15.cjs.entry.js} +6164 -92
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/bcm-button-group.cjs.entry.js +6 -6
- package/dist/cjs/bcm-card.cjs.entry.js +4 -4
- package/dist/cjs/bcm-checkbox-group.cjs.entry.js +416 -0
- package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +5 -5
- package/dist/cjs/bcm-checkbox_2.cjs.entry.js +193 -0
- package/dist/cjs/bcm-collapse.cjs.entry.js +1 -1
- package/dist/cjs/bcm-color-input.cjs.entry.js +5 -5
- package/dist/cjs/bcm-date-picker.cjs.entry.js +3 -3
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +8 -8
- package/dist/cjs/bcm-default.cjs.entry.js +1 -1
- package/dist/cjs/bcm-drawer.cjs.entry.js +7 -7
- package/dist/cjs/bcm-dropdown.cjs.entry.js +6 -6
- package/dist/cjs/bcm-expansion-panel.cjs.entry.js +3 -3
- package/dist/cjs/bcm-form-2.cjs.entry.js +5 -4
- package/dist/cjs/bcm-input-custom.cjs.entry.js +1 -1
- package/dist/cjs/bcm-item.cjs.entry.js +3 -3
- package/dist/cjs/bcm-items.cjs.entry.js +3 -3
- package/dist/cjs/bcm-link.cjs.entry.js +3 -3
- package/dist/cjs/bcm-menu.cjs.entry.js +7 -7
- package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +5 -5
- package/dist/cjs/bcm-modal-2-header.cjs.entry.js +5 -5
- package/dist/cjs/bcm-modal-2.cjs.entry.js +6 -6
- package/dist/cjs/bcm-modal.cjs.entry.js +6 -6
- package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +4 -4
- package/dist/cjs/bcm-popconfirm.cjs.entry.js +4 -4
- package/dist/cjs/bcm-popover.cjs.entry.js +8 -8
- package/dist/cjs/bcm-progress.cjs.entry.js +3 -3
- package/dist/cjs/bcm-radio-group.cjs.entry.js +9 -9
- package/dist/cjs/bcm-radio.cjs.entry.js +12 -12
- package/dist/cjs/bcm-range.cjs.entry.js +5 -5
- package/dist/cjs/bcm-select.cjs.entry.js +2 -2
- package/dist/cjs/bcm-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bcm-step.cjs.entry.js +2 -2
- package/dist/cjs/bcm-stepper.cjs.entry.js +8 -8
- package/dist/cjs/bcm-switch.cjs.entry.js +8 -8
- package/dist/cjs/bcm-tab-group.cjs.entry.js +6 -6
- package/dist/cjs/bcm-tab-item-header.cjs.entry.js +9 -9
- package/dist/cjs/bcm-tab-item.cjs.entry.js +5 -5
- package/dist/cjs/bcm-tag.cjs.entry.js +14 -14
- package/dist/cjs/bcm-text.cjs.entry.js +3 -3
- package/dist/cjs/bcm-textarea.cjs.entry.js +6 -6
- package/dist/cjs/bcm-time-picker.cjs.entry.js +3 -3
- package/dist/cjs/bcm-toast.cjs.entry.js +10 -10
- package/dist/cjs/bromcom-ui.cjs.js +1 -1
- package/dist/cjs/{floating-ui-74eb26d6.js → floating-ui-c9fc2202.js} +2 -2
- package/dist/cjs/{generate-cf48ed2d.js → generate-21143214.js} +1 -1
- package/dist/cjs/{input-template-129e6e5b.js → input-template-1441e468.js} +6 -6
- package/dist/cjs/{json-parse-decarator-f0554ad2.js → json-parse-decarator-8dbf0b0e.js} +1 -1
- package/dist/cjs/{label-template-cc69bc21.js → label-template-4d5f99a5.js} +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{number-helper-453e02ee.js → number-helper-08a7ff70.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +6 -6
- package/dist/cjs/old-bcm-popover.cjs.entry.js +4 -4
- package/dist/cjs/{popover-placement-3c8f3a72.js → popover-placement-ccb40073.js} +1 -1
- package/dist/cjs/{slot-template-3e59d7d8.js → slot-template-d70ea082.js} +1 -1
- package/dist/cjs/{stepper-states-3082dce8.js → stepper-states-9b6818aa.js} +1 -1
- package/dist/cjs/{string-helper-45cffee0.js → string-helper-d681e5c7.js} +2 -2
- package/dist/cjs/{tooltip-helper-748b4ab6.js → tooltip-helper-235b26ea.js} +9 -9
- package/dist/cjs/{validators-2fcf98d3.js → validators-6a0077a8.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/atoms/chip/chip-group.js +292 -0
- package/dist/collection/components/atoms/chip/chip.js +107 -26
- package/dist/collection/components/molecules/linked/linked.js +6 -17
- package/dist/collection/components/organism/form/form.js +1 -0
- package/dist/collection/components/organism/form-2/bcm-form-components.js +1 -0
- package/dist/collection/components/organism/list/list.css +3 -0
- package/dist/components/bcm-chip-group.d.ts +11 -0
- package/dist/components/bcm-chip-group.js +174 -0
- package/dist/components/bcm-chip.js +1 -100
- package/dist/components/bcm-form-2.js +1 -0
- package/dist/components/bcm-form.js +1 -0
- package/dist/components/bcm-list.js +1 -1702
- package/dist/{esm/bcm-chip.entry.js → components/chip.js} +110 -33
- package/dist/components/generate.js +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/linked.js +6 -17
- package/dist/{esm/bcm-list.entry.js → components/list.js} +136 -31
- package/dist/esm/bcm-9f50af9c.js +1 -1
- package/dist/esm/bcm-accordion.entry.js +1 -1
- package/dist/esm/bcm-alert.entry.js +1 -1
- package/dist/esm/bcm-attendance.entry.js +1 -1
- package/dist/esm/{bcm-colorful_2.entry.js → bcm-avatar_15.entry.js} +6148 -89
- package/dist/esm/bcm-breadcrumb.entry.js +1 -1
- package/dist/esm/bcm-button-group.entry.js +2 -2
- package/dist/esm/bcm-card.entry.js +1 -1
- package/dist/esm/bcm-checkbox-group.entry.js +412 -0
- package/dist/esm/bcm-checkbox-lite_9.entry.js +2 -2
- package/dist/esm/bcm-checkbox_2.entry.js +188 -0
- package/dist/esm/bcm-collapse.entry.js +1 -1
- package/dist/esm/bcm-color-input.entry.js +3 -3
- package/dist/esm/bcm-date-picker.entry.js +2 -2
- package/dist/esm/bcm-datetime-picker.entry.js +2 -2
- package/dist/esm/bcm-default.entry.js +1 -1
- package/dist/esm/bcm-drawer.entry.js +4 -4
- package/dist/esm/bcm-dropdown.entry.js +3 -3
- package/dist/esm/bcm-expansion-panel.entry.js +1 -1
- package/dist/esm/bcm-form-2.entry.js +3 -2
- package/dist/esm/bcm-input-custom.entry.js +1 -1
- package/dist/esm/bcm-item.entry.js +2 -2
- package/dist/esm/bcm-items.entry.js +1 -1
- package/dist/esm/bcm-link.entry.js +1 -1
- package/dist/esm/bcm-menu.entry.js +4 -4
- package/dist/esm/bcm-modal-2-footer.entry.js +3 -3
- package/dist/esm/bcm-modal-2-header.entry.js +3 -3
- package/dist/esm/bcm-modal-2.entry.js +4 -4
- package/dist/esm/bcm-modal.entry.js +2 -2
- package/dist/esm/bcm-popconfirm-box.entry.js +1 -1
- package/dist/esm/bcm-popconfirm.entry.js +2 -2
- package/dist/esm/bcm-popover.entry.js +4 -4
- package/dist/esm/bcm-progress.entry.js +2 -2
- package/dist/esm/bcm-radio-group.entry.js +4 -4
- package/dist/esm/bcm-radio.entry.js +4 -4
- package/dist/esm/bcm-range.entry.js +2 -2
- package/dist/esm/bcm-skeleton.entry.js +1 -1
- package/dist/esm/bcm-step.entry.js +2 -2
- package/dist/esm/bcm-stepper.entry.js +5 -5
- package/dist/esm/bcm-switch.entry.js +2 -2
- package/dist/esm/bcm-tab-group.entry.js +4 -4
- package/dist/esm/bcm-tab-item-header.entry.js +4 -4
- package/dist/esm/bcm-tab-item.entry.js +3 -3
- package/dist/esm/bcm-tag.entry.js +3 -3
- package/dist/esm/bcm-textarea.entry.js +3 -3
- package/dist/esm/bcm-time-picker.entry.js +2 -2
- package/dist/esm/bcm-toast.entry.js +2 -2
- package/dist/esm/bromcom-ui.js +1 -1
- package/dist/esm/floating-ui-e7341329.js +1 -1
- package/dist/esm/{generate-03cf1f82.js → generate-a39b1045.js} +1 -1
- package/dist/esm/{input-template-6137ed1b.js → input-template-e1df6efd.js} +2 -2
- package/dist/esm/{json-parse-decarator-699aaeeb.js → json-parse-decarator-b1ceb8c8.js} +1 -1
- package/dist/esm/label-template-d74fe788.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{number-helper-61c91978.js → number-helper-fa8e8000.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +2 -2
- package/dist/esm/old-bcm-popover.entry.js +2 -2
- package/dist/esm/{stepper-states-0fc18a9f.js → stepper-states-44849ee8.js} +1 -1
- package/dist/esm/string-helper-6bd24967.js +1 -1
- package/dist/esm/{tooltip-helper-a06cb0a2.js → tooltip-helper-10b64c23.js} +4 -4
- package/dist/esm/{validators-c6a4a8ac.js → validators-dd70be40.js} +1 -1
- package/dist/types/components/atoms/chip/chip-group.d.ts +22 -0
- package/dist/types/components/atoms/chip/chip.d.ts +18 -13
- package/dist/types/components/molecules/linked/linked.d.ts +0 -2
- package/dist/types/components.d.ts +47 -4
- package/package.json +1 -1
- package/dist/bromcom-ui/p-00fd6de2.entry.js +0 -5
- package/dist/bromcom-ui/p-1736eee9.entry.js +0 -5
- package/dist/bromcom-ui/p-1eabd5dc.js +0 -10
- package/dist/bromcom-ui/p-28345f61.js +0 -5
- package/dist/bromcom-ui/p-3b3f7c54.entry.js +0 -5
- package/dist/bromcom-ui/p-4cbc9da5.entry.js +0 -5
- package/dist/bromcom-ui/p-55837df1.entry.js +0 -5
- package/dist/bromcom-ui/p-6ea2108c.entry.js +0 -5
- package/dist/bromcom-ui/p-7aa855fc.entry.js +0 -5
- package/dist/bromcom-ui/p-88078128.entry.js +0 -13
- package/dist/bromcom-ui/p-8aa77fd1.js +0 -5
- package/dist/bromcom-ui/p-c5bd9dd7.entry.js +0 -5
- package/dist/bromcom-ui/p-c818a4fc.entry.js +0 -5
- package/dist/bromcom-ui/p-c8c9d35e.entry.js +0 -5
- package/dist/bromcom-ui/p-cc45ea99.entry.js +0 -5
- package/dist/bromcom-ui/p-d155cf69.entry.js +0 -5
- package/dist/bromcom-ui/p-ebc87fe9.entry.js +0 -5
- package/dist/bromcom-ui/p-ed9bf8e9.js +0 -5
- package/dist/cjs/bcm-avatar_2.cjs.entry.js +0 -139
- package/dist/cjs/bcm-button_7.cjs.entry.js +0 -1521
- package/dist/cjs/bcm-chip.cjs.entry.js +0 -74
- package/dist/cjs/bcm-input.cjs.entry.js +0 -370
- package/dist/cjs/bcm-list.cjs.entry.js +0 -1607
- package/dist/cjs/bcm-rc-overflow_2.cjs.entry.js +0 -2443
- package/dist/cjs/bcm-typography.cjs.entry.js +0 -21
- package/dist/cjs/index-906fb4e5.js +0 -540
- package/dist/esm/bcm-avatar_2.entry.js +0 -134
- package/dist/esm/bcm-button_7.entry.js +0 -1511
- package/dist/esm/bcm-input.entry.js +0 -366
- package/dist/esm/bcm-rc-overflow_2.entry.js +0 -2438
- package/dist/esm/bcm-typography.entry.js +0 -17
- package/dist/esm/index-6310a048.js +0 -537
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,c as e,g as n,h as i,H as r}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as o,s as a}from"./p-8aa77fd1.js";import"./p-28345f61.js";import{S as c}from"./p-8d0ca8c2.js";import"./p-a3453263.js";import"./p-7e44e6b5.js";import{B as s}from"./p-a429e85b.js";import{r as u,a as l}from"./p-1eabd5dc.js";import{c as f}from"./p-d65a1e21.js";import{c as p}from"./p-6f56f8ca.js";import{I as m}from"./p-fe1532b5.js";import{d as h}from"./p-8c018ae0.js";import{c as d}from"./p-a60a2dd0.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-3fac58f7.js";function b(){return b=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},b.apply(this,arguments)}function x(t){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},x(t)}function g(t,e,n){return(e=function(t){var e=function(t){if("object"!==x(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!==x(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"===x(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function v(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function y(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?v(Object(n),!0).forEach((function(e){g(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function w(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function _(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var i,r,o,a,c=[],s=!0,u=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;s=!1}else for(;!(s=(i=o.call(n)).done)&&(c.push(i.value),c.length!==e);s=!0);}catch(t){u=!0,r=t}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw r}}return c}}(t,e)||function(t,e){if(t){if("string"==typeof t)return w(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(t,e){if(null==t)return{};var n,i,r=function(t,e){if(null==t)return{};var n,i,r={},o=Object.keys(t);for(i=0;i<o.length;i++)e.indexOf(n=o[i])>=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(i=0;i<o.length;i++)e.indexOf(n=o[i])>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}function j(){return j=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},j.apply(this,arguments)}
|
|
6
|
-
/** @license React v16.13.1
|
|
7
|
-
* react-is.production.min.js
|
|
8
|
-
*
|
|
9
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
10
|
-
*
|
|
11
|
-
* This source code is licensed under the MIT license found in the
|
|
12
|
-
* LICENSE file in the root directory of this source tree.
|
|
13
|
-
*/var O="function"==typeof Symbol&&Symbol.for,S=O?Symbol.for("react.element"):60103,k=O?Symbol.for("react.portal"):60106,M=O?Symbol.for("react.fragment"):60107,C=O?Symbol.for("react.strict_mode"):60108,I=O?Symbol.for("react.profiler"):60114,E=O?Symbol.for("react.provider"):60109,R=O?Symbol.for("react.context"):60110,N=O?Symbol.for("react.async_mode"):60111,T=O?Symbol.for("react.concurrent_mode"):60111,D=O?Symbol.for("react.forward_ref"):60112,A=O?Symbol.for("react.suspense"):60113,F=O?Symbol.for("react.suspense_list"):60120,P=O?Symbol.for("react.memo"):60115,B=O?Symbol.for("react.lazy"):60116,W=O?Symbol.for("react.block"):60121,q=O?Symbol.for("react.fundamental"):60117,V=O?Symbol.for("react.responder"):60118,H=O?Symbol.for("react.scope"):60119;function L(t){if("object"==typeof t&&null!==t){var e=t.$$typeof;switch(e){case S:switch(t=t.type){case N:case T:case M:case I:case C:case A:return t;default:switch(t=t&&t.$$typeof){case R:case D:case B:case P:case E:return t;default:return e}}case k:return e}}}function G(t){return L(t)===T}var K={AsyncMode:N,ConcurrentMode:T,ContextConsumer:R,ContextProvider:E,Element:S,ForwardRef:D,Fragment:M,Lazy:B,Memo:P,Portal:k,Profiler:I,StrictMode:C,Suspense:A,isAsyncMode:function(t){return G(t)||L(t)===N},isConcurrentMode:G,isContextConsumer:function(t){return L(t)===R},isContextProvider:function(t){return L(t)===E},isElement:function(t){return"object"==typeof t&&null!==t&&t.$$typeof===S},isForwardRef:function(t){return L(t)===D},isFragment:function(t){return L(t)===M},isLazy:function(t){return L(t)===B},isMemo:function(t){return L(t)===P},isPortal:function(t){return L(t)===k},isProfiler:function(t){return L(t)===I},isStrictMode:function(t){return L(t)===C},isSuspense:function(t){return L(t)===A},isValidElementType:function(t){return"string"==typeof t||"function"==typeof t||t===M||t===T||t===I||t===C||t===A||t===F||"object"==typeof t&&null!==t&&(t.$$typeof===B||t.$$typeof===P||t.$$typeof===E||t.$$typeof===R||t.$$typeof===D||t.$$typeof===q||t.$$typeof===V||t.$$typeof===H||t.$$typeof===W)},typeOf:L};p((function(){}));var $=p((function(t){t.exports=K}));function U(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=[];return u.Children.forEach(t,(function(t){(null!=t||e.keepEmpty)&&(Array.isArray(t)?n=n.concat(U(t)):$.isFragment(t)&&t.props?n=n.concat(U(t.props.children,e)):n.push(t))})),n}function Y(t){return Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Y(t)}function J(t){var e=function(t){if("object"!==Y(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!==Y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"===Y(e)?e:String(e)}function Q(t,e,n){return(e=J(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function X(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Z(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?X(Object(n),!0).forEach((function(e){Q(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tt(t){return tt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},tt(t)}function et(t,e){"function"==typeof t?t(e):"object"===tt(t)&&t&&"current"in t&&(t.current=e)}function nt(t){return function(t){return t instanceof HTMLElement||t instanceof SVGElement}(t)?t:t instanceof u.Component?l.findDOMNode(t):null}var it=function(){if("undefined"!=typeof Map)return Map;function t(t,e){var n=-1;return t.some((function(t,i){return t[0]===e&&(n=i,!0)})),n}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){var n=t(this.__entries__,e),i=this.__entries__[n];return i&&i[1]},e.prototype.set=function(e,n){var i=t(this.__entries__,e);~i?this.__entries__[i][1]=n:this.__entries__.push([e,n])},e.prototype.delete=function(e){var n=this.__entries__,i=t(n,e);~i&&n.splice(i,1)},e.prototype.has=function(e){return!!~t(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(t,e){void 0===e&&(e=null);for(var n=0,i=this.__entries__;n<i.length;n++){var r=i[n];t.call(e,r[1],r[0])}},e}()}(),rt="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,ot="undefined"!=typeof global&&global.Math===Math?global:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),at="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(ot):function(t){return setTimeout((function(){return t(Date.now())}),1e3/60)},ct=["top","right","bottom","left","width","height","size","weight"],st="undefined"!=typeof MutationObserver,ut=function(){function t(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(t){var e=!1,n=!1,i=0;function r(){e&&(e=!1,t()),n&&a()}function o(){at(r)}function a(){var t=Date.now();if(e){if(t-i<2)return;n=!0}else e=!0,n=!1,setTimeout(o,20);i=t}return a}(this.refresh.bind(this))}return t.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},t.prototype.removeObserver=function(t){var e=this.observers_,n=e.indexOf(t);~n&&e.splice(n,1),!e.length&&this.connected_&&this.disconnect_()},t.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},t.prototype.updateObservers_=function(){var t=this.observers_.filter((function(t){return t.gatherActive(),t.hasActive()}));return t.forEach((function(t){return t.broadcastActive()})),t.length>0},t.prototype.connect_=function(){rt&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),st?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},t.prototype.disconnect_=function(){rt&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},t.prototype.onTransitionEnd_=function(t){var e=t.propertyName,n=void 0===e?"":e;ct.some((function(t){return!!~n.indexOf(t)}))&&this.refresh()},t.getInstance=function(){return this.instance_||(this.instance_=new t),this.instance_},t.instance_=null,t}(),lt=function(t,e){for(var n=0,i=Object.keys(e);n<i.length;n++){var r=i[n];Object.defineProperty(t,r,{value:e[r],enumerable:!1,writable:!1,configurable:!0})}return t},ft=function(t){return t&&t.ownerDocument&&t.ownerDocument.defaultView||ot},pt=xt(0,0,0,0);function mt(t){return parseFloat(t)||0}function ht(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return e.reduce((function(e,n){return e+mt(t["border-"+n+"-width"])}),0)}var dt="undefined"!=typeof SVGGraphicsElement?function(t){return t instanceof ft(t).SVGGraphicsElement}:function(t){return t instanceof ft(t).SVGElement&&"function"==typeof t.getBBox};function bt(t){return rt?dt(t)?function(t){var e=t.getBBox();return xt(0,0,e.width,e.height)}(t):function(t){var e=t.clientWidth,n=t.clientHeight;if(!e&&!n)return pt;var i=ft(t).getComputedStyle(t),r=function(t){for(var e={},n=0,i=["top","right","bottom","left"];n<i.length;n++){var r=i[n];e[r]=mt(t["padding-"+r])}return e}(i),o=r.left+r.right,a=r.top+r.bottom,c=mt(i.width),s=mt(i.height);if("border-box"===i.boxSizing&&(Math.round(c+o)!==e&&(c-=ht(i,"left","right")+o),Math.round(s+a)!==n&&(s-=ht(i,"top","bottom")+a)),!function(t){return t===ft(t).document.documentElement}(t)){var u=Math.round(c+o)-e,l=Math.round(s+a)-n;1!==Math.abs(u)&&(c-=u),1!==Math.abs(l)&&(s-=l)}return xt(r.left,r.top,c,s)}(t):pt}function xt(t,e,n,i){return{x:t,y:e,width:n,height:i}}var gt=function(){function t(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=xt(0,0,0,0),this.target=t}return t.prototype.isActive=function(){var t=bt(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},t.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},t}(),vt=function(t,e){var n=function(t){var e=t.x,n=t.y,i=t.width,r=t.height,o="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,a=Object.create(o.prototype);return lt(a,{x:e,y:n,width:i,height:r,top:n,right:e+i,bottom:r+n,left:e}),a}(e);lt(this,{target:t,contentRect:n})},yt=function(){function t(t,e,n){if(this.activeObservations_=[],this.observations_=new it,"function"!=typeof t)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=e,this.callbackCtx_=n}return t.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof ft(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)||(e.set(t,new gt(t)),this.controller_.addObserver(this),this.controller_.refresh())}},t.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof ft(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)&&(e.delete(t),e.size||this.controller_.removeObserver(this))}},t.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},t.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach((function(e){e.isActive()&&t.activeObservations_.push(e)}))},t.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,e=this.activeObservations_.map((function(t){return new vt(t.target,t.broadcastRect())}));this.callback_.call(t,e,t),this.clearActive()}},t.prototype.clearActive=function(){this.activeObservations_.splice(0)},t.prototype.hasActive=function(){return this.activeObservations_.length>0},t}(),wt="undefined"!=typeof WeakMap?new WeakMap:new it,_t=function t(e){if(!(this instanceof t))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=ut.getInstance(),i=new yt(e,n,this);wt.set(this,i)};["observe","unobserve","disconnect"].forEach((function(t){_t.prototype[t]=function(){var e;return(e=wt.get(this))[t].apply(e,arguments)}}));var zt=void 0!==ot.ResizeObserver?ot.ResizeObserver:_t,jt=new Map,Ot=new zt((function(t){t.forEach((function(t){var e,n=t.target;null===(e=jt.get(n))||void 0===e||e.forEach((function(t){return t(n)}))}))}));function St(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kt(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,J(i.key),i)}}function Mt(t,e){return Mt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Mt(t,e)}function Ct(t){return Ct=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Ct(t)}function It(t,e){if(e&&("object"===Y(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}var Et=function(){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Mt(t,e)}(o,u.Component);var t,e,n,i,r=(n=o,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=Ct(n);if(i){var r=Ct(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return It(this,t)});function o(){return St(this,o),r.apply(this,arguments)}return t=o,(e=[{key:"render",value:function(){return this.props.children}}])&&kt(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),o}(),Rt=u.createContext(null);function Nt(t,e){var n,i,r,o,a=t.children,c=t.disabled,s=u.useRef(null),l=u.useRef(null),f=u.useContext(Rt),p="function"==typeof a,m=p?a(s):a,h=u.useRef({width:-1,height:-1,offsetWidth:-1,offsetHeight:-1}),d=!p&&u.isValidElement(m)&&!!("function"!=typeof(o=$.isMemo(n=m)?n.type.type:n.type)||null!==(i=o.prototype)&&void 0!==i&&i.render)&&!!("function"!=typeof n||null!==(r=n.prototype)&&void 0!==r&&r.render),b=d?m.ref:null,x=u.useMemo((function(){return function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var i=e.filter((function(t){return t}));return i.length<=1?i[0]:function(t){e.forEach((function(e){et(e,t)}))}}(b,s)}),[b,s]),g=function(){return nt(s.current)||nt(l.current)};u.useImperativeHandle(e,(function(){return g()}));var v=u.useRef(t);v.current=t;var y=u.useCallback((function(t){var e=v.current,n=e.onResize,i=e.data,r=t.getBoundingClientRect(),o=r.width,a=r.height,c=t.offsetWidth,s=t.offsetHeight,u=Math.floor(o),l=Math.floor(a);if(h.current.width!==u||h.current.height!==l||h.current.offsetWidth!==c||h.current.offsetHeight!==s){var p={width:u,height:l,offsetWidth:c,offsetHeight:s};h.current=p;var m=c===Math.round(o)?o:c,d=s===Math.round(a)?a:s,b=Z(Z({},p),{},{offsetWidth:m,offsetHeight:d});null==f||f(b,t,i),n&&Promise.resolve().then((function(){n(b,t)}))}}),[]);return u.useEffect((function(){var t,e,n=g();return n&&!c&&(e=y,jt.has(t=n)||(jt.set(t,new Set),Ot.observe(t)),jt.get(t).add(e)),function(){return function(t,e){jt.has(t)&&(jt.get(t).delete(e),jt.get(t).size||(Ot.unobserve(t),jt.delete(t)))}(n,y)}}),[s.current,c]),u.createElement(Et,{ref:l},d?u.cloneElement(m,{ref:x}):m)}var Tt=u.forwardRef(Nt);function Dt(t,e){var n=t.children;return("function"==typeof n?[n]:U(n)).map((function(n,i){var r=(null==n?void 0:n.key)||"".concat("rc-observer-key","-").concat(i);return u.createElement(Tt,j({},t,{key:r,ref:0===i?e:void 0}),n)}))}var At=u.forwardRef(Dt);At.Collection=function(t){var e=t.children,n=t.onBatchResize,i=u.useRef(0),r=u.useRef([]),o=u.useContext(Rt),a=u.useCallback((function(t,e,a){i.current+=1;var c=i.current;r.current.push({size:t,element:e,data:a}),Promise.resolve().then((function(){c===i.current&&(null==n||n(r.current),r.current=[])})),null==o||o(t,e,a)}),[n,o]);return u.createElement(Rt.Provider,{value:a},e)};var Ft="undefined"!=typeof window&&window.document&&window.document.createElement?u.useLayoutEffect:u.useEffect,Pt=["prefixCls","invalidate","item","renderItem","responsive","responsiveDisabled","registerSize","itemKey","className","style","children","display","order","component"],Bt=void 0;function Wt(t,e){var n=t.prefixCls,i=t.invalidate,r=t.item,o=t.renderItem,a=t.responsive,c=t.responsiveDisabled,s=t.registerSize,l=t.itemKey,p=t.className,m=t.style,h=t.children,d=t.display,x=t.order,g=t.component,v=void 0===g?"div":g,w=z(t,Pt),_=a&&!d;function j(t){s(l,t)}u.useEffect((function(){return function(){j(null)}}),[]);var O,S=o&&r!==Bt?o(r):h;i||(O={opacity:_?0:1,height:_?0:Bt,overflowY:_?"hidden":Bt,order:a?x:Bt,pointerEvents:_?"none":Bt,position:_?"absolute":Bt});var k={};_&&(k["aria-hidden"]=!0);var M=u.createElement(v,b({className:f(!i&&n,p),style:y(y({},O),m)},k,w,{ref:e}),S);return a&&(M=u.createElement(At,{onResize:function(t){j(t.offsetWidth)},disabled:c},M)),M}var qt=u.forwardRef(Wt);qt.displayName="Item";var Vt=function(t){return+setTimeout(t,16)},Ht=function(t){return clearTimeout(t)};"undefined"!=typeof window&&"requestAnimationFrame"in window&&(Vt=function(t){return window.requestAnimationFrame(t)},Ht=function(t){return window.cancelAnimationFrame(t)});var Lt=0,Gt=new Map;function Kt(t){Gt.delete(t)}var $t=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=Lt+=1;function i(e){if(0===e)Kt(n),t();else{var r=Vt((function(){i(e-1)}));Gt.set(n,r)}}return i(e),n};function Ut(t,e){var n=_(u.useState(e),2),i=n[0],r=n[1],o=function(){var e=u.useRef();e.current=function(e){t((function(){r(e)}))};var n=u.useCallback((function(){for(var t,n=arguments.length,i=new Array(n),r=0;r<n;r++)i[r]=arguments[r];return null===(t=e.current)||void 0===t?void 0:t.call.apply(t,[e].concat(i))}),[]);return n}();return[i,o]}$t.cancel=function(t){var e=Gt.get(t);return Kt(e),Ht(e)};var Yt=u.createContext(null),Jt=["component"],Qt=["className"],Xt=["className"],Zt=function(t,e){var n=u.useContext(Yt);if(!n){var i=t.component,r=void 0===i?"div":i,o=z(t,Jt);return u.createElement(r,b({},o,{ref:e}))}var a=n.className,c=z(n,Qt),s=t.className,l=z(t,Xt);return u.createElement(Yt.Provider,{value:null},u.createElement(qt,b({ref:e,className:f(a,s)},c,l)))},te=u.forwardRef(Zt);te.displayName="RawItem";var ee=["prefixCls","data","renderItem","renderRawItem","itemKey","itemWidth","ssr","style","className","maxCount","renderRest","renderRawRest","suffix","component","itemComponent","onVisibleChange"],ne="responsive",ie="invalidate";function re(t){return"+ ".concat(t.length," ...")}function oe(t,e){var n,i,r,o,a=t.prefixCls,c=void 0===a?"rc-overflow":a,s=t.data,p=void 0===s?[]:s,m=t.renderItem,h=t.renderRawItem,d=t.itemKey,x=t.itemWidth,g=void 0===x?10:x,v=t.ssr,w=t.style,j=t.className,O=t.maxCount,S=t.renderRest,k=t.renderRawRest,M=t.suffix,C=t.component,I=void 0===C?"div":C,E=t.itemComponent,R=t.onVisibleChange,N=z(t,ee),T="full"===v,D=(o=u.useRef(null),function(t){o.current||(o.current=[],function(t){if("undefined"==typeof MessageChannel)$t(t);else{var e=new MessageChannel;e.port1.onmessage=function(){return t()},e.port2.postMessage(void 0)}}((function(){l.unstable_batchedUpdates((function(){o.current.forEach((function(t){t()})),o.current=null}))}))),o.current.push(t)}),A=_(Ut(D,null),2),F=A[0],P=A[1],B=F||0,W=_(Ut(D,new Map),2),q=W[0],V=W[1],H=_(Ut(D,0),2),L=H[0],G=H[1],K=_(Ut(D,0),2),$=K[0],U=K[1],Y=_(Ut(D,0),2),J=Y[0],Q=Y[1],X=_(u.useState(null),2),Z=X[0],tt=X[1],et=_(u.useState(null),2),nt=et[0],it=et[1],rt=u.useMemo((function(){return null===nt&&T?Number.MAX_SAFE_INTEGER:nt||0}),[nt,F]),ot=_(u.useState(!1),2),at=ot[0],ct=ot[1],st="".concat(c,"-item"),ut=Math.max(L,$),lt=O===ne,ft=p.length&<,pt=O===ie,mt=ft||"number"==typeof O&&p.length>O,ht=u.useMemo((function(){var t=p;return ft?t=null===F&&T?p:p.slice(0,Math.min(p.length,B/g)):"number"==typeof O&&(t=p.slice(0,O)),t}),[p,g,F,O,ft]),dt=u.useMemo((function(){return p.slice(ft?rt+1:ht.length)}),[p,ht,ft,rt]),bt=u.useCallback((function(t,e){var n;return"function"==typeof d?d(t):null!==(n=d&&(null==t?void 0:t[d]))&&void 0!==n?n:e}),[d]),xt=u.useCallback(m||function(t){return t},[m]);function gt(t,e,n){(nt!==t||void 0!==e&&e!==Z)&&(it(t),n||(ct(t<p.length-1),null==R||R(t)),void 0!==e&&tt(e))}function vt(t,e){V((function(n){var i=new Map(n);return null===e?i.delete(t):i.set(t,e),i}))}function yt(t){return q.get(bt(ht[t],t))}n=function(){if(B&&"number"==typeof ut&&ht){var t=J,e=ht.length,n=e-1;if(!e)return void gt(0,null);for(var i=0;i<e;i+=1){var r=yt(i);if(T&&(r=r||0),void 0===r){gt(i-1,void 0,!0);break}if(t+=r,0===n&&t<=B||i===n-1&&t+yt(n)<=B){gt(n,null);break}if(t+ut>B){gt(i-1,t-r-J+$);break}}M&&yt(0)+J>B&&tt(null)}},i=[B,q,$,J,bt,ht],r=u.useRef(!0),Ft((function(){return n()}),i),Ft((function(){return r.current=!1,function(){r.current=!0}}),[]);var wt=at&&!!dt.length,_t={};null!==Z&&ft&&(_t={position:"absolute",left:Z,top:0});var zt,jt={prefixCls:st,responsive:ft,component:E,invalidate:pt},Ot=h?function(t,e){var n=bt(t,e);return u.createElement(Yt.Provider,{key:n,value:y(y({},jt),{},{order:e,item:t,itemKey:n,registerSize:vt,display:e<=rt})},h(t,e))}:function(t,e){var n=bt(t,e);return u.createElement(qt,b({},jt,{order:e,key:n,item:t,renderItem:xt,itemKey:n,registerSize:vt,display:e<=rt}))},St={order:wt?rt:Number.MAX_SAFE_INTEGER,className:"".concat(st,"-rest"),registerSize:function(t,e){U(e),G($)},display:wt};if(k)k&&(zt=u.createElement(Yt.Provider,{value:y(y({},jt),St)},k(dt)));else{var kt=S||re;zt=u.createElement(qt,b({},jt,St),"function"==typeof kt?kt(dt):kt)}var Mt=u.createElement(I,b({className:f(!pt&&c,j),style:w,ref:e},N),ht.map(Ot),mt?zt:null,M&&u.createElement(qt,b({},jt,{responsive:lt,responsiveDisabled:!ft,order:rt,className:"".concat(st,"-suffix"),registerSize:function(t,e){Q(e)},display:!0,style:_t}),M));return lt&&(Mt=u.createElement(At,{onResize:function(t,e){P(e.clientWidth)},disabled:!ft},Mt)),Mt}var ae=u.forwardRef(oe);ae.displayName="Overflow",ae.Item=te,ae.RESPONSIVE=ne,ae.INVALIDATE=ie;const ce=class{constructor(n){t(this,n),this.selectOtherTag=e(this,"bcm-select-other-tag",7),this.selectTag=e(this,"bcm-select-tag",7),this.deleteTag=e(this,"bcm-delete-tag",7),this.renderItem=t=>u.createElement("bcm-tooltip",{placement:"bottom",message:t.text,trigger:"hover"},u.createElement("div",{id:t.value+"-tag",className:"bcm-tag",onClick:({target:e})=>this.onClickControl(e,t,!1)},u.createElement("span",{className:"bcm-tag__content dismissable"},u.createElement("div",{className:"value tw-block tw-max-w-[38px] tw-overflow-hidden tw-overflow-ellipsis tw-whitespace-nowrap"},t.text),u.createElement("span",{className:"right close-button"},u.createElement("bcm-icon",{icon:"fa fa-times"}))))),this.renderRest=t=>{const e=(null==t?void 0:t.sort(((t,e)=>+t.ct-+e.ct)).slice(0,15).map((t=>c.textLimitter(t.text,40,!0))).toString().split(",").join("\r\n"))+(t.length>15?"\r\n...":"");return u.createElement("bcm-tooltip",{placement:"bottom",message:e,trigger:"hover"},u.createElement("div",{className:"bcm-tag bcm-tag--other",onClick:({target:e})=>this.onClickControl(e,t,!0)},u.createElement("span",{className:"bcm-tag__content dismissable "+(this.checked?"checkable checked":"")},u.createElement("span",{className:"value"},`+${null==t?void 0:t.length}`),u.createElement("span",{className:"right close-button"},u.createElement("bcm-icon",{icon:"fa fa-times"})))))},this._id=o.UID(),this.maxCount=1,this.data=[],this.checked=!1}isClickDismiss(t){return"BCM-ICON"===t["s-hn"]}onClickControl(t,e,n=!1){const i=this.isClickDismiss(t);i&&this.deleteTag.emit({id:Array.isArray(e)?e.map((t=>t.value)):e.value})&&this.checked&&(this.checked=!1),!n&&this.selectTag.emit({id:e.value})&&this.checked&&(this.checked=!1),n&&!i&&(this.checked=!this.checked,this.selectOtherTag.emit({id:null==e?void 0:e.map((t=>t.value)),checked:this.checked}))}componentWillRender(){const{data:t,renderItem:e,renderRest:n,maxCount:i}=this;this.overflowInstance=u.createElement(ae,{data:t,renderItem:e,renderRest:n,maxCount:i}),l.render(this.overflowInstance,this.el)}get el(){return n(this)}};ce.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.rc-overflow{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.rc-overflow-item{transition:all 0.3s ease;padding:0 2px;display:flex;align-items:center;justify-content:center}';const{state:se}=d({value:new Map}),ue=(t,e)=>{let n=[];return t&&(n=t.map((t=>Object.assign(Object.assign(Object.assign({},t),{parentId:a((()=>e),null)}),t.items&&t.items.length>0&&{items:a((()=>ue(t.items,t.id)),[])})))),n},le=t=>a((()=>se.value.get(t)),{}),fe=(t,e,n)=>{let i=[],r=[],o=[],a=[];const{searchIsOnlyChilds:s}=le(t);return e&&e.length>0&&e.forEach((e=>{let u=s&&null!==e.parentId;if((c.slugify(e.text).indexOf(c.slugify(n))>-1||e.keywords&&c.slugify(e.keywords).indexOf(c.slugify(n))>-1)&&(!s||s&&u)){if(o.push(e.id),i.push(e.id),r.push(e.id),a.push({id:e.id,text:e.text,parentId:e.parentId}),e.items&&e.items.length>0){const r=fe(t,e.items,n);r.matching.length>0&&r.matching.forEach((t=>{i.push(t)}))}}else if(e.items&&e.items.length>0){const c=fe(t,e.items,n);c.result.length>0&&(c.result.forEach((t=>{o.push(t)})),o.push(e.id),r.push(e.id),a.push({id:e.id,text:e.text,parentId:e.parentId,items:c.nestedResult})),c.matching.length>0&&i.push(...c.matching)}})),{result:o,matching:i,parentIndex:r,nestedResult:a}},pe=(t,e,n)=>{let i;i=n&&n.length>0?n:le(t).dataSource;let r=[];return i&&r.push(fe(t,i,e)),{result:a((()=>o.flatArray(r[0].result)),[]),matching:a((()=>r[0].matching),[]),parentIndex:a((()=>r[0].parentIndex),[]),nestedResult:a((()=>r[0].nestedResult),[])}},me=class{constructor(n){t(this,n),this.bcmOnSearch=e(this,"bcm-on-search",7),this.bcmOnSearchClear=e(this,"bcm-on-search-clear",7),this.debounceHandler=o.debounceInput((t=>this.onSearchValue(t,this)),300,!1,(()=>{var t,e;this.isActiveClearable=(null===(e=null===(t=this.inputElement)||void 0===t?void 0:t.value)||void 0===e?void 0:e.length)>0&&this.clearable})),this._id=o.UID(),this.placeholder="Search",this.disabled=!1,this.readonly=!1,this.clearable=!0,this.size=s.Size.medium,this.limit=10,this.searchIsOnlyChilds=!1,this.minSearchLength=2,this.data=[],this.tick={},this.isActiveClearable=!1}async componentDidLoad(){await this.initState()}async dataChanged(t,e){t!==e&&await this.initState()}async initState(){await(t=>{const{id:e,dataSource:n}=t,i={id:a((()=>e),o.UID),dataSource:n&&n.length>0&&ue(n),searchIsOnlyChilds:t.searchIsOnlyChilds};se.value.set(i.id,i)})({id:this._id+"-input",dataSource:this.data,searchIsOnlyChilds:this.searchIsOnlyChilds}),await this.markForCheck()}markForCheck(){this.tick=o.UID()}handleInput(){}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async setValue(t){this.inputElement.value=t}handleFocus(){}handleBlur(){}handleChange(){}async handleClear(t=!0){this.inputElement.value="";const{value:e,id:n}=this.inputElement;return pe(n,e),this.isActiveClearable=!1,this.bcmOnSearch.emit({result:null,value:null,matching:null,parentIndex:null}),this.bcmOnSearchClear.emit(t),await h(10),Promise.resolve()}onSearchValue(t,e){const{value:n,id:i}=t.target,r=(null==n?void 0:n.length)>=this.minSearchLength?pe(i,n,null):null,{bcmOnSearch:o,inputElement:a}=e;o.emit({result:null==r?void 0:r.result,value:null==a?void 0:a.value,matching:null==r?void 0:r.matching,parentIndex:null==r?void 0:r.parentIndex,nestedResult:null==r?void 0:r.nestedResult})}render(){const{_id:t,placeholder:e,disabled:n,readonly:o}=this;return i(r,{onClick:()=>{this.onBcmFocus(),this.onBcmSelect()}},i(m,{size:this.size,id:t,type:"search",placeholder:e,disabled:n,"full-width":!0,readonly:o,clearable:this.isActiveClearable,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleClear:()=>this.handleClear(),handleInput:this.debounceHandler,ref:t=>this.inputElement=t}))}get el(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};me.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @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}*{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)}*{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}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;overflow:hidden;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}';export{ce as bcm_rc_overflow,me as bcm_search}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{c as r}from"./p-4aa0e6b1.js";var n,t;function e(r,n){try{var t=r();return void 0===t?n:t}catch(r){if(r instanceof TypeError)return n;throw r}}!function(r){r.info="info",r.error="error",r.warning="warning",r.success="success",r.default="default"}(n||(n={})),function(r){r.banner="banner",r.basic="basic"}(t||(t={}));const o=["localhost","beta-regression.bromcomcloud.com","beta-scrum.bromcomcloud.com","beta-kanban.bromcomcloud.com"];(()=>{const r=window.location.hostname;return o.includes(r)})()&&console.log("%cbromcom ui%c version: 2.8.1-rc.9-p ","color: white; background:#1890FF; font-weight: 300; font-size:10px; padding:2px 6px; border-radius: 5px","font-size:10px;"),function(){const r=document.querySelector("body");let n=localStorage.getItem("bcm-theme");!r.classList.contains("bcm-theme-*")&&n&&r.classList.add(`bcm-theme-${n}`)}(),function(){const r=document.querySelector("body");let n=document.querySelector("#bcm-overlay-container");n||(n=document.createElement("div"),n.id="bcm-overlay-container",r.appendChild(n))}();class c{static getTwColor(n,t="--bcm-color-default"){if(!n||!r[n])return!1;const e=r[n],o={};for(const[r,n]of Object.entries(e))o[`${t}-${r}`]=n;return o}}c.UID=(r="bcm")=>`${r}${Math.random().toString(36).substr(2,9)}`,c.getIconAttrWithStatusType=(r,t=!1)=>{if(t)return{icon:"far fa-spinner-third fa-spin"};switch(r){case n.info:return{icon:"far fa-info-circle"};case n.error:return{icon:"far fa-times-circle"};case n.warning:return{icon:"far fa-exclamation-circle"};case n.success:return{icon:"far fa-check-circle"}}},c.createComponent=(r,n,t="append-area")=>{let e=t?document.querySelector(t):document.body;t&&!e&&(e=document.createElement("div"),e.id="append-area",document.body.appendChild(e),e.style.visibility="hidden",e.style.opacity="0");let o=document.getElementById(n.id);return o||(o=document.createElement(r)),Object.keys(n).forEach((r=>{o[r]=n[r]})),e.appendChild(o),o},c.createElement=(r="div",n)=>{let t=document.getElementById(n.id);return t||(t=document.createElement(r)),Object.keys(n).forEach((r=>{"innerHTML"==r?t[r]=n[r]:t.setAttribute(r,n[r])})),document.body.appendChild(t),t},c.debounceInput=(r,n,t,e)=>{let o;return function(){let c=this,u=arguments;e&&e.apply(c,u);let i=function(){o=null,t||r.apply(c,u)},a=t&&!o;clearTimeout(o),o=setTimeout(i,n),a&&r.apply(c,u)}},c.flatArray=r=>r.reduce(((r,n)=>r.concat(Array.isArray(n)?c.flatArray(n):n)),[]),c.reverseNodeList=r=>{let n=[];for(let t=r.length-1;t>=0;t--)n.push(r[t]);return n},c.findEventPathWithKey=(r,n,t)=>{t=Array.isArray(t)?t:[t];let e=r.composedPath()||r.path;if(e)return void 0!==e.filter((r=>t.includes(r[n])))[0]},c.findEventPathHasAttribute=(r,n)=>{let t=r.composedPath()||r.path;if(t)return e((()=>!!t.find((r=>r.hasAttribute(n)))),!1)},c.findEventTarget=(r,n)=>{n=Array.isArray(n)?n:[n];let t=r.target||r.srcElement;if(t)return n.includes(t)},c.findEventPathWithNodeName=(r,n)=>{let t=r.composedPath()||r.path;if(t)return t.filter((r=>r.nodeName===n))[0]},c.findEventPath=(r,n)=>{n=Array.isArray(n)?n:[n];let t=r.composedPath()||r.path;if(t)return void 0!==t.filter((r=>n.includes(r)))[0]},c.objectIsEmpty=r=>0===Object.keys(r).length&&r.constructor===Object,c.convertIdsToNestedData=(r,n)=>{let t=[],e=[];return n.forEach((n=>{r&&r.indexOf(n.id.toString())>-1?t.push(n):n.items&&(e=c.convertIdsToNestedData(r,n.items),e.length>0&&(n.items=e,t.push(n)))})),t},c.nodeListToArray=r=>Array.prototype.slice.call(r),c.setAttributes=(r,n)=>{Object.keys(n).forEach((t=>{r.setAttribute(t,n[t])}))},c.computedStyle=(r,n)=>window.getComputedStyle(r,null).getPropertyValue(n),c.getAncestor=(r,n)=>{for(;(r=r.parentElement)&&!r.matches(n););return r},c.findParentElement=(r,n)=>{const t=n.charAt(0);if("*"===n)return r.parentElement;if("."===t){const t=n.slice(1);return function(r,n){for(;null!==r;){if(r.classList.contains(n))return r;r=r.parentElement}return null}(r.parentElement,t)}if("#"===t){const t=n.slice(1);return function(r,n){for(;null!==r;){if(r.id===n)return r;r=r.parentElement}return null}(r.parentElement,t)}if("["===t){const t=n.indexOf("]"),e=n.slice(1,t),o=n.slice(t+2,-1);return function(r,n,t){for(;null!==r;){if(r.hasAttribute(n)&&(void 0===t||r.getAttribute(n)===t))return r;r=r.parentElement}return null}(r.parentElement,e,o)}{const t=n.toLowerCase();return function(r,n){for(;null!==r;){if(r.tagName.toLowerCase()===n.toLowerCase())return r;r=r.parentElement}return null}(r.parentElement,t)}};export{c as G,n as S,t as T,e as s}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,c as i,h as e,H as n}from"./p-da1055cb.js";import{G as o}from"./p-8aa77fd1.js";import{N as r}from"./p-28345f61.js";import{S as a}from"./p-8d0ca8c2.js";import{V as s}from"./p-a3453263.js";import{B as c}from"./p-a429e85b.js";import{C as p}from"./p-c8e13fd7.js";import{I as l}from"./p-fe1532b5.js";import{c as h}from"./p-d65a1e21.js";import{d as m}from"./p-8c018ae0.js";import{I as u}from"./p-c23b6240.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-3fac58f7.js";const b=class{constructor(e){t(this,e),this.focus=i(this,"bcm-focus",7),this.blur=i(this,"bcm-blur",7),this.clear=i(this,"bcm-clear",7),this.change=i(this,"bcm-change",7),this.input=i(this,"bcm-input",7),this.isBlur=!1,this._id=o.UID(),this._internal_id=o.UID(),this.value="",this.size=c.Size.medium,this.label=void 0,this.pattern=void 0,this.tooltip=void 0,this.placeholder=void 0,this.disabled=!1,this.readonly=!1,this.clearable=!1,this.autocomplete=!1,this.name=void 0,this.type=c.InputType.text,this.hidden=!1,this.required=!1,this.fullWidth=!1,this.noDefaultIcon=void 0,this.disableWatchValue=!1,this.passwordToggle=!1,this.maxLength=null,this.unitPrefix=null,this.unit=void 0,this.decimal=!0,this.min=void 0,this.max=void 0,this.step=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=c.Status.default,this.captionError=void 0,this.customErrorMessage=void 0,this._prefix=void 0,this._suffix=void 0,this.captionCache=void 0,this.captionTypeCache=void 0,this.inValid=!1,this.valueCache="",this.focused=!1,this.isPasswordVisible=!1}connectedCallback(){this.valueCache=this.value,this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentWillRender(){const{type:t,isBlur:i,value:e}=this;if(e)switch(this.value.length>0&&this.checkPattern(),t){case"number":!this.checkValid("number")&&this.validationRange();break;case"email":i&&this.checkValid("email");break;case"tel":i&&this.checkValid("phone")}else!this.required&&this.resetCaption()}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async set(t){await this.setValue(t)}async get(){return this.value||null}async setValue(t){return this.inputElement.value=t,this.handleChange(),t}async setClear(){return this.inputElement.value="",this.value="",await m(10),Promise.resolve()}async resetCaption(){return await m(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,this.inValid=!1,await m(10),Promise.resolve()}async getValue(){return this.value}watchValue(t){this.inputElement.value=t,this.disableWatchValue||"number"==this.type||this.handleChange()}listenKeyDown(t){if(!this.disabled&&!this.readonly&&(this.onBcmFocus(),"number"==this.type)){var i=t.which||0,e=t.key;38==i&&(t.preventDefault(),this.stepUpOrDown("up")),40==i&&(t.preventDefault(),this.stepUpOrDown("down")),(190==i||110==i||"."==e)&&this.value.indexOf(".")>-1&&t.preventDefault(),189!=i&&109!=i&&"-"!=e||("-"==this.value.charAt(0)||this.value.indexOf("-")>-1)&&t.preventDefault()}}handleFocus(){this.focused=!0,this.focus.emit(),this.whatchHasFocus()}handleBlur(){this.focused=!1,this.isBlur=!0,this.whatchHasFocus(),this.blur.emit()}handleChange(){this.valueSync()}handleInput(){if("number"==this.type&&this.maxLength){const t=this.inputElement.value;t&&t.length>0&&t.length>this.maxLength&&(this.inputElement.value=t.substring(0,this.maxLength))}this.valueSync()}valueSync(){return this.value!=this.inputElement.value?(this.value=this.inputElement.value,this.change.emit(this.value),!0):(this.input.emit(this.value),!1)}handleClear(t){this.inputElement.value="",this.value="",this.inputElement.focus(),this.clear.emit(t),this.change.emit(this.value),t.stopPropagation()}changePasswordVisibility(){this.isPasswordVisible=!this.isPasswordVisible}setCaption(t=null,i=null){this.caption=t||this.captionCache,this.captionType=i||this.captionTypeCache,this.captionError="error"==i?t:null}stepUpOrDown(t){if(!this.inValid&&!this.disabled&&!this.readonly){let i=+this.step||1,e=+this.value;e="up"==t?+(e+i):+(e-i),this.value=e.toString(),this.change.emit(this.value)}}validationRange(){const{min:t,max:i,value:e}=this;if(e)if(t&&i){if(e<t||e>i)return this.setCaption(a.getMessage("between",[t,i]),"error"),!1}else if(t){if(e<t)return this.setCaption(a.getMessage("min",[t]),"error"),!1}else if(i&&e>i)return this.setCaption(a.getMessage("max",[i]),"error"),!1;return this.setCaption(),!0}checkPattern(){const{pattern:t,value:i}=this;t&&(s.pattern(i,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(a.getMessage("pattern"),"error"),this.inValid=!0))}checkValid(t){const{value:i}=this;return s.isValidate(i,t)?(this.setCaption(),this.inValid=!1):(this.setCaption(a.getMessage(t),"error"),this.inValid=!0),this.inValid}whatchHasFocus(){const{type:t,focused:i,valueCache:e,inValid:n}=this;t==c.InputType.number&&n&&(console.log("whatchHasFocus"),this.value=i?"":a.isNullOrEmpty(this.value)?e:this.value?this.fixToNumber(this.value):"")}fixToNumber(t){if(t){const i=r.getDecimalLength(this.step);return i>0?r.parseFloatFixed(t,i):t}return t}eyeDropper(){(new window.EyeDropper).open().then((t=>{console.log("color: ",t.sRGBHex),this.setValue(t.sRGBHex)})).catch((t=>{"NotAllowedError"===t.name?console.log("Permission to access sensor was denied."):"NotSupportedError"===t.name&&console.log("Sensor not supported.")}))}isEyeDropperSupported(){return"undefined"!=typeof window&&"EyeDropper"in window}toggleLinked(){const t=document.getElementById(`${this._id}-linked`);t&&t.toggle()}render(){const{value:t,size:i,label:o,type:r,captionType:a,caption:s,captionError:m,placeholder:u,fullWidth:b,disabled:d,readonly:x,clearable:g,passwordToggle:f,isPasswordVisible:_,noDefaultIcon:w,unit:y,inValid:v,focused:z,unitPrefix:k,noCaption:j,required:I,hidden:C,_id:D,autocomplete:V}=this,P=(null==t?void 0:t.length)>0&&g,B=h("bcm-input",`bcm-input__container--${i}`,{hidden:C,"full-width":b});return e(n,{onfocus:()=>this.onBcmFocus(),class:B,onClick:()=>this.onBcmFocus()},o&&e("bcm-label",{onClick:()=>this.toggleLinked(),tooltip:this.tooltip,type:a,value:o,required:I,htmlFor:D}),e(l,{id:D,type:r,value:t,pattern:this.pattern,placeholder:u,disabled:d,readonly:x,clearable:P,passwordToggle:f,isPasswordVisible:_,noDefaultIcon:w,focused:z,inValid:v,unitPrefix:k,maxLength:this.maxLength,internalId:this._internal_id,captionType:a,unit:y,size:i,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),steps:t=>this.stepUpOrDown(t),changePasswordVisibility:()=>this.changePasswordVisibility(),handleClear:t=>this.handleClear(t),eyeDropper:()=>this.eyeDropper(),isEyeDropperSupported:()=>this.isEyeDropperSupported(),ref:t=>this.inputElement=t,_suffix:this._suffix,_prefix:this._prefix,autocomplete:V}),e(p,{noCaption:j,captionType:a,captionError:m,caption:s,customErrorMessage:this.customErrorMessage}),r==c.InputType.color&&e("bcm-linked",{targetId:this._id+"-container",id:this._id+"-linked"},e("bcm-colorful",{id:this._id+"-picker",color:this.value,onBcmChange:t=>this.setValue(t.detail)})))}static get watchers(){return{value:["watchValue"]}}};(function(t,i,e,n){var o,r=arguments.length,a=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(i,e,a):o(i,e))||a);r>3&&a&&Object.defineProperty(i,e,a)})([u()],b.prototype,"inputElement",void 0),b.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @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}*{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)}*{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}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;overflow:hidden;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}';export{b as bcm_input}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{h as s,r as t,c as i,g as e}from"./p-da1055cb.js";import{G as o}from"./p-8aa77fd1.js";import{B as c}from"./p-a429e85b.js";import{c as h}from"./p-d65a1e21.js";import{N as a}from"./p-28345f61.js";import{e as r}from"./p-8c018ae0.js";import{C as l}from"./p-436364c8.js";import{C as n}from"./p-2e73d572.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const d=({_id:t,color:i,customStyle:e,size:o,checked:d,hidden:m,value:p,type:f,onDismiss:u,onSelect:b})=>{!o&&(o=c.FontSize["size-1"]);const k=h(((s,t=!1)=>(a.isNumber(s)&&(s=c.FontSize["size-"+s]||c.FontSize["size-4"]),t?+(c.FontSizeValue[s]||c.FontSizeValue["size-4"])+2:s))(o),"bcm-tag__content",f),g=h("bcm-tag",{hidden:m});return s("div",{id:t,class:h(g,{checked:d})},s("span",{hidden:!0},s("slot",null)),s("span",{class:k,style:(s=>{if((f===c.TagType.basic||f==c.TagType.dismissable)&&n[s])return{color:r(l,n[s]+"-6"),borderColor:r(l,n[s]+"-3"),backgroundColor:r(l,n[s]+"-1")}})(i),onClick:s=>b(s)},f===c.TagType.add&&s("span",{class:"left"},s("bcm-icon",{icon:"far fa-plus"})),f===c.TagType.checkable&&s("input",{type:"checkbox",checked:d}),s("span",{class:"value",style:e},p),f===c.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>u(s)},s("bcm-icon",{icon:"fal fa-times"}))))},m=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.tagDismissable=i(this,"bcm-tag-dismissable",7),this.bcmTagSelect=i(this,"bcm-tag-select",7),this._id=o.UID(),this._internal_id=o.UID(),this.hidden=!1,this.value="",this.type=c.TagType.basic,this.checked=!1,this.color=void 0,this.customStyle=void 0,this.itemObject=void 0,this.size=c.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===c.TagType.checkable&&this.handleChecked()}handleClose(){this.tagDismissable.emit(this.el)}handleChecked(){this.checked=!this.checked,this.change.emit(this.checked)}render(){const{type:t,color:i,value:e,customStyle:o,size:h,hidden:a,checked:r}=this;return s(d,{size:h,hidden:a,color:i,customStyle:o,checked:r,value:e,type:c.TagType[t],onSelect:s=>{this.bcmTagSelect.emit(s),this.selectFunc({event:s,id:this._id})},onDismiss:s=>{this.handleClose(),this.closeFunc(s)}})}get el(){return e(this)}};export{m as bcm_tag}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as e,h as t,H as i,g as a}from"./p-da1055cb.js";import{C as s}from"./p-843905c8.js";import"./p-626a65e9.js";import{G as r}from"./p-8aa77fd1.js";import{N as o}from"./p-28345f61.js";import"./p-8d0ca8c2.js";import"./p-a3453263.js";import"./p-7e44e6b5.js";import{a as p}from"./p-a429e85b.js";import{c as n}from"./p-d65a1e21.js";import{S as c}from"./p-79fd816c.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const l=class{constructor(t){e(this,t),this._id=r.UID(),this.hidden=!1,this.image=void 0,this.name=void 0,this.alt=void 0,this.shape=p.Shape.ellipse,this.size=p.Size.medium,this.color=void 0,this.status=void 0,this.isFallback=!1}componentWillLoad(){this.name=this.name&&this.name.trim()||""}handleError(){this.isFallback=!0}getCustomSizes(e){return Math.round(parseInt(e)/3)}getFirstLetters(e){const t=e.split(" ");return 1===t.length?t[0].substring(0,2):t[0].charAt(0)+t[t.length-1].charAt(0)}setStyleVariables(){const{size:e}=this;let{color:t}=this;!t&&(t="slate");let i=o.toNumber(e),a=Math.round(parseInt(i)/3);const r="--bcm-avatar";return{[`${r}-color`]:s.dsColor(`${t}-600`),[`${r}-background-color`]:s.dsColor(`${t}-100`),[`${r}-height`]:`${i}px`,[`${r}-font-size`]:`${a}px`}}render(){const{image:e,name:a,alt:s,hidden:r,shape:o,size:c,status:l}=this,h=!Object.keys(p.BaseSize).includes(c),x=n("bcm-avatar",`bcm-avatar__shape-${o}`,`bcm-avatar__size-${h?"custom":c}`,{hidden:r,"bcm-avatar__status":!!l}),m=()=>t("bcm-icon",{icon:"fas fa-user"});return t(i,{class:x,style:this.setStyleVariables()},t("span",{hidden:!0},t("slot",null)),this.isFallback?this.name?this.getFirstLetters(this.name):m():e?t("img",{onError:()=>this.handleError(),src:e,alt:s}):a?this.getFirstLetters(a):m(),l&&t("bcm-badge",{status:l}))}get el(){return a(this)}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-avatar{--bcm-avatar-color:var(--bcm-new-ds-color-slate-600);--bcm-avatar-background-color:var(--bcm-new-ds-color-slate-100);--prefix-height:40px;--prefix-font-size:font-size(2);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;background-color:var(--bcm-avatar-background-color);color:var(--bcm-avatar-color);text-transform:uppercase}.bcm-avatar.hidden{display:none}.bcm-avatar img{width:100%;height:100%}.bcm-avatar__shape-ellipse,.bcm-avatar__shape-ellipse>img{border-radius:100px}.bcm-avatar__shape-square,.bcm-avatar__shape-square>img{border-radius:4px}.bcm-avatar__shape-ellipse .bcm-badge{top:0px;right:0px}.bcm-avatar__shape-square .bcm-badge{top:-2px;right:-2px}.bcm-avatar__size-small{font-size:10px;line-height:calc(10px + 8px);height:24px;width:24px}.bcm-avatar__size-medium{font-size:12px;line-height:calc(12px + 8px);height:32px;width:32px}.bcm-avatar__size-large{font-size:14px;line-height:calc(14px + 8px);height:40px;width:40px}.bcm-avatar__size-custom{font-size:var(--bcm-avatar-font-size);line-height:calc(var(--bcm-avatar-font-size) + 8px);height:var(--bcm-avatar-height);width:var(--bcm-avatar-height)}.bcm-avatar__status{position:relative}.bcm-avatar__status .bcm-badge{position:absolute}';const h=class{constructor(t){e(this,t),this._id=r.UID(),this.hidden=!1,this.blink=!1,this.value=void 0,this.color=void 0,this.size=p.Size.medium,this.status=void 0,this._slot=void 0}setStyleVariables(){const{status:e,value:t}=this;let{color:i}=this;e&&(i={info:"blue",error:"red",warning:"amber",success:"emerald",default:"slate"}[e]),!i&&(i="slate");const a="--bcm-badge",r=t&&t.length>1?"8":"4";return{[`${a}-color`]:s.reverseColor(s.dsColor(`${i}`)),[`${a}-background-color`]:s.dsColor(`${i}`),[`${a}-spacing`]:`${r}px`}}render(){let{blink:e,value:a,size:s,_slot:r,hidden:o}=this;const p=n("bcm-badge__dot","bcm-badge__dot-size-"+s,{"bcm-badge__dot-blink":e}),l=n("bcm-badge",{hidden:o});return t(i,{class:l,style:this.setStyleVariables()},t("span",{hidden:!0},t("slot",null)),t("div",{class:p},!!a&&t("span",{class:"bcm-badge__dot-text"},a)),t(c,{value:r}))}get el(){return a(this)}};h.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-badge{--bcm-badge-color:var(--bcm-new-ds-color-white);--bcm-badge-background-color:var(--bcm-new-ds-color-slate-400);--bcm-badge-spacing:4px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:4px}.bcm-badge.hidden{display:none}.bcm-badge span:empty{display:none}.bcm-badge__dot{color:var(--bcm-badge-color);background-color:var(--bcm-badge-background-color);display:inline-block;border-radius:100px;position:relative}.bcm-badge__dot-text{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:0 var(--bcm-badge-spacing);z-index:2;color:var(--bcm-badge-color)}.bcm-badge__dot-size-small{font-size:10px;line-height:calc(10px + 8px);min-width:6px;min-height:6px}.bcm-badge__dot-size-small .bcm-badge__dot-text{min-width:calc(10px + 8px)}.bcm-badge__dot-size-medium{font-size:12px;line-height:calc(12px + 8px);min-width:8px;min-height:8px}.bcm-badge__dot-size-medium .bcm-badge__dot-text{min-width:calc(12px + 8px)}.bcm-badge__dot-size-large{font-size:14px;line-height:calc(14px + 8px);min-width:10px;min-height:10px}.bcm-badge__dot-size-large .bcm-badge__dot-text{min-width:calc(14px + 8px)}.bcm-badge__dot-blink{position:relative;z-index:1}.bcm-badge__dot-blink:after{content:"";position:absolute;z-index:-1;top:0;left:0;background:var(--bcm-badge-background-color);border-radius:100px;opacity:0.7;box-shadow:0 0 0 0 rgba(0, 0, 0, 0);transform:scale(1);width:100%;height:100%}.bcm-badge__dot:after{background-color:var(--bcm-badge-background-color);animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--bcm-badge-background-color)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}';export{l as bcm_avatar,h as bcm_badge}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{h as e,r as o,c as i,H as t,g as c}from"./p-da1055cb.js";import{s as r,G as n}from"./p-8aa77fd1.js";import{B as a,a as l}from"./p-a429e85b.js";import{c as s}from"./p-d65a1e21.js";import{c as b}from"./p-a60a2dd0.js";import{S as h}from"./p-79fd816c.js";import{C as d}from"./p-843905c8.js";import{C as m}from"./p-c8e13fd7.js";import{d as p,g as x}from"./p-8c018ae0.js";import{I as u}from"./p-c23b6240.js";import{L as g}from"./p-24aefda6.js";import{S as f}from"./p-8d0ca8c2.js";import"./p-626a65e9.js";import"./p-28345f61.js";import"./p-a3453263.js";import{T as k}from"./p-b3584d64.js";import"./p-7e44e6b5.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-b60bcecf.js";const v={save:{text:"Save",color:"emerald",icon:"far fa-save",iconPosition:"prefix"},ok:{text:"Ok",color:"emerald",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",color:"",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",color:"",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",color:"",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",color:"",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",color:"emerald",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",color:"red",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",color:"red",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",color:"red",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",color:"red",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",color:"red",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",color:"red",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",color:"",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",color:"",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",color:"",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",color:"",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",color:"",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",color:"",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",color:"",icon:"far fa-download",iconPosition:"prefix"}};var _;!function(e){e.save="save",e.submit="submit",e.ok="ok",e.new="new",e.add="add",e.create="create",e.apply="apply",e.prev="prev",e.next="next",e.send="send",e.delete="delete",e.cancel="cancel",e.decline="decline",e.close="close",e.archive="archive",e.remove="remove",e.edit="edit",e.export="export",e.import="import",e.filter="filter",e.update="update",e.reset="Reset",e.download="download"}(_||(_={}));const{state:z}=b({value:new Map,setData:{},removeData:{}}),w=({value:o,type:i,componentClass:t,disabled:c,href:r,target:n,loading:l,isIconOnly:s,icon:b,iconPosition:d,id:m})=>e(r?a.HtmlElementType.a:a.HtmlElementType.button,Object.assign({id:m},i==a.HtmlElementType.button&&{type:i},{class:t,disabled:c,href:r,target:n,tabindex:"0"}),e("span",{hidden:!0},e("slot",null)),l&&e("span",{class:"bcm-button__container-loading"}," ",e("span",{class:"bcm-button__container-icon"},e("i",{class:"far fa-spinner-third fa-spin"})," ")),b&&e("span",{class:`${d} bcm-button__container-icon`},e("i",{class:`${b}`})),!s&&e(h,{className:"bcm-button__container-text",value:o}),e("slot",{name:"suffix"})),y=class{constructor(e){o(this,e),this.bcmClick=i(this,"bcm-click",7),this._id=n.UID(),this.hidden=!1,this.type=a.ButtonType.button,this.size=a.Size.medium,this.disabled=!1,this.kind=a.Kind.solid,this.outline=!1,this.icon=void 0,this.href=void 0,this.target=void 0,this.value=void 0,this.loading=!1,this.variant=void 0,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=a.IconPosition.prefix,this.color=void 0,this.checked=!1}handleOnClick(e){if(this.disabled)return e.preventDefault(),e.stopPropagation(),!1}componentWillRender(){const{size:e,kind:o,icon:i,iconPosition:t,disabled:c,outline:r,href:n,type:l,target:s,loading:b,variant:h,fullWidth:d,hidden:m,value:p}=this;(e=>{const o=Object.assign(Object.assign({},e),v[e.variant]&&{icon:v[e.variant].icon,value:v[e.variant].text,iconPosition:a.IconPosition[v[e.variant].iconPosition],variantColor:v[e.variant].color});z.value.set(o.id,o)})({id:this._id,size:e,type:l,kind:o,icon:i,iconPosition:t,disabled:c,outline:r,href:n,target:s,loading:b,variant:h,fullWidth:d,hidden:m,value:p,isIconOnly:!(!this.isHaveChildNodes()||!this.icon)})}getStateData(){return e=this._id,r((()=>z.value.get(e)),{});var e}isHaveChildNodes(){return void 0===Array.from(this.el.childNodes).find((e=>e.nodeType===Node.TEXT_NODE))}setColor(e=this.color){if(!e)return;const{kind:o}=this,i=`--bcm-button-${o}`;return"solid"===o?{[`${i}-color-default`]:d.dsColor("white"),[`${i}-color-hover`]:d.dsColor("white"),[`${i}-color-focus-visible`]:d.dsColor("white"),[`${i}-color-active`]:d.dsColor("white"),[`${i}-color-disabled`]:d.dsColor("white"),[`${i}-background-color-default`]:d.dsColor(e+"-500"),[`${i}-background-color-hover`]:d.dsColor(e+"-600"),[`${i}-background-color-focus-visible`]:d.dsColor(e+"-700"),[`${i}-background-color-active`]:d.dsColor(e+"-800"),[`${i}-background-color-disabled`]:d.dsColor("slate-400"),[`${i}-border-default`]:d.dsColor(e+"-500"),[`${i}-border-hover`]:d.dsColor(e+"-600"),[`${i}-border-focus-visible`]:d.dsColor(e+"-700"),[`${i}-border-active`]:d.dsColor(e+"-800"),[`${i}-border-disabled`]:d.dsColor("slate-400")}:"link"==o?{[`${i}-color-default`]:d.dsColor(e+"-500"),[`${i}-color-hover`]:d.dsColor(e+"-600"),[`${i}-color-focus-visible`]:d.dsColor(e+"-800"),[`${i}-color-active`]:d.dsColor(e+"-700"),[`${i}-color-disabled`]:d.dsColor("slate-400"),[`${i}-background-color-default`]:d.dsColor("transparent"),[`${i}-background-color-hover`]:d.dsColor("transparent"),[`${i}-background-color-focus-visible`]:d.dsColor("slate-50"),[`${i}-background-color-active`]:d.dsColor("slate-50"),[`${i}-background-color-disabled`]:d.dsColor("transparent"),[`${i}-border-default`]:d.dsColor("transparent"),[`${i}-border-hover`]:d.dsColor("transparent"),[`${i}-border-focus-visible`]:d.dsColor("slate-50"),[`${i}-border-active`]:d.dsColor("slate-50"),[`${i}-border-disabled`]:d.dsColor("transparent")}:"ghost"==o?{[`${i}-color-default`]:d.dsColor(e+"-600"),[`${i}-color-hover`]:d.dsColor(e+"-600"),[`${i}-color-focus-visible`]:d.dsColor(e+"-600"),[`${i}-color-active`]:d.dsColor(e+"-600"),[`${i}-color-disabled`]:d.dsColor(e+"-300"),[`${i}-background-color-default`]:d.dsColor(e+"-100"),[`${i}-background-color-hover`]:d.dsColor(e+"-200"),[`${i}-background-color-focus-visible`]:d.dsColor(e+"-400"),[`${i}-background-color-active`]:d.dsColor(e+"-300"),[`${i}-background-color-disabled`]:d.dsColor(e+"-50"),[`${i}-border-default`]:d.dsColor(e+"-300"),[`${i}-border-hover`]:d.dsColor(e+"-400"),[`${i}-border-focus-visible`]:d.dsColor(e+"-600"),[`${i}-border-active`]:d.dsColor(e+"-500"),[`${i}-border-disabled`]:d.dsColor(e+"-200")}:void 0}render(){const{size:o,kind:i,disabled:c,outline:r,type:n,href:a,target:l,loading:b,variantColor:h,fullWidth:d,hidden:m,icon:p,iconPosition:x,value:u,isIconOnly:g,iconSize:f}=this.getStateData();let k=s("bcm-button__container",`bcm-button__container-size-${o}`,`bcm-button__container-kind-${r?"ghost":i}`,{"full-width":d,checked:this.checked,disabled:c});const v=s("bcm-button",{hidden:m,"full-width":d});return e(t,{class:v,style:this.setColor(h),onClick:()=>!c&&this.bcmClick.emit(this.el)},e(w,{type:n,value:u,componentClass:k,disabled:c,href:a,target:l,icon:p,loading:b,iconSize:f,isIconOnly:g,iconPosition:x}))}get el(){return c(this)}};y.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:"";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}';const C=class{constructor(e){o(this,e),this.blur=i(this,"bcm-blur",7),this.focus=i(this,"bcm-focus",7),this.change=i(this,"bcm-change",7),this.changeCheckbox=i(this,"bcm-change-checkbox",7),this._id=n.UID(),this.inGroup=!1,this.value=!1,this.checked=!1,this.name=void 0,this.disabled=!1,this.hidden=!1,this.required=!1,this.label=void 0,this.readonly=!1,this.size=a.Size.medium,this.indeterminate=null,this.color="blue",this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=a.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType,this.value=this.checked}componentDidRender(){this.inputElement.checked=this.checked}async onBcmFocus(){this.el.focus()}async onBcmBlur(){this.el.blur()}async setClear(){return this.check(!1),this.handleChange(),await p(10),Promise.resolve()}async resetCaption(){return await p(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await p(10),Promise.resolve()}handleChange(){this.checked=this.inputElement.checked,this.value=this.checked,this.indeterminate||(this.changeCheckbox.emit(),this.change.emit({name:this.name,value:this.checked}))}watchIndeterminate(e,o){e!=o&&(this.inputElement.checked=this.indeterminate==a.IndeterminateType.determinate,this.handleChange())}async set(e){"boolean"==typeof e&&await this.check(e)}async get(){return this.checked||!1}async check(e=!0){this.inputElement.checked=e,this.handleChange()}handleKeyUp(e){if(e.keyCode==a.KeyCode.space||e.keyCode==a.KeyCode.enter)return this.disabled||this.readonly||(this.inputElement.checked=!this.inputElement.checked,this.handleChange()),e.stopPropagation(),e.preventDefault(),!1}watchChecked(){this.checked&&this.resetCaption(),this.value=this.checked}setColor(e=this.color){if(!e)return;const o="--bcm-checkbox";return{[`${o}-primary-color-default`]:d.dsColor(e+"-500"),[`${o}-primary-color-hover`]:d.dsColor(e+"-600"),[`${o}-primary-color-focus-visible`]:d.dsColor(e+"-800"),[`${o}-primary-color-active`]:d.dsColor(e+"-700"),[`${o}-secondary-color-default`]:d.dsColor("white"),[`${o}-secondary-color-hover`]:d.dsColor("slate-50"),[`${o}-secondary-color-focus-visible`]:d.dsColor("slate-50"),[`${o}-secondary-color-active`]:d.dsColor("slate-50")}}render(){const{label:o,_id:i,indeterminate:c,hidden:r,disabled:n,checked:l,readonly:b,required:d,caption:p,captionError:x,captionType:u,noCaption:g,size:f}=this,k=s("bcm-checkbox",`bcm-checkbox-size-${f}`,{error:u==a.Status.error,hidden:r,checked:l,disabled:n,required:d,readonly:b}),v=s("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+c,{"bcm-checkbox__label-icon-checked":l}),_=s("bcm-checkbox__label"),z=s("bcm-checkbox__input");return e(t,{tabindex:"0",onFocus:()=>this.focus.emit(this.el),onBlur:()=>this.blur.emit(this.el),style:this.setColor(this.color),class:k,disabled:n},e("span",{hidden:!0},e("slot",null)),o&&e("bcm-label",{htmlFor:`input-${i}`,type:u,value:o,required:d}),e("div",{class:z},e("input",{id:`input-${i}`,type:"checkbox",checked:l,disabled:n,required:d,readonly:b,onChange:()=>{!n&&!b&&this.handleChange()},ref:e=>this.inputElement=e}),e("label",{class:_,htmlFor:`input-${i}`},e("span",{class:v},e("bcm-icon",{icon:"far fa-check"})),e(h,{className:"slot"}))),e(m,{noCaption:g,captionType:u,captionError:x,caption:p}))}get el(){return c(this)}static get watchers(){return{indeterminate:["watchIndeterminate"],checked:["watchChecked"]}}};(function(e,o,i,t){var c,r=arguments.length,n=r<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,i):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,o,i,t);else for(var a=e.length-1;a>=0;a--)(c=e[a])&&(n=(r<3?c(n):r>3?c(o,i,n):c(o,i))||n);r>3&&n&&Object.defineProperty(o,i,n)})([u()],C.prototype,"el",void 0),C.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @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}*{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)}*{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}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:"";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}';const{state:$}=b({group:new Map,allChecked:!0,allUnchecked:!0,changeInderminate:{}}),j=e=>r((()=>$.group.get(e)),{}),O=e=>{var o;const i=j(e);let t=!0,c=!0;null===(o=i.childs)||void 0===o||o.map((e=>{e.checked&&(c=!1),!e.checked&&(t=!1)})),i.indeterminateState=t||c?t?"determinate":"uncheck":"indeterminate"},P=j,I=({customStyle:o,groupContainerClasses:i,onBcmSelect:t,items:c})=>e("div",{class:i,style:o},c.childs&&c.childs.map((o=>e("bcm-checkbox",{id:o.id,name:o.name,color:o.color,checked:o.checked,disabled:o.disabled,readonly:o.readonly,required:o.required,noCaption:o.noCaption,"no-margin":!0,size:o.size,"full-width":o.fullWidth,onClick:e=>{!o.disabled&&!o.readonly&&(t(o.id),e.preventDefault())}},o.slot||o.label))));const R=class{constructor(e){o(this,e),this.change=i(this,"bcm-change",7),this.groupCheckedList=i(this,"bcm-group-checked-list",7),this._id=n.UID(),this.direction=a.Direction.horizontal,this.items=[],this.indeterminate=!1,this.name=void 0,this.value=void 0,this.disabled=!1,this.readonly=!1,this.hidden=!1,this.required=!1,this.label=void 0,this.gap=void 0,this.defaultValue=void 0,this.fullWidth=!1,this.optionType="default",this.buttonStyle="solid",this.size=a.Size.medium,this.caption=void 0,this.noCaption=!1,this.captionType=a.Status.default,this.tick={}}componentDidLoad(){this.initState()}disconnectedCallback(){Promise.resolve($.group.delete(this._id))}componentShouldUpdate(e,o,i){"tick"==i&&e!==o&&r((()=>P(this._id).childs.length>0),!1)&&this.getValue().then((e=>this.value=e)),this.getOptions().indexOf(i)>-1&&e!==o&&this.initState()}getOptions(){return r((()=>Object.keys($.group.get(this._id))),[])}async initState(){const{fullWidth:e,optionType:o,buttonStyle:i,size:t,noCaption:c,defaultValue:a,label:l,required:s,captionType:b,hidden:h,direction:d,indeterminate:m,gap:p,items:x}=this,u=a&&("string"==typeof a?JSON.parse(a):a),g=x.length>0?x:await this.getCheckboxes();await(async({fullWidth:e,optionType:o,buttonStyle:i,size:t,defaultCheckedItems:c,el:a,id:l,label:s,required:b,captionType:h,hidden:d,direction:m,childs:p,indeterminate:x,gap:u,noCaption:g})=>{a&&$.group.set(l,{fullWidth:e,optionType:o,buttonStyle:i,size:t,defaultCheckedItems:c,label:s,required:b,captionType:h,hidden:d,direction:m,indeterminate:x,gap:u,noCaption:g,childs:null==p?void 0:p.map((e=>(e.checked&&($.allUnchecked=!1),!e.checked&&($.allChecked=!1),o&&(e.optionType=o),i&&(e.buttonStyle=i),t&&(e.size=t),c&&c.find((o=>o===e.name))&&(e.checked=!0),e.noCaption=g,{id:e.id||n.UID(),checked:e.checked||!1,name:e.name,size:e.size,buttonStyle:e.buttonStyle,optionType:e.optionType,style:e.style,noCaption:e.noCaption,color:e.color,disabled:e.disabled,readonly:e.readonly,label:e.label||e.name,slot:e.slot||r((()=>e.querySelector(".slot").textContent),e.textContent),required:e.required||b,el:e,captionType:h,hidden:d}))),indeterminateState:$.allChecked||$.allUnchecked?$.allChecked?"determinate":"uncheck":"indeterminate"})})({id:this._id,el:this.el,indeterminate:m,fullWidth:e,optionType:o,buttonStyle:i,size:t,defaultCheckedItems:u,label:l,noCaption:c,required:s,captionType:b,hidden:h,gap:p,direction:d,childs:g});const f=this.el.querySelector(`#bcm-checkbox-group__items-${this._id}`);f&&f.innerHTML&&(f.innerHTML=""),this.value=await this.getValue()}async markForCheck(){await p(10),this.tick=n.UID()}async onBcmFocus(){const e=this.getCheckboxes();e.length>0&&e[0].onBcmFocus()}async onBcmBlur(){this.el.blur()}async setClear(){return null===(o=j(e=this._id).childs)||void 0===o||o.forEach((e=>{e.checked=!1})),O(e),await p(10),this.getCheckboxes().forEach((e=>{e.setClear()})),this.markForCheck(),await p(10),Promise.resolve();var e,o}async resetCaption(){return await p(10),this.getCheckboxes().forEach((e=>{e.resetCaption()})),await p(10),Promise.resolve()}async set(e){Array.isArray(e)&&await this.check(e,!0,!0)}async get(){const e=await this.getCheckedList()&&Object.keys(await this.getCheckedList());return e.length>0?e:[]}async check(e,o=!0,i=!1){((e,o,i,t)=>{var c;const r=o&&("string"==typeof o?JSON.parse(o):o);null===(c=j(e).childs)||void 0===c||c.forEach((e=>{if(r){const o=r.find((o=>o===e.name||o.name===e.name));o?"object"==typeof o?Object.keys(o).map((t=>{e.checked="checked"===t?o[t]:i})):e.checked=i:t&&(e.checked=!1)}else e.checked=!1})),O(e)})(this._id,e,o,i),this.markForCheck()}async getValue(e){return Promise.resolve(((e,o)=>{var i;const t=j(e);let c={};return null===(i=t.childs)||void 0===i||i.map((e=>{o?e.name===o&&(c[e.name]={value:!!e.checked,name:e.name}):c[e.name]={value:!!e.checked,name:e.name}})),c})(this._id,e))}async getCheckedList(){return(e=>{var o;const i=j(e);let t={};return null===(o=i.childs)||void 0===o||o.map((e=>{!0===e.checked&&(t[e.name]={value:!!e.checked,name:e.name})})),t})(this._id)}handleItemsChange(){this.initState()}getCheckboxes(){return x(this.el,"bcm-checkbox:not(#bcm-indeterminate-element)")}async getCheckbox(e){const o=this.el.querySelector(`bcm-checkbox[id="${e}"]`);if(o){const e=o.name,i=await this.getValue(e);return{element:o,event:r((()=>i[e]),null)}}return{}}async indeterminateClick(){(e=>{var o;const i=j(e);if(!i.disabled){let t=!0;"determinate"===i.indeterminateState&&(t=!1),null===(o=j(e).childs)||void 0===o||o.map((e=>{e.checked=t})),O(e)}})(this._id),this.markForCheck()}async changeCheckBox(e){var o,i;null===(i=j((o={id:this._id,childId:e}).id).childs)||void 0===i||i.map((e=>{e.checked=e.id===o.childId?!e.checked:e.checked})),O(o.id),this.markForCheck(),await p(10),this.value=await this.getValue(),this.change.emit({value:this.value,changed:Object.assign({},await this.getCheckbox(e))}),this.groupCheckedList.emit(await this.getCheckedList())}getItems(){return P(this._id)}render(){const o=this.getItems(),{disabled:i,captionType:c,label:r,indeterminate:n,indeterminateState:a,required:l,direction:b,optionType:h,hidden:d,fullWidth:m,gap:p}=o,x=s("bcm-checkbox-group",b,h,{hidden:d,"full-width":m}),u=s("bcm-checkbox-group__container",h,{[b]:"default"===h,indeterminate:n,hidden:d,"full-width":m});return e(t,{class:x},e("span",{hidden:!0,id:`bcm-checkbox-group__items-${this._id}`},e("slot",null)),e("div",{class:"bcm-checkbox-group__label"},r&&e("div",null,e(g,{size:this.size,type:c,value:r,required:l}))),n&&e("bcm-checkbox",{onClick:e=>{this.indeterminateClick(),e.preventDefault()},"no-caption":!0,id:"bcm-indeterminate-element",indeterminate:a,disabled:i},"Check All"),e(I,{items:o,groupContainerClasses:u,customStyle:p&&{gap:p},onBcmSelect:e=>this.changeCheckBox(e)}))}get el(){return c(this)}static get watchers(){return{items:["handleItemsChange"]}}};(function(e,o,i,t){var c,r=arguments.length,n=r<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,i):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,o,i,t);else for(var a=e.length-1;a>=0;a--)(c=e[a])&&(n=(r<3?c(n):r>3?c(o,i,n):c(o,i))||n);r>3&&n&&Object.defineProperty(o,i,n)})([u()],R.prototype,"el",void 0),R.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.bcm-checkbox-group.hidden{display:none}.bcm-checkbox-group__container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.bcm-checkbox-group__container.full-width{max-width:100%}.bcm-checkbox-group__container.vertical{gap:8px;flex-direction:column}.bcm-checkbox-group__container.button{gap:unset}.bcm-checkbox-group__container.indeterminate{padding-top:16px;margin-top:16px;border-top:1px solid #efefef}';const T=new class{constructor(){}response(e,o){return Object.assign(Object.assign({valid:e},o&&{message:o}),!e&&{type:"error"})}required(e,o){let i=this.response(!0);return""!=e&&""!=e&&null!=e&&null!=e&&!1!==e||(i=this.response(!1,"This field is required.")),o&&(o.valid||(i=this.response(!1,o.errorText)),e instanceof Object&&e.isValid&&0==e.isValid&&(i=this.response(!1,"This field is required."))),i}selfValidation(e){let o=this.response(!0);return null==e.captionError&&"error"!=e.captionType||(o=this.response(!1,e.captionError)),o}};const S=class{constructor(e){o(this,e),this.bcmForm=i(this,"bcm-form",7),this.formData={},this.inputs=[],this.duplicateInput=[],this.isValid=!0,this.returnCaption=[],this.Bromcom={errors:{targetFormNotExist:"target form is not exist --\x3e "},inputComponents:{INPUT:"input",TEXTAREA:"textarea",SWITCH:"switch",CHECKBOX:"checkbox",RADIO_GROUP:"radio-group",CHECKBOX_GROUP:"checkbox-group",RANGE:"range",FORM:"form",FORM_GROUP:"form-group",LIST:"list",COLORPICKER:"colorpicker",DATE_PICKER:"date-picker",TIME_PICKER:"time-picker",DATETIME_PICKER:"datetime-picker",SELECT:"select",LISTBOX:"listbox"},helpers:{randomId:function(){return Math.random().toString(16).slice(2,-1)}}},this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1,this.validation=!1,this.name="",this.value=void 0,this.autocomplete=!1}handleSubmit(){}async submitFunction(){this.formData={},this.inputs=[],this.selector=this.el,await this.getInputs(),await p(10);const e=await this.userFormData();var o={isValid:!0,formData:e};return this.name&&(o=Object.assign(Object.assign({},o),{formName:this.name})),this.isValid?(this.bcmForm.emit(o),o):(this.returnCaption={isValid:!1,message:"Please fill in all inputs",errorDetails:this.returnCaption,formData:e},this.name&&(this.returnCaption=Object.assign(Object.assign({},this.returnCaption),{formName:this.name})),this.bcmForm.emit(this.returnCaption),this.returnCaption)}async submit(){return Promise.resolve(this.submitFunction())}async set(e){var o;const i=this.validation;if(this.validation=!1,this.selector=this.el,await this.getInputs(),e&&(null===(o=this.inputs)||void 0===o?void 0:o.length)>0)for(const o of Object.keys(e)){const i=this.inputs.find((e=>e.name===o));if(i)try{await i.set(e[o])}catch(e){console.log(i.nodeName,"set",e)}}this.validation=i}async get(){var e;let o={};this.selector=this.el;const i=this.inputs;return await this.getInputs(),(null===(e=this.inputs)||void 0===e?void 0:e.length)>0&&this.inputs.forEach((async e=>{try{const i=await e.get();o=Object.assign(Object.assign({},o),{[e.name]:i})}catch(o){console.log(`${e.nodeName} get error`)}})),this.inputs=i,await p(10),Promise.resolve(o)}async setClear(){this.formData={},this.inputs=[],this.selector=this.el;let e=[];return await this.getInputs(),this.inputs.forEach((async o=>{try{e.push(await o.setClear())}catch(e){console.log(e)}})),await Promise.all(e).then((()=>{this.formData={},this.inputs=[],this.duplicateInput=[],this.isValid=!0,this.returnCaption=[]})),await p(10),Promise.resolve(!0)}async resetCaption(){await p(10),this.formData={},this.inputs=[],this.selector=this.el,await this.getInputs();for(const e of this.inputs)try{await e.resetCaption()}catch(o){console.log(e.nodeName,"rc p")}return await p(10),Promise.resolve()}async config(e){return e.validation&&(this.validation="boolean"==typeof e.validation&&e.validation),!0}async getInputs(){var e=this.selector;if(!e)return void console.warn(this.Bromcom.errors.targetFormNotExist+this.selector);const o=Array.from(e.querySelectorAll("bcm-"+Object.values(this.Bromcom.inputComponents).join(",bcm-")));this.duplicateInput=[];const i=o.filter((e=>{var o;return!e["s-hn"]||"BcmForm"!==(null===(o=e["s-hn"])||void 0===o?void 0:o.nodeName)}));for(const e of i){if("bcm-checkbox-group"==f.lowercase(e.nodeName)){let o=e.querySelectorAll("bcm-checkbox");if(o)for(const e of o)this.duplicateInput.push(e.name)}if("bcm-form"==f.lowercase(e.nodeName)){const o=Array.from(e.querySelectorAll("bcm-"+Object.values(this.Bromcom.inputComponents).join(",bcm-")));let i={};for(const e of o){var t=e.name,c=e.value;i=Object.assign(Object.assign({},i),{[t]:c}),this.duplicateInput.push(e.name)}e.value=i;let r=e.querySelectorAll("bcm-checkbox");if(r)for(const e of r)this.duplicateInput.push(e.name)}}await p(10),this.inputs=i}getItemValue(e){return e.tagName.toLowerCase().replace("bcm-",""),e.value}isWrapperComponent(e){return["bcm-datetime-picker","bcm-date-picker","bcm-time-picker"].includes(e.toLowerCase())}isGroupComponent(e){return["bcm-checkbox-group"].includes(e.toLowerCase())}isListComponent(e){return["bcm-list"].includes(e.toLowerCase())}async userFormData(){this.formData={},this.isValid=!0,this.returnCaption=[];for(const o of this.inputs){const i=this.isGroupComponent(o.tagName),t=this.isWrapperComponent(o.tagName),c=t&&o,r=t?await o.getInput()&&o:o;if(this.validation){let e=null;if(t){const o=await c.isValid();e=T.required(r.value,o),e&&(r.value instanceof Object?0==r.value.isValid&&(e=T.required("",o)):e=T.required(r.value,o))}else if(i){const o=x(r,"bcm-checkbox:not(#bcm-indeterminate-element)");if(o&&o.length>0)for(const i of o)i&&!0===i.required&&(e=T.required(i.checked),e.valid?(i.noCaption=r.noCaption,i.captionError=null,i.captionType="default"):(i.noCaption=!1,i.captionError=e.message,i.captionType=e.type))}else e=T.required(r.value);if(r.required){e.valid?(r.captionError=null,r.captionType="default"):(r.captionError=e.message,r.captionType=e.type),await p(10);const o=T.selfValidation(r);e.valid&&(o.valid||(r.captionError=o.message,r.captionType=o.type))}let o=r.name,n=r.captionError;!r.hidden&&"error"==r.captionType&&(this.returnCaption=[...Array.from(this.returnCaption),{[o]:n}],this.isValid=!1)}if(r.name&&!this.duplicateInput.includes(r.name)){var e=this.getItemValue(r);e&&null!=e&&null!=e||(e=null),this.formData[r.name]=e}}return this.formData}async handleChange(e){const o=this.isWrapperComponent(e.target.tagName),i=this.isGroupComponent(e.target.tagName);let t;if(o)t=e.target.getInput&&await e.target.getInput()||e.target;else if(i){let o=!1;const i=x(e.target,"bcm-checkbox:not(#bcm-indeterminate-element)");i.length>0&&i.forEach((e=>{e&&!0===e.required&&(o=!0)})),t=Object.assign(Object.assign({},e.target),{required:o})}else t=e.target;const c=e.target.value,r=o&&e.target;var n;o&&(n=await r.isValid());const a=setTimeout((()=>{if(t.required){let r=null;if(o)r=T.required(c,n),r&&(c instanceof Object?0==c.isValid&&(r=T.required("",n)):r=T.required(c,n));else if(i){const o=x(e.target,"bcm-checkbox:not(#bcm-indeterminate-element)");o.length>0&&o.forEach((o=>{o&&!0===o.required&&(r=T.required(o.checked),r.valid?(o.noCaption=e.target.noCaption,o.captionError=null,o.captionType="default"):(o.noCaption=!1,o.captionError=r.message,o.captionType=r.type))}))}else r=T.required(c);r.valid?(t.captionError=null,t.captionType=null):(t.captionError=r.message,t.captionType=r.type)}clearTimeout(a)}));this.value=await this.userFormData()}render(){const o=s(this.hidden?"hidden":null);return e(t,{class:o},e("form",{class:"bcm-form",autocomplete:this.autocomplete?"on":"off"},e("slot",null)))}get el(){return c(this)}};(function(e,o,i,t){var c,r=arguments.length,n=r<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,i):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,o,i,t);else for(var a=e.length-1;a>=0;a--)(c=e[a])&&(n=(r<3?c(n):r>3?c(o,i,n):c(o,i))||n);r>3&&n&&Object.defineProperty(o,i,n)})([u()],S.prototype,"el",void 0),S.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block;margin-bottom:8px}:host(.hidden){display:none}';const E=class{constructor(e){o(this,e),this.hidden=!1,this.icon=void 0}render(){const{icon:o,hidden:i}=this;return e(t,{class:"bcm-icon fa "+(i?"hidden":"")},e("i",{class:`${o}`}))}get el(){return c(this)}};E.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-icon.hidden{display:none}';const q=class{constructor(e){o(this,e),this._id=n.UID(),this.required=!1,this.value=void 0,this.size="medium",this.form=void 0,this.htmlFor=void 0,this.hidden=!1,this.type=a.Status.default,this.tooltip=void 0}render(){const{required:o,value:i,size:c,form:r,htmlFor:n,hidden:a,type:l,tooltip:b}=this,h=s("bcm-label",{hidden:a}),d=e(g,{form:r,htmlFor:n,value:i,size:c,type:l,required:o});return e(t,{class:h},d,b&&e("bcm-tooltip",{message:b,placement:"top",trigger:"hover"},e("bcm-icon",{icon:"far fa-question-circle"})))}get el(){return c(this)}};q.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-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)}';const D=class{constructor(e){o(this,e),this.bcmTooltipShow=i(this,"bcmTooltipShow",7),this.bcmTooltipHide=i(this,"bcmTooltipHide",7),this._id=n.UID(),this.message="",this.placement=l.Placement.top,this.trigger=l.TriggerType.click,this.open=!1,this.color="slate",this.size=l.Size.medium,this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.tooltip=void 0}emitShow(){this.bcmTooltipShow.emit()}emitHide(){this.bcmTooltipHide.emit()}connectedCallback(){this.tooltip=new k({targetId:this.targetId||this._id,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,size:this.size,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.tooltip.listener()}componentDidRender(){this.tooltip.message=this.message,this.tooltip.placement=this.placement,this.tooltip.color=this.color,this.tooltip.trigger=this.trigger,this.tooltip.size=this.size,this.tooltip.openDelay=this.openDelay,this.tooltip.closeDelay=this.closeDelay,this.tooltip.autoHide=this.autoHide,this.tooltip.update()}disconnectedCallback(){this.tooltip.destroy()}async show(){this.tooltip.show()}async hide(){this.tooltip.hide()}async toggle(){this.tooltip.toggle()}render(){return e(t,{"aria-describedby":"tooltip",class:"tw-inline-flex tw-h-fit tw-w-fit"},e("slot",null))}get el(){return c(this)}};export{y as bcm_button,C as bcm_checkbox,R as bcm_checkbox_group,S as bcm_form,E as bcm_icon,q as bcm_label,D as bcm_tooltip}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as i,h as e,H as t,g as n}from"./p-da1055cb.js";import{c as s}from"./p-d65a1e21.js";import{B as a}from"./p-a429e85b.js";import"./p-6f56f8ca.js";const o=class{constructor(e){i(this,e),this.hidden=!1,this.href=void 0,this.target=void 0,this.icon=void 0,this.disabled=!1,this.iconPosition=a.IconPosition.prefix}handleOnClick(i){this.disabled&&(i.preventDefault(),i.stopPropagation())}linkIsExternal(i){return i&&!(!i.startsWith("http")&&!i.startsWith("//"))}render(){const{href:i,icon:n,hidden:o,target:l,iconPosition:r,disabled:p}=this,c=s("bcm-link",{disabled:p,hidden:o}),h=s("bcm-link__anchor",r,{suffix:this.linkIsExternal(i)});return e(t,{disabled:p,class:c},e(i?"a":"span",{class:h,href:i,target:this.linkIsExternal(i)?"_blank":l},n&&r===a.IconPosition.prefix&&e("bcm-icon",{class:"prefix-icon",icon:n}),e("slot",null),this.linkIsExternal(i)&&e("bcm-icon",{class:"suffix-icon",icon:"far fa-external-link-alt"})))}get el(){return n(this)}};o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-link{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline;color:var(--bcm-new-ds-color-blue-500)}.bcm-link.hidden{display:none}.bcm-link.disabled{pointer-events:none;opacity:0.5;cursor:not-allowed}.bcm-link__anchor{display:inline-flex;align-items:baseline;font-size:inherit;color:inherit}.bcm-link__anchor.prefix .prefix-icon{margin-right:4px}.bcm-link__anchor.suffix .suffix-icon{margin-left:4px}.bcm-link__anchor:hover,.bcm-link__anchor:focus,.bcm-link__anchor:active,.bcm-link__anchor:focus-visible{outline:none}.bcm-link__anchor:hover{color:var(--bcm-new-ds-color-blue-600)}.bcm-link__anchor:active{color:var(--bcm-new-ds-color-blue-700)}.bcm-link__anchor:focus-visible{color:var(--bcm-new-ds-color-blue-800)}';export{o as bcm_link}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{r as i,c as t,h as e,H as s,g as h}from"./p-da1055cb.js";import{c as p}from"./p-d65a1e21.js";import{G as n}from"./p-8aa77fd1.js";import{B as a}from"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const o=class{constructor(e){i(this,e),this.onShow=t(this,"bcm-show",7),this.onHide=t(this,"bcm-hide",7),this.onConfirm=t(this,"bcm-confirm",7),this.onCancel=t(this,"bcm-cancel",7),this._id=n.UID(),this.message=void 0,this.status="warning",this.cancelText="No",this.okeyText="Yes",this.placement=a.Placement.top,this.trigger=a.TriggerType.click,this.open=!1,this.hidden=!1}async show(){this.open=!0,this.onShow.emit(),await this.createBox().then((()=>this.showBox()))}async hide(){this.open=!1,this.onHide.emit()}async createBox(){if(!this.getPopconfirmBox()){const i=document.createElement("bcm-popconfirm-box");i.setAttribute("id","box-"+this._id),i.setAttribute("target-id",this._id),i.setAttribute("placement",this.placement),i.setAttribute("message",this.message),i.setAttribute("status",this.status),i.setAttribute("cancel-text",this.cancelText),i.setAttribute("okey-text",this.okeyText),this.el.parentElement.appendChild(i)}return Promise.resolve()}getPopconfirmBox(){return document.querySelector(`bcm-popconfirm-box[id="box-${this._id}"]`)}showBox(){this.getPopconfirmBox()&&this.getPopconfirmBox().show()}hideBox(){this.getPopconfirmBox()&&this.getPopconfirmBox().hide()}listenTrigger(i){switch(this.trigger){case"click":"click"===i&&(this.open?this.hide():this.show());break;case"hover":"onMouseOver"===i&&this.show(),"onMouseOut"===i&&this.hide();break;case"focus":"onFocus"===i&&this.show(),"onBlur"===i&&this.hide()}}onBcmConfirm(i){i.detail==this._id&&this.onConfirm.emit(this._id)}onBcmCancel(i){i.detail==this._id&&this.onCancel.emit(this._id)}render(){const i=p("bcm-popconfirm");return e(s,{class:i,onclick:()=>this.listenTrigger("click")},e("slot",null))}get el(){return h(this)}};o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popconfirm{display:inline-flex}';export{o as bcm_popconfirm}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Stencil
|
|
3
|
-
* Copyright (c) Bromcom.
|
|
4
|
-
*/
|
|
5
|
-
import{c as t}from"./p-a60a2dd0.js";import{G as e,s as a}from"./p-8aa77fd1.js";import{f as s}from"./p-da1055cb.js";const{state:c}=t({value:new Map,setData:{}}),i={removeState:t=>{c.value.delete(t)},getValue:t=>a((()=>c.value.get(t)),{}),setValue:t=>{const a=Object.assign(Object.assign({},t),{steps:t.steps&&t.steps.length>0&&t.steps.filter((t=>!t.hidden)).map(((a,s)=>({id:a.id||e.UID(),title:a.title||a._title,_title:a.title||a._title||"Step "+(s+1),description:a.description||"",status:a.status||"default",disabled:t.linear?0!=s:a.disabled||!1,icon:a.icon||void 0,valid:a.valid||!0,loading:a.loading||!1,index:s+1,active:t.linear?0==s:t.active===s+1,isLast:s===t.steps.length-1,statusIcon:t.icon,headerHidden:a.hidden})))});c.value.set(t.id,a)},changeActiveStep:(t,e)=>{const a=c.value.get(t);a&&(a.active=e,a.steps=a.steps.map(((t,a)=>Object.assign(Object.assign({},t),{active:a===e-1}))))},getActiveIndex:t=>a((()=>c.value.get(t).active),0),changeStepStatus:(t,e,a)=>{const i=c.value.get(t);i&&i.steps&&(i.steps=i.steps.map((t=>Object.assign(Object.assign({},t),{status:t.id===e?a:t.status}))),s(i.el))},changeStepDisabled:(t,e,a)=>{const i=c.value.get(t);i&&i.steps&&(i.steps=i.steps.map((t=>Object.assign(Object.assign({},t),{disabled:t.id===e?a:t.disabled}))),s(i.el))},stepperReset:t=>{const e=c.value.get(t);e&&(e.active=1,e.steps=e.steps.map(((t,e)=>Object.assign(Object.assign({},t),{active:0===e,status:"default",disabled:0!==e,loading:!1}))),s(e.el))},setActiveIndex:(t,e)=>c.value.get(t).active=e};export{i as s}
|
|
@@ -1,139 +0,0 @@
|
|
|
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-ddfd6d8f.js');
|
|
10
|
-
const colorHelper = require('./color-helper-d6d2028b.js');
|
|
11
|
-
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-cf48ed2d.js');
|
|
13
|
-
const numberHelper = require('./number-helper-453e02ee.js');
|
|
14
|
-
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-2fcf98d3.js');
|
|
16
|
-
require('./element-dragger-a8562f82.js');
|
|
17
|
-
const bcm = require('./bcm-634604e3.js');
|
|
18
|
-
const index$1 = require('./index-fdbf5226.js');
|
|
19
|
-
const slotTemplate = require('./slot-template-3e59d7d8.js');
|
|
20
|
-
require('./colors-56282b00.js');
|
|
21
|
-
require('./utils-fc077139.js');
|
|
22
|
-
require('./colors-e1d142ad.js');
|
|
23
|
-
require('./_commonjsHelpers-bd20f4c0.js');
|
|
24
|
-
|
|
25
|
-
const avatarCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-avatar{--bcm-avatar-color:var(--bcm-new-ds-color-slate-600);--bcm-avatar-background-color:var(--bcm-new-ds-color-slate-100);--prefix-height:40px;--prefix-font-size:font-size(2);font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;background-color:var(--bcm-avatar-background-color);color:var(--bcm-avatar-color);text-transform:uppercase}.bcm-avatar.hidden{display:none}.bcm-avatar img{width:100%;height:100%}.bcm-avatar__shape-ellipse,.bcm-avatar__shape-ellipse>img{border-radius:100px}.bcm-avatar__shape-square,.bcm-avatar__shape-square>img{border-radius:4px}.bcm-avatar__shape-ellipse .bcm-badge{top:0px;right:0px}.bcm-avatar__shape-square .bcm-badge{top:-2px;right:-2px}.bcm-avatar__size-small{font-size:10px;line-height:calc(10px + 8px);height:24px;width:24px}.bcm-avatar__size-medium{font-size:12px;line-height:calc(12px + 8px);height:32px;width:32px}.bcm-avatar__size-large{font-size:14px;line-height:calc(14px + 8px);height:40px;width:40px}.bcm-avatar__size-custom{font-size:var(--bcm-avatar-font-size);line-height:calc(var(--bcm-avatar-font-size) + 8px);height:var(--bcm-avatar-height);width:var(--bcm-avatar-height)}.bcm-avatar__status{position:relative}.bcm-avatar__status .bcm-badge{position:absolute}";
|
|
26
|
-
|
|
27
|
-
const BcmAvatar = class {
|
|
28
|
-
constructor(hostRef) {
|
|
29
|
-
index.registerInstance(this, hostRef);
|
|
30
|
-
this._id = generate.Generate.UID();
|
|
31
|
-
this.hidden = false;
|
|
32
|
-
this.image = undefined;
|
|
33
|
-
this.name = undefined;
|
|
34
|
-
this.alt = undefined;
|
|
35
|
-
this.shape = bcm.Bcm$1.Shape.ellipse;
|
|
36
|
-
this.size = bcm.Bcm$1.Size.medium;
|
|
37
|
-
this.color = undefined;
|
|
38
|
-
this.status = undefined;
|
|
39
|
-
this.isFallback = false;
|
|
40
|
-
}
|
|
41
|
-
componentWillLoad() {
|
|
42
|
-
this.name = this.name && this.name.trim() || '';
|
|
43
|
-
}
|
|
44
|
-
handleError() {
|
|
45
|
-
this.isFallback = true;
|
|
46
|
-
}
|
|
47
|
-
getCustomSizes(customSize) {
|
|
48
|
-
return Math.round(parseInt(customSize) / 3);
|
|
49
|
-
}
|
|
50
|
-
getFirstLetters(name) {
|
|
51
|
-
const splitted = name.split(' ');
|
|
52
|
-
if (splitted.length === 1)
|
|
53
|
-
return splitted[0].substring(0, 2);
|
|
54
|
-
return splitted[0].charAt(0) + splitted[splitted.length - 1].charAt(0);
|
|
55
|
-
}
|
|
56
|
-
setStyleVariables() {
|
|
57
|
-
const { size } = this;
|
|
58
|
-
let { color } = this;
|
|
59
|
-
!color && (color = 'slate');
|
|
60
|
-
let height = numberHelper.NumberHelper.toNumber(size);
|
|
61
|
-
let fontSize = Math.round(parseInt(height) / 3);
|
|
62
|
-
const prefix = `--bcm-avatar`;
|
|
63
|
-
return {
|
|
64
|
-
[`${prefix}-color`]: colorHelper.ColorHelper.dsColor(`${color}-600`),
|
|
65
|
-
[`${prefix}-background-color`]: colorHelper.ColorHelper.dsColor(`${color}-100`),
|
|
66
|
-
[`${prefix}-height`]: `${height}px`,
|
|
67
|
-
[`${prefix}-font-size`]: `${fontSize}px`
|
|
68
|
-
};
|
|
69
|
-
}
|
|
70
|
-
render() {
|
|
71
|
-
const { image, name, alt, hidden, shape, size, status } = this;
|
|
72
|
-
const isCustom = !Object.keys(bcm.Bcm$1.BaseSize).includes(size);
|
|
73
|
-
const hostClasses = index$1.classnames('bcm-avatar', `bcm-avatar__shape-${shape}`, `bcm-avatar__size-${isCustom ? 'custom' : size}`, {
|
|
74
|
-
'hidden': hidden,
|
|
75
|
-
'bcm-avatar__status': !!status
|
|
76
|
-
});
|
|
77
|
-
const GetIcon = () => index.h("bcm-icon", { icon: "fas fa-user" });
|
|
78
|
-
return (index.h(index.Host, { class: hostClasses, style: this.setStyleVariables() }, index.h("span", { hidden: true }, index.h("slot", null)), this.isFallback ? (this.name ? this.getFirstLetters(this.name) : GetIcon())
|
|
79
|
-
: image
|
|
80
|
-
? index.h("img", { onError: () => this.handleError(), src: image, alt: alt })
|
|
81
|
-
: name ? this.getFirstLetters(name)
|
|
82
|
-
: GetIcon(), status && index.h("bcm-badge", { status: status })));
|
|
83
|
-
}
|
|
84
|
-
get el() { return index.getElement(this); }
|
|
85
|
-
};
|
|
86
|
-
BcmAvatar.style = avatarCss;
|
|
87
|
-
|
|
88
|
-
const badgeCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-badge{--bcm-badge-color:var(--bcm-new-ds-color-white);--bcm-badge-background-color:var(--bcm-new-ds-color-slate-400);--bcm-badge-spacing:4px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:4px}.bcm-badge.hidden{display:none}.bcm-badge span:empty{display:none}.bcm-badge__dot{color:var(--bcm-badge-color);background-color:var(--bcm-badge-background-color);display:inline-block;border-radius:100px;position:relative}.bcm-badge__dot-text{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:0 var(--bcm-badge-spacing);z-index:2;color:var(--bcm-badge-color)}.bcm-badge__dot-size-small{font-size:10px;line-height:calc(10px + 8px);min-width:6px;min-height:6px}.bcm-badge__dot-size-small .bcm-badge__dot-text{min-width:calc(10px + 8px)}.bcm-badge__dot-size-medium{font-size:12px;line-height:calc(12px + 8px);min-width:8px;min-height:8px}.bcm-badge__dot-size-medium .bcm-badge__dot-text{min-width:calc(12px + 8px)}.bcm-badge__dot-size-large{font-size:14px;line-height:calc(14px + 8px);min-width:10px;min-height:10px}.bcm-badge__dot-size-large .bcm-badge__dot-text{min-width:calc(14px + 8px)}.bcm-badge__dot-blink{position:relative;z-index:1}.bcm-badge__dot-blink:after{content:\"\";position:absolute;z-index:-1;top:0;left:0;background:var(--bcm-badge-background-color);border-radius:100px;opacity:0.7;box-shadow:0 0 0 0 rgba(0, 0, 0, 0);transform:scale(1);width:100%;height:100%}.bcm-badge__dot:after{background-color:var(--bcm-badge-background-color);animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--bcm-badge-background-color)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0, 0, 0, 0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}}";
|
|
89
|
-
|
|
90
|
-
const BcmBadge = class {
|
|
91
|
-
constructor(hostRef) {
|
|
92
|
-
index.registerInstance(this, hostRef);
|
|
93
|
-
this._id = generate.Generate.UID();
|
|
94
|
-
this.hidden = false;
|
|
95
|
-
this.blink = false;
|
|
96
|
-
this.value = undefined;
|
|
97
|
-
this.color = undefined;
|
|
98
|
-
this.size = bcm.Bcm$1.Size.medium;
|
|
99
|
-
this.status = undefined;
|
|
100
|
-
this._slot = undefined;
|
|
101
|
-
}
|
|
102
|
-
setStyleVariables() {
|
|
103
|
-
const { status, value } = this;
|
|
104
|
-
let { color } = this;
|
|
105
|
-
const statusColors = {
|
|
106
|
-
'info': 'blue',
|
|
107
|
-
'error': 'red',
|
|
108
|
-
'warning': 'amber',
|
|
109
|
-
'success': 'emerald',
|
|
110
|
-
'default': 'slate'
|
|
111
|
-
};
|
|
112
|
-
!!status && (color = statusColors[status]);
|
|
113
|
-
!color && (color = 'slate');
|
|
114
|
-
const prefix = `--bcm-badge`;
|
|
115
|
-
const spacing = !!value && value.length > 1 ? '8' : '4';
|
|
116
|
-
return {
|
|
117
|
-
[`${prefix}-color`]: colorHelper.ColorHelper.reverseColor(colorHelper.ColorHelper.dsColor(`${color}`)),
|
|
118
|
-
[`${prefix}-background-color`]: colorHelper.ColorHelper.dsColor(`${color}`),
|
|
119
|
-
[`${prefix}-spacing`]: `${spacing}px`
|
|
120
|
-
};
|
|
121
|
-
}
|
|
122
|
-
render() {
|
|
123
|
-
let { blink, value, size, _slot, hidden } = this;
|
|
124
|
-
const dotClass = index$1.classnames('bcm-badge__dot', 'bcm-badge__dot-size-' + size,
|
|
125
|
-
// 'size-2',
|
|
126
|
-
{
|
|
127
|
-
'bcm-badge__dot-blink': blink
|
|
128
|
-
});
|
|
129
|
-
const hostClasses = index$1.classnames('bcm-badge', {
|
|
130
|
-
hidden
|
|
131
|
-
});
|
|
132
|
-
return (index.h(index.Host, { class: hostClasses, style: this.setStyleVariables() }, index.h("span", { hidden: true }, index.h("slot", null)), index.h("div", { class: dotClass }, !!value && index.h("span", { class: "bcm-badge__dot-text" }, value)), index.h(slotTemplate.SlotTemplate, { value: _slot })));
|
|
133
|
-
}
|
|
134
|
-
get el() { return index.getElement(this); }
|
|
135
|
-
};
|
|
136
|
-
BcmBadge.style = badgeCss;
|
|
137
|
-
|
|
138
|
-
exports.bcm_avatar = BcmAvatar;
|
|
139
|
-
exports.bcm_badge = BcmBadge;
|