bromcom-ui 2.7.37 → 2.7.38-rc.1

package/dist/cjs/bcm-chip.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1fda1524.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const generate = require('./generate-e91273b0.js');
+const generate = require('./generate-e98dfd99.js');
 const index$1 = require('./index-a2b50e51.js');
 const colorHelper = require('./color-helper-c9882bd8.js');
 require('./_commonjsHelpers-bd20f4c0.js');

package/dist/cjs/bcm-collapse.cjs.entry.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1fda1524.js');
 const index$1 = require('./index-a2b50e51.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const generate = require('./generate-e91273b0.js');
+const generate = require('./generate-e98dfd99.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 
 const collapseCss = "@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-collapse{display:block;border:1px solid var(--bcm-color-grey-5)}.bcm-collapse ::-webkit-details-marker{display:none}.bcm-collapse__header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default;user-select:none}.bcm-collapse__header:focus{outline:none}.bcm-collapse__header .collapse-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.bcm-collapse__body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8)}.bcm-collapse--borderless{border:none}.bcm-collapse--borderless:not(.bcm-collapse--no-border){border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-collapse--borderless .bcm-collapse__header{border-bottom:none}.bcm-collapse--borderless .bcm-collapse__body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.bcm-collapse:not(.bcm-collapse--open) .bcm-collapse__header{border-bottom:none}.bcm-collapse:not(:first-child) .collapse{border-top:none}.bcm-collapse.hidden{display:none}";

package/dist/cjs/bcm-date-picker.cjs.entry.js

@@ -10,8 +10,8 @@ const index = require('./index-1fda1524.js');
 const index$1 = require('./index-a2b50e51.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
 const datetimeHelper = require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-e91273b0.js');
-const bcm = require('./bcm-2c51bf0c.js');
+const generate = require('./generate-e98dfd99.js');
+const bcm = require('./bcm-f00ec62c.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 
@@ -49,7 +49,7 @@ const BcmDatePicker = class {
     this.captionType = 'default';
     this.alignment = undefined;
     this._internal_id = (Math.random() * 4).toString(16).replace('.', '');
-    this.placement = bcm.Bcm.Placement['bottom-start'];
+    this.placement = bcm.Bcm$1.Placement['bottom-start'];
     this.linkedComponent = undefined;
     this.stateStartDate = null;
     this.stateEndDate = null;

package/dist/cjs/bcm-datetime-picker.cjs.entry.js

@@ -11,14 +11,14 @@ const elementDragger = require('./element-dragger-a8562f82.js');
 const index$1 = require('./index-a2b50e51.js');
 const datetimeHelper = require('./datetime-helper-eaf4fadb.js');
 const utils = require('./utils-fc077139.js');
-const generate = require('./generate-e91273b0.js');
-const bcm = require('./bcm-2c51bf0c.js');
-const popoverPlacement = require('./popover-placement-87901bb3.js');
-const labelTemplate = require('./label-template-38d5c382.js');
+const generate = require('./generate-e98dfd99.js');
+const bcm = require('./bcm-f00ec62c.js');
+const popoverPlacement = require('./popover-placement-ac98d407.js');
+const labelTemplate = require('./label-template-e56264b3.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
 require('./_commonjsHelpers-bd20f4c0.js');
-require('./string-helper-df40a475.js');
-require('./slot-template-84d37599.js');
+require('./string-helper-145cd64f.js');
+require('./slot-template-a4505c70.js');
 
 var Months;
 (function (Months) {
@@ -103,7 +103,7 @@ const BcmDatetimePicker = class {
     this.caption = '';
     this.captionType = 'default';
     this.alignment = undefined;
-    this.placement = bcm.Bcm.Placement['bottom-start'];
+    this.placement = bcm.Bcm$1.Placement['bottom-start'];
     this.linkedComponent = undefined;
     this.years = [];
     this.hours = [];
@@ -1376,7 +1376,7 @@ const BcmDatetimePicker = class {
   }
   handleKeyDown(ev) {
     const keycode = ev.keyCode || ev.which;
-    if (keycode === bcm.Bcm.KeyCode.escape) {
+    if (keycode === bcm.Bcm$1.KeyCode.escape) {
       if (this._open) {
         this._open = false;
         ev.preventDefault();

package/dist/cjs/bcm-default.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1fda1524.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const generate = require('./generate-e91273b0.js');
+const generate = require('./generate-e98dfd99.js');
 
 const defaultCss = "@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}";
 

package/dist/cjs/bcm-drawer.cjs.entry.js

@@ -10,12 +10,12 @@ const index = require('./index-1fda1524.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
 require('./color-helper-c9882bd8.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-e91273b0.js');
-require('./number-helper-54c0c852.js');
-require('./string-helper-df40a475.js');
-require('./validators-40884433.js');
+const generate = require('./generate-e98dfd99.js');
+require('./number-helper-b80392ed.js');
+require('./string-helper-145cd64f.js');
+require('./validators-5514189b.js');
 require('./element-dragger-a8562f82.js');
-const bcm = require('./bcm-2c51bf0c.js');
+const bcm = require('./bcm-f00ec62c.js');
 const index$1 = require('./index-a2b50e51.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
@@ -40,7 +40,7 @@ const BcmDrawer = class {
     this.bcmBeforeClose = index.createEvent(this, "bcm-before-close", 7);
     this._id = generate.Generate.UID();
     this._title = undefined;
-    this.position = bcm.Bcm$1.Position.right;
+    this.position = bcm.Bcm.Position.right;
     this.fullWidth = false;
     this._open = false;
     this._close = false;
@@ -70,7 +70,7 @@ const BcmDrawer = class {
   }
   keyboardNavigation(e) {
     const keyCode = e.keyCode || 0;
-    if (keyCode == bcm.Bcm$1.KeyCode.escape) {
+    if (keyCode == bcm.Bcm.KeyCode.escape) {
       e.preventDefault();
       this.hide();
     }

package/dist/cjs/bcm-dropdown.cjs.entry.js

@@ -9,9 +9,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1fda1524.js');
 const index$1 = require('./index-a2b50e51.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const jsonParseDecarator = require('./json-parse-decarator-f014cca6.js');
-const generate = require('./generate-e91273b0.js');
-const bcm = require('./bcm-2c51bf0c.js');
+const jsonParseDecarator = require('./json-parse-decarator-98c9ac9a.js');
+const generate = require('./generate-e98dfd99.js');
+const bcm = require('./bcm-f00ec62c.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 
 const dropdownCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-dropdown{width:fit-content;display:inline-flex;flex-direction:row}.bcm-dropdown.hidden{display:none}.bcm-dropdown.no-style{cursor:pointer}.bcm-dropdown.full-width{width:100%}.bcm-dropdown.full-width .bcm-button__container-text{flex:1;justify-content:space-between}.bcm-dropdown__type-split .main-button .bcm-button__container{border-top-right-radius:0;border-bottom-right-radius:0}.bcm-dropdown__type-split .split-button .bcm-button__container{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;min-width:auto}.bcm-dropdown__icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;transform:rotate(0deg);transition:transform 0.2s ease}.bcm-dropdown__icon--open{transform:rotate(180deg)}";
@@ -30,15 +30,14 @@ const BcmDropdown = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.bcmClick = index.createEvent(this, "bcm-click", 7);
-    this.dropdownLinkedComponent = index.createEvent(this, "dropdown-linked-component", 7);
     this.isOpen = undefined;
     this._id = generate.Generate.UID();
     this.menuId = generate.Generate.UID();
     this.hidden = false;
     this.type = 'dropdown';
-    this.size = bcm.Bcm.Size.medium;
+    this.size = bcm.Bcm$1.Size.medium;
     this.disabled = false;
-    this.kind = bcm.Bcm.Kind.solid;
+    this.kind = bcm.Bcm$1.Kind.solid;
     this.icon = undefined;
     this.href = undefined;
     this.target = undefined;
@@ -46,14 +45,13 @@ const BcmDropdown = class {
     this.noStyle = false;
     this.dropdownIcon = 'fas fa-angle-down';
     this.linkedComponent = undefined;
-    this.multiLevel = false;
     this.loading = false;
     this.variant = undefined;
     this.dataDismiss = false;
     this.fullWidth = false;
-    this.iconPosition = bcm.Bcm.IconPosition.prefix;
+    this.iconPosition = bcm.Bcm$1.IconPosition.prefix;
     this.placement = undefined;
-    this.height = 'auto';
+    this.height = undefined;
     this.maxHeight = '500px';
     this.minHeight = '50px';
     this.stopDeepClean = false;
@@ -66,156 +64,25 @@ const BcmDropdown = class {
       this.data = newValue;
     }
   }
-  async isOpenChanged(newValue) {
-    if (document.querySelector(`old-bcm-popover-box[id="dropdown-box-${this._id}"]`)) {
-      const box = this.getPopoverBox();
-      newValue ? box.show() : box.hide();
-    }
-    // const disableScrollClass = `bcm-dropdown--disable-scroll-${this._id}`;
-    // if (this.isOpen) {
-    //   document.body.classList.add(disableScrollClass);
-    // } else {
-    //   document.body.classList.remove(disableScrollClass);
-    // }
-  }
-  handleIsClickDismiss({ detail }) {
-    if (this.multiLevel) {
-      this.isOpen = detail;
-    }
-  }
-  handleOnClick(event) {
-    if (this.linkedComponent)
-      return this.linkedComponentClick(event);
-    if (this.isOpen) {
-      const targetElement = this.linkedComponent ? document.getElementById(this.linkedComponent) : this.el;
-      const box = this.getPopoverBox();
-      if (box) {
-        const isClickBox = generate.Generate.findEventPath(event, box);
-        const isClickThis = generate.Generate.findEventPath(event, targetElement);
-        if (!isClickBox && !isClickThis) {
-          this.isOpen = false;
-          return;
-        }
-        const isClickDismiss = generate.Generate.findEventPathHasAttribute(event, 'data-dismiss');
-        if (isClickDismiss) {
-          this.isOpen = false;
-          return;
-        }
-      }
-    }
-  }
-  handleWheel(event) {
-    if (this.isOpen) {
-      const box = this.getPopoverBox();
-      if (box) {
-        const isClickBox = generate.Generate.findEventPath(event, box);
-        const isClickThis = generate.Generate.findEventPath(event, this.el);
-        if (!isClickBox && !isClickThis) {
-          this.isOpen = false;
-          return;
-        }
-      }
-    }
-  }
-  async setActive(id) {
-    if (id) {
-      const menu = document.getElementById(`${this.menuId}`);
-      if (menu) {
-        menu.setActive(id);
-      }
-    }
+  async setActive(id = null) {
+    var _a, _b;
+    (_b = (_a = document
+      .getElementById(`${this.menuId}`)) === null || _a === void 0 ? void 0 : _a.querySelectorAll('bcm-menu')) === null || _b === void 0 ? void 0 : _b.forEach(item => {
+      item.setActive(id);
+    });
   }
   handleSlotItems({ detail }) {
     this.data = detail;
   }
-  // connectedCallback() {
-  //   const disableScrollClass = `bcm-dropdown--disable-scroll-${this._id}`;
-  //   const styleId = `bcm-dropdown-style-${this._id}`;
-  //   let style = document.getElementById(styleId);
-  //   if (!style) {
-  //     style = document.createElement('style');
-  //     style.id = styleId;
-  //     style.innerHTML = `.${disableScrollClass} { overflow: hidden; }`;
-  //     document.head.appendChild(style);
-  //   }
-  // }
   componentDidLoad() {
-    let box = document.querySelector(`old-bcm-popover-box[id="dropdown-box-${this._id}"]`);
-    if (box) {
-      box.remove();
-    }
+    var _a;
     const bcmContent = this.el.querySelector('bcm-content');
     if (bcmContent) {
-      bcmContent.style.display = 'none';
-      this.createBox();
-      this.isOpen = this.isOpen;
+      (_a = document.getElementById(this.menuId)) === null || _a === void 0 ? void 0 : _a.appendChild(bcmContent);
     }
   }
-  disconnectedCallback() {
-    this.isOpen = false;
-    if (this.stopDeepClean)
-      return;
-    const box = this.getPopoverBox();
-    if (box) {
-      box.remove();
-    }
-    // const disableScrollClass = `bcm-dropdown--disable-scroll-${this._id}`;
-    // document.body.classList.remove(disableScrollClass);
-  }
-  createBox() {
-    const content = this.el.querySelector('bcm-content');
-    if (content) {
-      const targetElementId = this.linkedComponent ? this.linkedComponent : this._id;
-      let box = document.getElementById(`dropdown-box-${this._id}`);
-      if (!box) {
-        box = document.createElement('old-bcm-popover-box');
-        box.setAttribute('id', 'dropdown-box-' + this._id);
-        box.setAttribute('target-id', targetElementId);
-        box.setAttribute('placement', this.placement || 'bottom-start');
-        box.setAttribute('linked-component', targetElementId);
-        box.setAttribute('min-height', this.minHeight);
-        box.setAttribute('max-height', this.maxHeight);
-        box.setAttribute('height', this.height);
-        content.style.display = 'block';
-        content.removeAttribute('hidden');
-        box.appendChild(content);
-        document.body.appendChild(box);
-      }
-    }
-  }
-  linkedComponentClick(event) {
-    const targetElement = document.getElementById(this.linkedComponent);
-    const box = document.querySelector(`bcm-popover-box[id="dropdown-box-${this._id}"]`);
-    const isClickBox = generate.Generate.findEventPath(event, box);
-    const isClickThis = generate.Generate.findEventPath(event, targetElement);
-    if (!isClickBox && !isClickThis) {
-      this.isOpen = false;
-      return;
-    }
-    if (isClickBox || isClickThis) {
-      this.createBox();
-      this.isOpen = true;
-      this.dropdownLinkedComponent.emit(true);
-    }
-    const isClickDismiss = generate.Generate.findEventPathHasAttribute(event, 'data-dismiss');
-    if (isClickDismiss) {
-      this.isOpen = false;
-      this.dropdownLinkedComponent.emit(false);
-      return;
-    }
-  }
-  checkClick() {
-    if (this.getPopoverBox()) {
-      this.isOpen = !this.isOpen;
-      this.isOpen ? this.getPopoverBox().show() : this.getPopoverBox().hide();
-    }
-  }
-  getPopoverBox() {
-    this.createBox();
-    return document.querySelector(`old-bcm-popover-box[id="dropdown-box-${this._id}"]`);
-  }
   render() {
-    const { size, kind, disabled, icon, color, href, target, loading, type, variant, fullWidth } = this;
+    const { size, kind, disabled, icon, color, href, target, loading, type, variant, fullWidth, isOpen } = this;
     const hostClasses = index$1.classnames('bcm-dropdown', 'bcm-dropdown__type-' + type, {
       'full-width': fullWidth,
       'no-style': this.noStyle,
@@ -223,15 +90,14 @@ const BcmDropdown = class {
     });
     const attributes = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (disabled && { disabled })), (loading && { loading })), (kind && { kind })), (size && { size })), (variant && { variant })), (color && { color })), (this.menuId && { 'menu-id': this.menuId }));
     const iconClasses = index$1.classnames('bcm-dropdown__icon', {
-      'bcm-dropdown__icon--open': this.isOpen,
+      'bcm-dropdown__icon--open': isOpen,
     });
     const dropdownIcon = (index.h("span", { class: iconClasses }, index.h("bcm-icon", { icon: this.dropdownIcon })));
-    return (index.h(index.Host, { class: hostClasses, onClick: () => this.checkClick() }, index.h("span", { hidden: true }, index.h("slot", null)), this.noStyle && index.h("slot", null), !this.noStyle && (index.h("bcm-button", Object.assign({ class: "main-button", id: `${this._id}-button` }, attributes, (icon && { icon }), (href && type === 'split' && { href }), (target && type === 'split' && { target }), (fullWidth && { fullWidth })), index.h("slot", null), type === 'dropdown' && dropdownIcon)), !this.noStyle && type === 'split' && (index.h("bcm-button", Object.assign({ id: `${this._id}-button-split`, class: "split-button" }, attributes), dropdownIcon)), this.data && this.data.length > 0 && (index.h("bcm-menu", { id: `${this.menuId}`, "linked-component": `${this._id}-button${type === 'split' ? '-split' : ''}`, data: this.data, "on-bcm-open": e => (this.isOpen = e.detail), "on-bcm-click": e => this.bcmClick.emit(e.detail), placement: this.placement || (type === 'dropdown' ? 'bottom-start' : 'bottom-end'), "max-height": this.maxHeight, "min-height": this.minHeight, height: this.height, selectable: this.selectable }))));
+    return (index.h(index.Host, { class: hostClasses }, index.h("span", { hidden: true }, index.h("slot", null)), this.noStyle && index.h("slot", null), !this.noStyle && (index.h("bcm-button", Object.assign({ class: "main-button", id: `${this._id}-button` }, attributes, (icon && { icon }), (href && type === 'split' && { href }), (target && type === 'split' && { target }), (fullWidth && { fullWidth })), index.h("slot", null), type === 'dropdown' && dropdownIcon)), !this.noStyle && type === 'split' && (index.h("bcm-button", Object.assign({ id: `${this._id}-button-split`, class: "split-button" }, attributes), dropdownIcon)), index.h("bcm-linked", { id: `${this.menuId}`, "target-id": `${this._id}-button${type === 'split' ? '-split' : ''}`, placement: this.placement || (type === 'dropdown' ? 'bottom-start' : 'bottom-end'), "max-height": this.maxHeight, "min-height": this.minHeight, height: this.height, "on-bcm-open": e => { var _a; return ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.id) == this.menuId && (this.isOpen = e.detail); } }, this.data && this.data.length > 0 && index.h("bcm-menu", { data: this.data, selectable: this.selectable, "on-bcm-click": e => this.bcmClick.emit(e.detail) }))));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "data": ["dataChanged"],
-    "isOpen": ["isOpenChanged"]
+    "data": ["dataChanged"]
   }; }
 };
 __decorate([

package/dist/cjs/bcm-expansion-panel.cjs.entry.js

@@ -8,12 +8,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1fda1524.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const generate = require('./generate-e91273b0.js');
+const generate = require('./generate-e98dfd99.js');
 const index$1 = require('./index-a2b50e51.js');
-const stringHelper = require('./string-helper-df40a475.js');
+const stringHelper = require('./string-helper-145cd64f.js');
 const colorHelper = require('./color-helper-c9882bd8.js');
 require('./_commonjsHelpers-bd20f4c0.js');
-require('./bcm-2c51bf0c.js');
+require('./bcm-f00ec62c.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 

package/dist/cjs/{bcm-2c51bf0c.js → bcm-f00ec62c.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-exports.Bcm$1 = void 0;
+exports.Bcm = void 0;
 (function (Bcm) {
   (function (HtmlElementType) {
     HtmlElementType["div"] = "div";
@@ -442,7 +442,7 @@ exports.Bcm$1 = void 0;
     ListType["select"] = "select";
     ListType["autocomplete"] = "autocomplete";
   })(Bcm.ListType || (Bcm.ListType = {}));
-})(exports.Bcm$1 || (exports.Bcm$1 = {}));
-const Bcm = exports.Bcm$1;
+})(exports.Bcm || (exports.Bcm = {}));
+const Bcm = exports.Bcm;
 
-exports.Bcm = Bcm;
+exports.Bcm$1 = Bcm;

package/dist/cjs/bcm-form-2.cjs.entry.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1fda1524.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const generate = require('./generate-e91273b0.js');
-const stringHelper = require('./string-helper-df40a475.js');
-const bcm = require('./bcm-2c51bf0c.js');
+const generate = require('./generate-e98dfd99.js');
+const stringHelper = require('./string-helper-145cd64f.js');
+const bcm = require('./bcm-f00ec62c.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 
 const BcmFormComponents = [
@@ -64,7 +64,7 @@ const BcmForm2 = class {
       const noValid = ['bcm-checkbox', 'bcm-switch'].includes(stringHelper.StringHelper.lowercase(element.tagName)) ? element.value == false : stringHelper.StringHelper.isNullOrEmpty(element.value);
       if (element.required) {
         if (noValid) {
-          element.captionError = bcm.Bcm.FormErrorMessages.required;
+          element.captionError = bcm.Bcm$1.FormErrorMessages.required;
           element.captionType = 'error';
           this.formObj.set(element.id, {
             name: element.name,

package/dist/cjs/bcm-form.cjs.entry.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1fda1524.js');
 const index$1 = require('./index-a2b50e51.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const stringHelper = require('./string-helper-df40a475.js');
+const stringHelper = require('./string-helper-145cd64f.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');
-require('./bcm-2c51bf0c.js');
+require('./bcm-f00ec62c.js');
 
 // /**
 //  * 

package/dist/cjs/bcm-icon.cjs.entry.js

@@ -0,0 +1,41 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1fda1524.js');
+const isLoadDecorator = require('./is-load-decorator-77664890.js');
+
+const iconCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-icon.hidden{display:none}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const BcmIcon = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.hidden = false;
+    this.icon = undefined;
+  }
+  render() {
+    const { icon, hidden } = this;
+    return (index.h(index.Host, { class: `bcm-icon fa ${hidden ? 'hidden' : ''}` }, index.h("i", { class: `${icon}` })));
+  }
+  get el() { return index.getElement(this); }
+};
+__decorate([
+  isLoadDecorator.IsLoad()
+], BcmIcon.prototype, "el", void 0);
+BcmIcon.style = iconCss;
+
+exports.bcm_icon = BcmIcon;

package/dist/cjs/bcm-input.cjs.entry.js

@@ -7,13 +7,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1fda1524.js');
-const generate = require('./generate-e91273b0.js');
-const numberHelper = require('./number-helper-54c0c852.js');
-const stringHelper = require('./string-helper-df40a475.js');
-const validators = require('./validators-40884433.js');
-const bcm = require('./bcm-2c51bf0c.js');
+const generate = require('./generate-e98dfd99.js');
+const numberHelper = require('./number-helper-b80392ed.js');
+const stringHelper = require('./string-helper-145cd64f.js');
+const validators = require('./validators-5514189b.js');
+const bcm = require('./bcm-f00ec62c.js');
 const captionTemplate = require('./caption-template-95c791a2.js');
-const inputTemplate = require('./input-template-8d591f62.js');
+const inputTemplate = require('./input-template-00b50605.js');
 const index$1 = require('./index-a2b50e51.js');
 const utils = require('./utils-fc077139.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
@@ -44,7 +44,7 @@ const BcmInput = class {
     this._id = generate.Generate.UID();
     this._internal_id = generate.Generate.UID();
     this.value = '';
-    this.size = bcm.Bcm.Size.medium;
+    this.size = bcm.Bcm$1.Size.medium;
     this.label = undefined;
     this.pattern = undefined;
     this.tooltip = undefined;
@@ -54,7 +54,7 @@ const BcmInput = class {
     this.clearable = false;
     this.autocomplete = false;
     this.name = undefined;
-    this.type = bcm.Bcm.InputType.text;
+    this.type = bcm.Bcm$1.InputType.text;
     this.hidden = false;
     this.required = false;
     this.fullWidth = false;
@@ -72,7 +72,7 @@ const BcmInput = class {
     this.step = undefined;
     this.caption = undefined;
     this.noCaption = false;
-    this.captionType = bcm.Bcm.Status.default;
+    this.captionType = bcm.Bcm$1.Status.default;
     this.captionError = undefined;
     this.customErrorMessage = undefined;
     this._prefix = undefined;
@@ -297,7 +297,7 @@ const BcmInput = class {
   }
   whatchHasFocus() {
     const { type, focused, valueCache, inValid } = this;
-    if (type == bcm.Bcm.InputType.number && inValid) {
+    if (type == bcm.Bcm$1.InputType.number && inValid) {
       console.log("whatchHasFocus");
       if (focused) {
         this.value = '';

package/dist/cjs/bcm-item.cjs.entry.js

@@ -7,8 +7,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1fda1524.js');
-const generate = require('./generate-e91273b0.js');
-const bcm = require('./bcm-2c51bf0c.js');
+const generate = require('./generate-e98dfd99.js');
+const bcm = require('./bcm-f00ec62c.js');
 const index$1 = require('./index-a2b50e51.js');
 const colorHelper = require('./color-helper-c9882bd8.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
@@ -32,7 +32,7 @@ const BcmItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this._id = generate.Generate.UID();
-    this.size = bcm.Bcm.Size.medium;
+    this.size = bcm.Bcm$1.Size.medium;
     this.color = undefined;
     this.static = false;
   }

package/dist/cjs/bcm-items.cjs.entry.js

@@ -7,10 +7,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1fda1524.js');
-const generate = require('./generate-e91273b0.js');
+const generate = require('./generate-e98dfd99.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const stringHelper = require('./string-helper-df40a475.js');
-require('./bcm-2c51bf0c.js');
+const stringHelper = require('./string-helper-145cd64f.js');
+require('./bcm-f00ec62c.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {