bromcom-ui 2.7.38-rc.2 → 2.7.38-rc.3

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

@@ -10,10 +10,10 @@ 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-46d176df.js');
-require('./number-helper-45eca0b6.js');
+const generate = require('./generate-be6e6c93.js');
+require('./number-helper-0cecbed0.js');
 require('./string-helper-df40a475.js');
-require('./validators-07cc49c6.js');
+require('./validators-66635157.js');
 require('./element-dragger-a8562f82.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const index$1 = require('./index-a2b50e51.js');

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

@@ -9,8 +9,8 @@ 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-b4d935fe.js');
-const generate = require('./generate-46d176df.js');
+const jsonParseDecarator = require('./json-parse-decarator-c7f182a6.js');
+const generate = require('./generate-be6e6c93.js');
 const bcm = require('./bcm-2c51bf0c.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

package/dist/cjs/bcm-expansion-panel.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-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const index$1 = require('./index-a2b50e51.js');
 const stringHelper = require('./string-helper-df40a475.js');
 const colorHelper = require('./color-helper-c9882bd8.js');

package/dist/cjs/bcm-form-2.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-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const stringHelper = require('./string-helper-df40a475.js');
 const bcm = require('./bcm-2c51bf0c.js');
 require('./_commonjsHelpers-bd20f4c0.js');

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1fda1524.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const index$1 = require('./index-a2b50e51.js');
 const colorHelper = require('./color-helper-c9882bd8.js');

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1fda1524.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
 const stringHelper = require('./string-helper-df40a475.js');
 require('./bcm-2c51bf0c.js');

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

@@ -14,12 +14,12 @@ const utils = require('./utils-fc077139.js');
 const floatingUi = require('./floating-ui-d86b77dc.js');
 require('./color-helper-c9882bd8.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-46d176df.js');
-require('./number-helper-45eca0b6.js');
-require('./validators-07cc49c6.js');
+const generate = require('./generate-be6e6c93.js');
+require('./number-helper-0cecbed0.js');
+require('./validators-66635157.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
 const index$1 = require('./index-a2b50e51.js');
-const tooltipHelper = require('./tooltip-helper-dff12a58.js');
+const tooltipHelper = require('./tooltip-helper-7687142a.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-56282b00.js');
 

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

@@ -8,13 +8,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-1fda1524.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const jsonParseDecarator = require('./json-parse-decarator-b4d935fe.js');
+const jsonParseDecarator = require('./json-parse-decarator-c7f182a6.js');
 require('./color-helper-c9882bd8.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-46d176df.js');
-const numberHelper = require('./number-helper-45eca0b6.js');
+const generate = require('./generate-be6e6c93.js');
+const numberHelper = require('./number-helper-0cecbed0.js');
 const stringHelper = require('./string-helper-df40a475.js');
-const validators = require('./validators-07cc49c6.js');
+const validators = require('./validators-66635157.js');
 require('./element-dragger-a8562f82.js');
 const popoverPlacement = require('./popover-placement-87901bb3.js');
 const utils = require('./utils-fc077139.js');
@@ -25,7 +25,7 @@ require('./types-cc4adee7.js');
 const labelTemplate = require('./label-template-38d5c382.js');
 require('./types-6eb7e028.js');
 const index$2 = require('./index-1d2ce51d.js');
-const tooltipHelper = require('./tooltip-helper-dff12a58.js');
+const tooltipHelper = require('./tooltip-helper-7687142a.js');
 require('./colors-56282b00.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./slot-template-84d37599.js');

package/dist/cjs/bcm-popconfirm-box.cjs.entry.js

@@ -10,7 +10,7 @@ const index = require('./index-1fda1524.js');
 const index$1 = require('./index-a2b50e51.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
 const colorHelper = require('./color-helper-c9882bd8.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const stringHelper = require('./string-helper-df40a475.js');
 const popoverPlacement = require('./popover-placement-87901bb3.js');
 require('./_commonjsHelpers-bd20f4c0.js');

package/dist/cjs/bcm-popconfirm.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-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const bcm = require('./bcm-2c51bf0c.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

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

@@ -10,10 +10,10 @@ const index = require('./index-1fda1524.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
 const colorHelper = require('./color-helper-c9882bd8.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-46d176df.js');
-require('./number-helper-45eca0b6.js');
+const generate = require('./generate-be6e6c93.js');
+require('./number-helper-0cecbed0.js');
 const stringHelper = require('./string-helper-df40a475.js');
-require('./validators-07cc49c6.js');
+require('./validators-66635157.js');
 require('./element-dragger-a8562f82.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const floatingUi = require('./floating-ui-d86b77dc.js');

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

@@ -10,7 +10,7 @@ const index = require('./index-1fda1524.js');
 const index$1 = require('./index-a2b50e51.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
 const colorHelper = require('./color-helper-c9882bd8.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const bcm = require('./bcm-2c51bf0c.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-56282b00.js');

package/dist/cjs/bcm-radio-group.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-1fda1524.js');
 const index$2 = require('./index-a2b50e51.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const captionTemplate = require('./caption-template-95c791a2.js');

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

@@ -10,7 +10,7 @@ const index = require('./index-1fda1524.js');
 const index$1 = require('./index-a2b50e51.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
 const colorHelper = require('./color-helper-c9882bd8.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const slotTemplate = require('./slot-template-84d37599.js');
 require('./_commonjsHelpers-bd20f4c0.js');

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1fda1524.js');
 const index$1 = require('./index-a2b50e51.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const utils = require('./utils-fc077139.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');

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

@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-1fda1524.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const bcm = require('./bcm-2c51bf0c.js');
-const inputTemplate = require('./input-template-40d206dc.js');
+const inputTemplate = require('./input-template-5615634c.js');
 const utils = require('./utils-fc077139.js');
 const index = require('./index-1d2ce51d.js');
 const stringHelper = require('./string-helper-df40a475.js');

package/dist/cjs/bcm-skeleton.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-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 
 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;

package/dist/cjs/bcm-switch.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-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const captionTemplate = require('./caption-template-95c791a2.js');
 const utils = require('./utils-fc077139.js');

package/dist/cjs/bcm-tab-group.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-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const index$1 = require('./index-a2b50e51.js');
 const bcm = require('./bcm-2c51bf0c.js');
 require('./_commonjsHelpers-bd20f4c0.js');

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

@@ -8,10 +8,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-1fda1524.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const index = require('./index-a2b50e51.js');
-const numberHelper = require('./number-helper-45eca0b6.js');
+const numberHelper = require('./number-helper-0cecbed0.js');
 const utils = require('./utils-fc077139.js');
 const colors = require('./colors-56282b00.js');
 const types = require('./types-6eb7e028.js');

package/dist/cjs/bcm-textarea.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 generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const captionTemplate = require('./caption-template-95c791a2.js');
-const inputTemplate = require('./input-template-40d206dc.js');
+const inputTemplate = require('./input-template-5615634c.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./types-cc4adee7.js');

package/dist/cjs/bcm-time-picker.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-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');

package/dist/cjs/{generate-46d176df.js → generate-be6e6c93.js}

@@ -24,7 +24,7 @@ exports.TypeProps = void 0;
   TypeProps["basic"] = "basic";
 })(exports.TypeProps || (exports.TypeProps = {}));
 
-const version = "2.7.38-rc.2";
+const version = "2.7.38-rc.3-0";
 
 function snq(callback, defaultValue) {
     try {

package/dist/cjs/{input-template-40d206dc.js → input-template-5615634c.js}

@@ -8,7 +8,7 @@ const index$1 = require('./index-1fda1524.js');
 const types = require('./types-cc4adee7.js');
 const bcm = require('./bcm-2c51bf0c.js');
 const index = require('./index-a2b50e51.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 
 const InputTemplate = ({ elementType, 
 //textarea

package/dist/cjs/{json-parse-decarator-b4d935fe.js → json-parse-decarator-c7f182a6.js}

@@ -5,7 +5,7 @@
 'use strict';
 
 const index = require('./index-1fda1524.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 
 function JsonParse(attribute, isMethod = false) {
   return (proto, propName) => {

package/dist/cjs/{number-helper-45eca0b6.js → number-helper-0cecbed0.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 
 class NumberHelper {
 }

package/dist/cjs/old-bcm-popover-box.cjs.entry.js

@@ -12,8 +12,8 @@ const popoverPlacement = require('./popover-placement-87901bb3.js');
 const floatingUi = require('./floating-ui-d86b77dc.js');
 const index$1 = require('./index-a2b50e51.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
-const generate = require('./generate-46d176df.js');
-const numberHelper = require('./number-helper-45eca0b6.js');
+const generate = require('./generate-be6e6c93.js');
+const numberHelper = require('./number-helper-0cecbed0.js');
 const stringHelper = require('./string-helper-df40a475.js');
 require('./utils-fc077139.js');
 require('./bcm-2c51bf0c.js');

package/dist/cjs/old-bcm-popover.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 bcm = require('./bcm-2c51bf0c.js');
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 const isLoadDecorator = require('./is-load-decorator-77664890.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

package/dist/cjs/{tooltip-helper-dff12a58.js → tooltip-helper-7687142a.js}

@@ -9,9 +9,9 @@ const stringHelper = require('./string-helper-df40a475.js');
 const floatingUi = require('./floating-ui-d86b77dc.js');
 const colorHelper = require('./color-helper-c9882bd8.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-46d176df.js');
-require('./number-helper-45eca0b6.js');
-require('./validators-07cc49c6.js');
+const generate = require('./generate-be6e6c93.js');
+require('./number-helper-0cecbed0.js');
+require('./validators-66635157.js');
 
 class Tooltip {
   constructor({ message, targetId, placement = 'top', color = 'slate-700', trigger = 'none' }) {

package/dist/cjs/{validators-07cc49c6.js → validators-66635157.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const generate = require('./generate-46d176df.js');
+const generate = require('./generate-be6e6c93.js');
 
 class Validators {
 }

package/dist/collection/components/molecules/states/stepper-states.js

@@ -5,6 +5,7 @@
 import { createStore } from '@stencil/store';
 import snq from 'snq';
 import { Generate } from '../../../helper/generate';
+import { forceUpdate } from '@stencil/core';
 const { state } = createStore({
   value: new Map(),
   setData: {},
@@ -16,7 +17,8 @@ const setValue = val => {
         .filter(data => !data.hidden)
         .map((item, index) => ({
         id: item.id || Generate.UID(),
-        title: item.title || item._title || 'Step ' + (index + 1),
+        title: item.title || item._title,
+        _title: item.title || item._title || 'Step ' + (index + 1),
         description: item.description || '',
         status: item.status || 'default',
         disabled: val.linear ? (index == 0 ? false : true) : item.disabled || false,
@@ -46,14 +48,14 @@ const changeStepStatus = (id, stepId, status) => {
   const value = state.value.get(id);
   if (value && value.steps) {
     value.steps = value.steps.map(step => (Object.assign(Object.assign({}, step), { status: step.id === stepId ? status : step.status })));
-    value.el.tick = Generate.UID();
+    forceUpdate(value.el);
   }
 };
 const changeStepDisabled = (id, stepId, disabled) => {
   const value = state.value.get(id);
   if (value && value.steps) {
     value.steps = value.steps.map(step => (Object.assign(Object.assign({}, step), { disabled: step.id === stepId ? disabled : step.disabled })));
-    value.el.tick = Generate.UID();
+    forceUpdate(value.el);
   }
 };
 const setActiveIndex = (id, index) => state.value.get(id).active = index;
@@ -62,7 +64,7 @@ const stepperReset = id => {
   if (value) {
     value.active = 1;
     value.steps = value.steps.map((step, i) => (Object.assign(Object.assign({}, step), { active: i === 0, status: 'default', disabled: i !== 0, loading: false })));
-    value.el.tick = Generate.UID();
+    forceUpdate(value.el);
   }
 };
 const getValue = id => snq(() => state.value.get(id), {});

package/dist/collection/components/molecules/stepper/stepper.js

@@ -12,7 +12,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
         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;
 };
-import { h, Host } from '@stencil/core';
+import { forceUpdate, h, Host } from '@stencil/core';
 import cs from 'classnames';
 import snq from 'snq';
 import { IsLoad } from '../../../decorators/is-load-decorator';
@@ -68,7 +68,7 @@ export class BcmStepper {
       slots.forEach((item, index) => {
         const step = steps.find(step => !item.headerHidden && step.id === item.id);
         if (step) {
-          Generate.setAttributes(item, Object.assign({ title: '', status: step.status || 'default', disabled: step.disabled || false, valid: step.valid || true, loading: step.loading || false, index: step.index || index, active: step.active || false, innerHtml: step.innerHtml || '' }, (item.hidden == true && { headerHidden: true })));
+          Generate.setAttributes(item, Object.assign({ title: '', _title: step.title || step._title || '', status: step.status || 'default', disabled: step.disabled || false, valid: step.valid || true, loading: step.loading || false, index: step.index || index, active: step.active || false, innerHtml: step.innerHtml || '' }, (item.hidden == true && { headerHidden: true })));
           if ((item.hidden = false)) {
             item.removeAttribute('hidden');
           }
@@ -93,7 +93,7 @@ export class BcmStepper {
       stepperStates.changeActiveStep(this.stepperId, index);
       this.bcmStepChange.emit(index);
     }
-    this.markForCheck();
+    forceUpdate(this.el);
     return Promise.resolve(index);
   }
   async prev() {
@@ -109,6 +109,7 @@ export class BcmStepper {
         await this.onStepChange(index);
       }
     }
+    forceUpdate(this.el);
     return Promise.resolve(this.getActiveIndex());
   }
   async next(idx) {
@@ -124,6 +125,7 @@ export class BcmStepper {
     else {
       step.status = 'error';
     }
+    forceUpdate(this.el);
     return Promise.resolve(this.getActiveIndex());
   }
   async setActive(index) {

package/dist/collection/templates/step-template.js

@@ -4,7 +4,7 @@
  */
 import { h } from '@stencil/core';
 import cs from 'classnames';
-export const StepperHeaderTemplate = ({ title, description, status, valid, index, loading, active, stepChange, statusIcon, icon, disabled, headerHidden, }) => {
+export const StepperHeaderTemplate = ({ _title, description, status, valid, index, loading, active, stepChange, statusIcon, icon, disabled, headerHidden, }) => {
   const classes = cs('bcm-stepper__header-item', `bcm-stepper__header-item--${status}`, {
     'bcm-stepper__header-item--active': active,
     'bcm-stepper__header-item--valid': valid,
@@ -18,5 +18,5 @@ export const StepperHeaderTemplate = ({ title, description, status, valid, index
     error: 'fal fa-times',
   };
   const customIcon = (icon || (statusIcon && defaultIcons[status])) && h("bcm-icon", { icon: icon ? icon : defaultIcons[status] });
-  return (h("div", { class: classes }, h("div", { class: "bcm-stepper__header-item--container", onClick: () => !disabled && stepChange(index) }, h("div", { class: "bcm-stepper__header-item-icon size-3" }, loading ? h("bcm-icon", { icon: "far fa-spinner-third fa-spin" }) : customIcon || index), h("div", { class: "bcm-stepper__header-item-title size-2" }, title), h("div", { class: "bcm-stepper__header-item-description size-1" }, description))));
+  return (h("div", { class: classes }, h("div", { class: "bcm-stepper__header-item--container", onClick: () => !disabled && stepChange(index) }, h("div", { class: "bcm-stepper__header-item-icon size-3" }, loading ? h("bcm-icon", { icon: "far fa-spinner-third fa-spin" }) : customIcon || index), h("div", { class: "bcm-stepper__header-item-title size-2" }, _title), h("div", { class: "bcm-stepper__header-item-description size-1" }, description))));
 };

package/dist/components/bcm-stepper.js

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent, forceUpdate, Host } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
 import { G as Generate, s as snq } from './generate.js';
 import { I as IsLoad } from './is-load-decorator.js';
@@ -11,7 +11,7 @@ import { g as getChildElements } from './utils.js';
 import { s as stepperStates, d as defineCustomElement$2 } from './step.js';
 import { d as defineCustomElement$3 } from './icon.js';
 
-const StepperHeaderTemplate = ({ title, description, status, valid, index, loading, active, stepChange, statusIcon, icon, disabled, headerHidden, }) => {
+const StepperHeaderTemplate = ({ _title, description, status, valid, index, loading, active, stepChange, statusIcon, icon, disabled, headerHidden, }) => {
   const classes = classnames('bcm-stepper__header-item', `bcm-stepper__header-item--${status}`, {
     'bcm-stepper__header-item--active': active,
     'bcm-stepper__header-item--valid': valid,
@@ -28,7 +28,7 @@ const StepperHeaderTemplate = ({ title, description, status, valid, index, loadi
   return (h("div", { class: classes },
     h("div", { class: "bcm-stepper__header-item--container", onClick: () => !disabled && stepChange(index) },
       h("div", { class: "bcm-stepper__header-item-icon size-3" }, loading ? h("bcm-icon", { icon: "far fa-spinner-third fa-spin" }) : customIcon || index),
-      h("div", { class: "bcm-stepper__header-item-title size-2" }, title),
+      h("div", { class: "bcm-stepper__header-item-title size-2" }, _title),
       h("div", { class: "bcm-stepper__header-item-description size-1" }, description))));
 };
 
@@ -94,7 +94,7 @@ const BcmStepper$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       slots.forEach((item, index) => {
         const step = steps.find(step => !item.headerHidden && step.id === item.id);
         if (step) {
-          Generate.setAttributes(item, Object.assign({ title: '', status: step.status || 'default', disabled: step.disabled || false, valid: step.valid || true, loading: step.loading || false, index: step.index || index, active: step.active || false, innerHtml: step.innerHtml || '' }, (item.hidden == true && { headerHidden: true })));
+          Generate.setAttributes(item, Object.assign({ title: '', _title: step.title || step._title || '', status: step.status || 'default', disabled: step.disabled || false, valid: step.valid || true, loading: step.loading || false, index: step.index || index, active: step.active || false, innerHtml: step.innerHtml || '' }, (item.hidden == true && { headerHidden: true })));
           if ((item.hidden = false)) {
             item.removeAttribute('hidden');
           }
@@ -119,7 +119,7 @@ const BcmStepper$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       stepperStates.changeActiveStep(this.stepperId, index);
       this.bcmStepChange.emit(index);
     }
-    this.markForCheck();
+    forceUpdate(this.el);
     return Promise.resolve(index);
   }
   async prev() {
@@ -135,6 +135,7 @@ const BcmStepper$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         await this.onStepChange(index);
       }
     }
+    forceUpdate(this.el);
     return Promise.resolve(this.getActiveIndex());
   }
   async next(idx) {
@@ -150,6 +151,7 @@ const BcmStepper$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     else {
       step.status = 'error';
     }
+    forceUpdate(this.el);
     return Promise.resolve(this.getActiveIndex());
   }
   async setActive(index) {

package/dist/components/generate.js

@@ -24,7 +24,7 @@ var TypeProps;
   TypeProps["basic"] = "basic";
 })(TypeProps || (TypeProps = {}));
 
-const version = "2.7.38-rc.2";
+const version = "2.7.38-rc.3-0";
 
 function snq(callback, defaultValue) {
     try {

package/dist/components/step.js

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { forceUpdate, proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
 import { I as IsLoad } from './is-load-decorator.js';
 import { G as Generate, s as snq } from './generate.js';
@@ -19,7 +19,8 @@ const setValue = val => {
         .filter(data => !data.hidden)
         .map((item, index) => ({
         id: item.id || Generate.UID(),
-        title: item.title || item._title || 'Step ' + (index + 1),
+        title: item.title || item._title,
+        _title: item.title || item._title || 'Step ' + (index + 1),
         description: item.description || '',
         status: item.status || 'default',
         disabled: val.linear ? (index == 0 ? false : true) : item.disabled || false,
@@ -49,14 +50,14 @@ const changeStepStatus = (id, stepId, status) => {
   const value = state.value.get(id);
   if (value && value.steps) {
     value.steps = value.steps.map(step => (Object.assign(Object.assign({}, step), { status: step.id === stepId ? status : step.status })));
-    value.el.tick = Generate.UID();
+    forceUpdate(value.el);
   }
 };
 const changeStepDisabled = (id, stepId, disabled) => {
   const value = state.value.get(id);
   if (value && value.steps) {
     value.steps = value.steps.map(step => (Object.assign(Object.assign({}, step), { disabled: step.id === stepId ? disabled : step.disabled })));
-    value.el.tick = Generate.UID();
+    forceUpdate(value.el);
   }
 };
 const setActiveIndex = (id, index) => state.value.get(id).active = index;
@@ -65,7 +66,7 @@ const stepperReset = id => {
   if (value) {
     value.active = 1;
     value.steps = value.steps.map((step, i) => (Object.assign(Object.assign({}, step), { active: i === 0, status: 'default', disabled: i !== 0, loading: false })));
-    value.el.tick = Generate.UID();
+    forceUpdate(value.el);
   }
 };
 const getValue = id => snq(() => state.value.get(id), {});

package/dist/esm/bcm-accordion.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-58077b32.js';
 import { I as IsLoad } from './is-load-decorator-d57b8f9e.js';
-import { G as Generate } from './generate-fed306d9.js';
+import { G as Generate } from './generate-2cdc77b7.js';
 
 const accordionCss = "@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/esm/bcm-alert.entry.js

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-58077b32.js';
-import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-fed306d9.js';
+import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-2cdc77b7.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { c as createStore } from './index-6bdec00d.js';
 import { S as StringHelper } from './string-helper-74a1648f.js';