@beeq/core 1.3.0 → 1.3.1

package/dist/esm/loader.js

@@ -2,8 +2,8 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import { b as bootstrapLazy } from './index-fe861cd3.js';
-export { s as setNonce } from './index-fe861cd3.js';
+import { b as bootstrapLazy } from './index-8e584dd6.js';
+export { s as setNonce } from './index-8e584dd6.js';
 import { g as globalScripts } from './app-globals-7655df21.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/hydrate/index.js

@@ -6820,7 +6820,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'beeq';
-const BUILD = /* beeq */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* beeq */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 const Env = /* beeq */ {};
 
 function queryNonceMetaTagContent(e) {
@@ -7390,8 +7390,7 @@ const callRender = (e, t, o, n) => {
  return null;
 }, postUpdateComponent = e => {
  const t = e.$cmpMeta$.$tagName$, o = e.$hostElement$, n = createTime("postUpdate", t), s = e.$lazyInstance$ , l = e.$ancestorComponent$;
- (safeCall(s, "componentDidRender"), 
- BUILD.isDev ), 64 & e.$flags$ ? ((safeCall(s, "componentDidUpdate"), 
+ 64 & e.$flags$ ? ((safeCall(s, "componentDidUpdate"), 
  BUILD.isDev ), n()) : (e.$flags$ |= 64, addHydratedFlag(o), 
  (safeCall(s, "componentDidLoad"), 
  BUILD.isDev ), n(), (e.$onReadyResolve$(o), l || appDidLoad())), e.$onInstanceResolve$(o), 
@@ -9249,7 +9248,7 @@ class BqCheckbox {
         this.formId = undefined;
         this.checked = undefined;
         this.disabled = false;
-        this.indeterminate = undefined;
+        this.indeterminate = false;
         this.name = undefined;
         this.required = undefined;
         this.value = undefined;
@@ -9319,13 +9318,13 @@ class BqCheckbox {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (hAsync("label", { key: 'db05740c3df13d890ed60b9bb78d8beca4bede65', class: {
+        return (hAsync("label", { key: '8ef3a181f272b54b530172f739093e2bd14359e2', class: {
                 'bq-checkbox group': true,
                 'is-checked': this.checked,
                 'is-indeterminate': this.indeterminate,
                 'is-disabled !cursor-not-allowed': this.disabled,
                 'has-background': this.backgroundOnHover,
-            }, part: "base" }, hAsync("div", { key: '1eab4bef621573c2895bf7c0d422a886d9126a42', class: "bq-checkbox__control relative box-border flex h-[var(--bq-checkbox--size)] w-[var(--bq-checkbox--size)] items-center justify-center p-xs3", part: "control" }, hAsync("input", { key: '3657ee84f07c0e1797217a215b4df288fcb7c0f2', type: "checkbox", class: "bq-checkbox__input pointer-events-none absolute m-0 p-0 opacity-0", name: !isNil(this.name) ? this.name : undefined, checked: this.checked, disabled: this.disabled, indeterminate: this.indeterminate, form: this.formId, required: this.required, value: this.value, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', ref: (input) => (this.inputElem = input), onBlur: this.handleOnBlur, onChange: this.handleChange, onFocus: this.handleOnFocus, part: "input", tabindex: "0" }), hAsync("span", { key: 'dd636e71229989ec0ef78cf4221ad14f51cdd05d', class: "bq-checkbox__checkbox relative box-border flex h-full w-[var(--bq-checkbox--size)] items-center justify-center", part: "checkbox" }, this.checked && (hAsync("svg", { key: '2caa87406d6d5e9e6ffde515bae66a9c4c7e60fa', xmlns: "http://www.w3.org/2000/svg", class: "absolute h-full w-full text-neutral-white", viewBox: "0 0 256 256" }, hAsync("path", { key: '9115640b31ea2c5d2e8028efd48202a1ad0ac75f', fill: "none", d: "M0 0h256v256H0z" }), hAsync("path", { key: 'bc6c5b827c9d5c9056eedfa7401eccf5a96884b9', fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32", d: "M216 72 104 184l-56-56" }))), !this.checked && this.indeterminate && (hAsync("svg", { key: '01c44130974b13693d892714f9c0344791c59b38', xmlns: "http://www.w3.org/2000/svg", class: "absolute h-full w-full text-neutral-white", viewBox: "0 0 256 256", fill: "currentColor" }, hAsync("path", { key: 'e79ddaf92e2a2548af26e6dd718dc09586c6172c', fill: "none", d: "M0 0h256v256H0z" }), hAsync("path", { key: 'f3543a9386a92984b0f84cd07352a52caebcd6a3', fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32", d: "M40 128h176" }))))), hAsync("span", { key: '7b7990c41373b0513f1db75367929202606185db', class: "bq-checkbox__label ps-xs text-start font-medium leading-regular text-text-primary group-hover-[&:not(.is-disabled)]:text-hover-text-primary group-[.is-disabled]:opacity-60", part: "label" }, hAsync("slot", { key: '04b91384b158b70488e8d3d9f09847e9a9e3eb02' }))));
+            }, part: "base" }, hAsync("div", { key: '29125e80c318222cb660aec6273c666eed5a15ba', class: "bq-checkbox__control relative box-border flex h-[var(--bq-checkbox--size)] w-[var(--bq-checkbox--size)] items-center justify-center p-xs3", part: "control" }, hAsync("input", { key: 'f665aec8d5aa528d63bce77826d0bfa77d9c32db', type: "checkbox", class: "bq-checkbox__input pointer-events-none absolute m-0 p-0 opacity-0", name: !isNil(this.name) ? this.name : undefined, checked: this.checked, disabled: this.disabled, indeterminate: this.indeterminate, form: this.formId, required: this.required, value: this.value, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', ref: (input) => (this.inputElem = input), onBlur: this.handleOnBlur, onChange: this.handleChange, onFocus: this.handleOnFocus, part: "input", tabindex: "0" }), hAsync("span", { key: '7773a7b4c155e88e6d05ee0665a993d2ad8f6499', class: "bq-checkbox__checkbox relative box-border flex h-full w-[var(--bq-checkbox--size)] items-center justify-center", part: "checkbox" }, this.checked && (hAsync("svg", { key: '950869630444fe6883559ea99b1e27fa2bb8e6af', xmlns: "http://www.w3.org/2000/svg", class: "absolute h-full w-full text-neutral-white", viewBox: "0 0 256 256" }, hAsync("path", { key: '93de424fc2ce483fbb85d8869f95651463776723', fill: "none", d: "M0 0h256v256H0z" }), hAsync("path", { key: 'ea0c932a0596b50a58b020891e4a1b471aa3e642', fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32", d: "M216 72 104 184l-56-56" }))), !this.checked && this.indeterminate && (hAsync("svg", { key: '0ddac34f289e56e2e05b5d6ba301994be105848a', xmlns: "http://www.w3.org/2000/svg", class: "absolute h-full w-full text-neutral-white", viewBox: "0 0 256 256", fill: "currentColor" }, hAsync("path", { key: '3a0b1514214f66edbb907a9e320af99f240f7134', fill: "none", d: "M0 0h256v256H0z" }), hAsync("path", { key: 'ca859995a806f8520cf6ba6dfc6602ec26a9b1b8', fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32", d: "M40 128h176" }))))), hAsync("span", { key: '424777693df82fac825372ba4d6caed42b2f313d', class: "bq-checkbox__label ps-xs text-start font-medium leading-regular text-text-primary group-hover-[&:not(.is-disabled)]:text-hover-text-primary group-[.is-disabled]:opacity-60", part: "label" }, hAsync("slot", { key: '822cd629f175d6aa90ecfac3497dd695c0d8c444' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -13617,6 +13616,9 @@ class BqSelect {
                 this.displayValue = checkedItem ? this.getOptionLabel(checkedItem) : '';
                 this.inputElem.value = (_a = this.displayValue) !== null && _a !== void 0 ? _a : '';
             }
+            else {
+                this.selectedOptions = this.options.filter((item) => { var _a; return (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item.value); });
+            }
         };
         this.getOptionLabel = (item) => {
             const slot = item.shadowRoot.querySelector('slot:not([name])');
@@ -13657,6 +13659,11 @@ class BqSelect {
     // Prop lifecycle events
     // =======================
     handleValueChange() {
+        if (this.multiple && isString(this.value)) {
+            // NOTE: we ensure that value is an array, changing the value will trigger Watch to execute thus the return
+            this.value = Array.from(JSON.parse(String(this.value)));
+            return;
+        }
         this.syncItemsFromValue();
     }
     // Component lifecycle events
@@ -13673,9 +13680,6 @@ class BqSelect {
         }
         this.handleValueChange();
     }
-    componentDidRender() {
-        this.syncItemsFromValue();
-    }
     // Listeners
     // ==============
     handleOpenChange(ev) {
@@ -13723,7 +13727,11 @@ class BqSelect {
     get displayTags() {
         return this.selectedOptions.map((item, index) => {
             if (index < this.maxTagsVisible || this.maxTagsVisible < 0) {
-                return (hAsync("bq-tag", { key: item.value, removable: true, size: "xsmall", variant: "filled", onBqClose: () => this.handleTagRemove(item),
+                return (hAsync("bq-tag", { key: item.value, removable: true, size: "xsmall", variant: "filled", onBqClose: (event) => {
+                        // NOTE: prevents triggering bqClose on parent
+                        event.stopPropagation();
+                        this.handleTagRemove(item);
+                    },
                     // Prevent the tag from closing the panel when clicked
                     onClick: (ev) => ev.stopPropagation(), exportparts: "wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close", part: "tag" }, this.getOptionLabel(item)));
             }
@@ -13747,19 +13755,19 @@ class BqSelect {
     // ===================================
     render() {
         const labelId = `bq-select__label-${this.name || this.fallbackInputId}`;
-        return (hAsync("div", { key: '02f9d50d197ecd012e03c270405457dbf14f9144', class: "bq-select", part: "base" }, hAsync("label", { key: '7d57662924ea12872edaf0b769c42f680f16d2dd', id: labelId, class: { 'bq-select__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, ref: (labelElem) => (this.labelElem = labelElem), part: "label" }, hAsync("slot", { key: '95fd243c08024aa5ec821282b1a648e42b1ae4fc', name: "label", onSlotchange: this.handleLabelSlotChange })), hAsync("bq-dropdown", { key: '93b96ada984d062715c4a1cee51c950d7655e710', class: "bq-select__dropdown w-full", disabled: this.disabled, distance: this.distance, keepOpenOnSelect: this.keepOpenOnSelect, open: this.open, panelHeight: this.panelHeight, placement: this.placement, sameWidth: this.sameWidth, skidding: this.skidding, strategy: this.strategy, exportparts: "panel" }, hAsync("div", { key: '990ba26e0d8f88ecc2d4a789c5917bba6e4aa87d', class: {
+        return (hAsync("div", { key: '93365bce60725fc80034b51de1e7ef751fe65c37', class: "bq-select", part: "base" }, hAsync("label", { key: '0065e122f209644a1fa877fed37b96cdd43332c2', id: labelId, class: { 'bq-select__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, ref: (labelElem) => (this.labelElem = labelElem), part: "label" }, hAsync("slot", { key: '377f747dacc7fdde8a131763d6f936643675606f', name: "label", onSlotchange: this.handleLabelSlotChange })), hAsync("bq-dropdown", { key: '5e5a1cb415f5dca1cb5bd300a97551e619e8f7ec', class: "bq-select__dropdown w-full", disabled: this.disabled, distance: this.distance, keepOpenOnSelect: this.keepOpenOnSelect, open: this.open, panelHeight: this.panelHeight, placement: this.placement, sameWidth: this.sameWidth, skidding: this.skidding, strategy: this.strategy, exportparts: "panel" }, hAsync("div", { key: 'e26f9abac85ac1aa4eef36866862eb9284a96aad', class: {
                 'bq-select__control': true,
                 [`validation-${this.validationStatus}`]: true,
                 disabled: this.disabled,
-            }, part: "control", slot: "trigger" }, hAsync("span", { key: '26009add5f23f3b33e6912b804428e67da347fef', class: { 'bq-select__control--prefix': true, '!hidden': !this.hasPrefix }, ref: (spanElem) => (this.prefixElem = spanElem), part: "prefix" }, hAsync("slot", { key: '03d70e1cd969c7c26b95b94af36958a84fb5c52d', name: "prefix", onSlotchange: this.handlePrefixSlotChange })), hAsync("div", { key: '5ac3eb995b5d5dc6fab0ac73962b260cd7834303', class: "flex flex-1 overflow-x-auto", part: "input-outline" }, this.multiple && (hAsync("span", { key: '732309cc836b6363c1dd4e30014fe19d790489e4', class: "me-xs2 flex flex-1 gap-xs2 [&>bq-tag::part(text)]:text-nowrap [&>bq-tag::part(text)]:leading-small [&>bq-tag]:inline-flex", part: "tags" }, this.displayTags)), hAsync("input", { key: '17461304fab0315baec7afaa053b80c54d234b68', id: this.name || this.fallbackInputId, class: "bq-select__control--input w-full flex-grow", autoComplete: "off", autoCapitalize: "off", autoFocus: this.autofocus, "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `bq-options-${this.name}`, "aria-expanded": this.open ? 'true' : 'false', "aria-haspopup": "listbox", disabled: this.disabled, form: this.form, name: this.name, placeholder: this.displayPlaceholder, ref: (inputElem) => (this.inputElem = inputElem), readOnly: this.readonly, required: this.required, role: "combobox", spellcheck: false, type: "text", value: this.displayValue, part: "input",
+            }, part: "control", slot: "trigger" }, hAsync("span", { key: '01ce8b1b75f83ab2cdec682ee2b68e1cd2cea2ab', class: { 'bq-select__control--prefix': true, '!hidden': !this.hasPrefix }, ref: (spanElem) => (this.prefixElem = spanElem), part: "prefix" }, hAsync("slot", { key: '0a6404d02c4cf3ea68d76cda304627629172d505', name: "prefix", onSlotchange: this.handlePrefixSlotChange })), hAsync("div", { key: '5d9f95e9371c8dc78cbc89b519f1d523efb56fbb', class: "flex flex-1 overflow-x-auto", part: "input-outline" }, this.multiple && (hAsync("span", { key: 'e2a41a90ff515cb050cb50d562fd3456a0c5a971', class: "me-xs2 flex flex-1 gap-xs2 [&>bq-tag::part(text)]:text-nowrap [&>bq-tag::part(text)]:leading-small [&>bq-tag]:inline-flex", part: "tags" }, this.displayTags)), hAsync("input", { key: '179962a0c3572cf267c5787f5258f3251d0865a9', id: this.name || this.fallbackInputId, class: "bq-select__control--input w-full flex-grow", autoComplete: "off", autoCapitalize: "off", autoFocus: this.autofocus, "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `bq-options-${this.name}`, "aria-expanded": this.open ? 'true' : 'false', "aria-haspopup": "listbox", disabled: this.disabled, form: this.form, name: this.name, placeholder: this.displayPlaceholder, ref: (inputElem) => (this.inputElem = inputElem), readOnly: this.readonly, required: this.required, role: "combobox", spellcheck: false, type: "text", value: this.displayValue, part: "input",
             // Events
             onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handleSearchFilter })), this.hasClearIcon && (
         // The clear button will be visible as long as the input has a value
         // and the parent group is hovered or has focus-within
-        hAsync("bq-button", { key: 'bcb8c3f5fad488f98abcd0ce6d650309ae579ef9', class: "bq-select__control--clear ms-[--bq-select--gap]", appearance: "text", "aria-label": this.clearButtonLabel, size: "small", onBqClick: this.handleClearClick, part: "clear-btn", exportparts: "button", tabIndex: -1 }, hAsync("slot", { key: '014f8b03b759e8834896d1ef3b97de5be36cff61', name: "clear-icon" }, hAsync("bq-icon", { key: '09b481745b2c21fa3e7e025ab65d6ec65c6799ad', name: "x-circle", class: "flex" })))), hAsync("span", { key: '3a472bb44053d4db6bd23a8903e3cf2302ba8175', class: { 'bq-select__control--suffix': true, 'rotate-180': this.open, 'rotate-0': !this.open }, ref: (spanElem) => (this.suffixElem = spanElem), part: "suffix" }, hAsync("slot", { key: '7ab67db44451d26e47025141562f4964a959cebd', name: "suffix", onSlotchange: this.handleSuffixSlotChange }, hAsync("bq-icon", { key: 'a275bc3592809db0400d4997347215cfcbe1c7ea', name: "caret-down", class: "flex" })))), hAsync("bq-option-list", { key: 'f35debbc5f66029cbb4e629f121cdd07d9f8d7d1', id: `bq-options-${this.name}`, onBqSelect: this.handleSelect, "aria-expanded": this.open ? 'true' : 'false', exportparts: "base:option-list", role: "listbox" }, hAsync("slot", { key: 'd3f0221adf2f45de44c2ac8c5b015ff9db45ee87' }))), hAsync("div", { key: 'acacde82dfed85687cfa8b443992f79cc3f2f145', class: {
+        hAsync("bq-button", { key: '2f94a0813747b23caaeaab20f28bd687b7cb7d3b', class: "bq-select__control--clear ms-[--bq-select--gap]", appearance: "text", "aria-label": this.clearButtonLabel, size: "small", onBqClick: this.handleClearClick, part: "clear-btn", exportparts: "button", tabIndex: -1 }, hAsync("slot", { key: '5b0168c7b8bce6ccc05080a8111216d098c987a7', name: "clear-icon" }, hAsync("bq-icon", { key: 'ad6b5016896acb1226726599603465fb1b280b65', name: "x-circle", class: "flex" })))), hAsync("span", { key: '505eebe64f8faed6b31a34b80429ea23a4517948', class: { 'bq-select__control--suffix': true, 'rotate-180': this.open, 'rotate-0': !this.open }, ref: (spanElem) => (this.suffixElem = spanElem), part: "suffix" }, hAsync("slot", { key: 'f4ae5ea77e67b54e32206e68735a8eb1afd4d0e1', name: "suffix", onSlotchange: this.handleSuffixSlotChange }, hAsync("bq-icon", { key: '005e9c61ba8353db41f4aeb9ca0d5c47fae41bfe', name: "caret-down", class: "flex" })))), hAsync("bq-option-list", { key: '206613838b1af99cbf41fe64bb9d5d008cd6fd92', id: `bq-options-${this.name}`, onBqSelect: this.handleSelect, "aria-expanded": this.open ? 'true' : 'false', exportparts: "base:option-list", role: "listbox" }, hAsync("slot", { key: '57b47f994fccfea12105b8fb45ab8f72766134a5' }))), hAsync("div", { key: '3702dbb3eebc9485fc6089068c8aa3f318527c86', class: {
                 [`bq-select__helper-text validation-${this.validationStatus}`]: true,
                 '!hidden': !this.hasHelperText,
-            }, ref: (divElem) => (this.helperTextElem = divElem), part: "helper-text" }, hAsync("slot", { key: 'b94d5f1dc8769ba3f06794c2648351695887152f', name: "helper-text", onSlotchange: this.handleHelperTextSlotChange }))));
+            }, ref: (divElem) => (this.helperTextElem = divElem), part: "helper-text" }, hAsync("slot", { key: '9464eeac52d5252be2e6d991688e4411a29bc148', name: "helper-text", onSlotchange: this.handleHelperTextSlotChange }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -14060,7 +14068,7 @@ class BqSlider {
         };
         this.calculateMinValue = (value) => {
             var _a;
-            const isMaxValue = ((_a = this.maxValue) !== null && _a !== void 0 ? _a : value[1]) === this.max;
+            const isMaxValue = ((_a = this.minValue) !== null && _a !== void 0 ? _a : value[0]) === this.max;
             const isGapExceeded = value[0] + this.gap > this.max;
             // Make sure that the min value gets adjusted according to the gap value
             return isMaxValue || isGapExceeded ? this.max - this.gap : value[0];

package/dist/types/components/checkbox/bq-checkbox.d.ts

@@ -19,7 +19,7 @@ export declare class BqCheckbox {
     /** If true checkbox is disabled */
     disabled?: boolean;
     /** A state that is neither checked nor unchecked */
-    indeterminate: false;
+    indeterminate?: boolean;
     /** Name of the HTML input form control. Submitted with the form as part of a name/value pair.  */
     name: string;
     /** If `true`, it will indicate that the user must specify a value for the checkbox before the owning form can be submitted */

package/dist/types/components/select/bq-select.d.ts

@@ -111,7 +111,6 @@ export declare class BqSelect {
     }>;
     connectedCallback(): void;
     componentDidLoad(): void;
-    componentDidRender(): void;
     handleOpenChange(ev: CustomEvent<{
         open: boolean;
     }>): void;

package/dist/types/components.d.ts

@@ -295,7 +295,7 @@ export namespace Components {
         /**
           * A state that is neither checked nor unchecked
          */
-        "indeterminate": false;
+        "indeterminate"?: boolean;
         /**
           * Name of the HTML input form control. Submitted with the form as part of a name/value pair.
          */
@@ -2401,7 +2401,7 @@ declare namespace LocalJSX {
         /**
           * A state that is neither checked nor unchecked
          */
-        "indeterminate"?: false;
+        "indeterminate"?: boolean;
         /**
           * Name of the HTML input form control. Submitted with the form as part of a name/value pair.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beeq/core",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "license": "Apache-2.0",
   "description": "BEEQ, a Design System components ruled by Endavan developers :)",
   "main": "./dist/index.cjs.js",