@beeq/core 1.11.2 → 1.12.0

package/dist/cjs/index.cjs.js

@@ -7,14 +7,14 @@
 var assetsPath = require('./assetsPath-pf4usGy6.js');
 var clamp = require('./clamp-CceB5h7D.js');
 var cssVariables = require('./cssVariables-exM7Oz37.js');
-var date = require('./date-C-h2CBps.js');
+var form = require('./form-COLxwVaW.js');
 var debounce = require('./debounce-D0tIpUuS.js');
 var event = require('./event-BhuEFC-I.js');
 var getNextElement = require('./getNextElement-Bcdj4jIn.js');
 var isClient = require('./isClient-CrXhXxbA.js');
 var isDefined = require('./isDefined-D24L82z9.js');
 var isNil = require('./isNil-CFhdj92S.js');
-var isHTMLElement = require('./isHTMLElement-DMA6t4n4.js');
+var isHTMLElement = require('./isHTMLElement-CtkOWsTF.js');
 var isString = require('./isString-CA9m1aBg.js');
 var props = require('./props-DzFXZXSF.js');
 var scrollLock = require('./scrollLock-OTzU3x3y.js');
@@ -65,8 +65,15 @@ exports.setBasePath = assetsPath.setBasePath;
 exports.clamp = clamp.clamp;
 exports.getCSSVariableValue = cssVariables.getCSSVariableValue;
 exports.getColorCSSVariable = cssVariables.getColorCSSVariable;
-exports.isValidISODate = date.isValidISODate;
-exports.parseDateInput = date.parseDateInput;
+exports.ISO_DATE_LOCALE = form.ISO_DATE_LOCALE;
+exports.clampDateToRange = form.clampDateToRange;
+exports.extractFocusedDate = form.extractFocusedDate;
+exports.formatDisplayValue = form.formatDisplayValue;
+exports.getTodayISO = form.getTodayISO;
+exports.isValidISODate = form.isValidISODate;
+exports.parseDateInput = form.parseDateInput;
+exports.toISODateString = form.toISODateString;
+exports.updateFormValidity = form.updateFormValidity;
 exports.debounce = debounce.debounce;
 exports.setRafTimeout = debounce.setRafTimeout;
 exports.isEventTargetChildOfElement = event.isEventTargetChildOfElement;
@@ -94,3 +101,5 @@ exports.toggle = transition.toggle;
 exports.getRandomFromArray = getRandomFromArray;
 exports.isEmpty = isEmpty;
 //# sourceMappingURL=index.cjs.js.map
+
+//# sourceMappingURL=index.cjs.js.map

package/dist/cjs/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../packages/beeq/src/shared/utils/getRandom.ts","../../packages/beeq/src/shared/utils/isEmpty.ts"],"sourcesContent":["/**\n * Get a number of randoms items from Array\n *\n * @param {Array} arr - The array where to look\n * @param {Number} n - The number of random items to take\n * @returns {Array} An array with the number of random items specified\n */\nexport const getRandomFromArray = <T>(arr: T[], n: number): T[] => {\n  let length = arr.length;\n  const result = new Array(n);\n  const taken = new Array(length);\n\n  if (n > length) throw new RangeError('getRandom: more elements taken than available');\n\n  while (n--) {\n    const x = Date.now() % length;\n    result[n] = arr[x in taken ? taken[x] : x];\n    taken[x] = --length in taken ? taken[length] : length;\n  }\n  return result;\n};\n","import { isDefined, isNil } from '.';\n\ntype TCollection = Map<unknown, unknown> | Array<unknown> | Record<string, unknown> | Set<unknown> | null | undefined;\n\n/**\n * Check if the value is an empty array, object, set, map\n * @param value the value to be checked\n * @returns {boolean} true if value is empty\n */\nexport const isEmpty = <T extends TCollection>(value: T): boolean => {\n  if (isNil(value)) {\n    return true;\n  } else if ('size' in value) {\n    return !isDefined(value.size);\n  } else {\n    return !isDefined(Object.values(value).length);\n  }\n};\n"],"names":["isNil","isDefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAMG;MACU,kBAAkB,GAAG,CAAI,GAAQ,EAAE,CAAS,KAAS;AAChE,IAAA,IAAI,MAAM,GAAG,GAAG,CAAC,MAAM;AACvB,IAAA,MAAM,MAAM,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC;AAC3B,IAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC;IAE/B,IAAI,CAAC,GAAG,MAAM;AAAE,QAAA,MAAM,IAAI,UAAU,CAAC,+CAA+C,CAAC;IAErF,OAAO,CAAC,EAAE,EAAE;QACV,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,MAAM;QAC7B,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAC1C,QAAA,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM;;AAEvD,IAAA,OAAO,MAAM;AACf;;AChBA;;;;AAIG;AACU,MAAA,OAAO,GAAG,CAAwB,KAAQ,KAAa;AAClE,IAAA,IAAIA,WAAK,CAAC,KAAK,CAAC,EAAE;AAChB,QAAA,OAAO,IAAI;;AACN,SAAA,IAAI,MAAM,IAAI,KAAK,EAAE;AAC1B,QAAA,OAAO,CAACC,mBAAS,CAAC,KAAK,CAAC,IAAI,CAAC;;SACxB;AACL,QAAA,OAAO,CAACA,mBAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../packages/beeq/src/shared/utils/getRandom.ts","../../packages/beeq/src/shared/utils/isEmpty.ts"],"sourcesContent":["/**\n * Get a number of randoms items from Array\n *\n * @param {Array} arr - The array where to look\n * @param {Number} n - The number of random items to take\n * @returns {Array} An array with the number of random items specified\n */\nexport const getRandomFromArray = <T>(arr: T[], n: number): T[] => {\n  let length = arr.length;\n  const result = new Array(n);\n  const taken = new Array(length);\n\n  if (n > length) throw new RangeError('getRandom: more elements taken than available');\n\n  while (n--) {\n    const x = Date.now() % length;\n    result[n] = arr[x in taken ? taken[x] : x];\n    taken[x] = --length in taken ? taken[length] : length;\n  }\n  return result;\n};\n","import { isDefined, isNil } from '.';\n\ntype TCollection = Map<unknown, unknown> | Array<unknown> | Record<string, unknown> | Set<unknown> | null | undefined;\n\n/**\n * Check if the value is an empty array, object, set, map\n * @param value the value to be checked\n * @returns {boolean} true if value is empty\n */\nexport const isEmpty = <T extends TCollection>(value: T): boolean => {\n  if (isNil(value)) {\n    return true;\n  } else if ('size' in value) {\n    return !isDefined(value.size);\n  } else {\n    return !isDefined(Object.values(value).length);\n  }\n};\n"],"names":["isNil","isDefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAMG;MACU,kBAAkB,GAAG,CAAI,GAAQ,EAAE,CAAS,KAAS;AAChE,IAAA,IAAI,MAAM,GAAG,GAAG,CAAC,MAAM;AACvB,IAAA,MAAM,MAAM,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC;AAC3B,IAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC;IAE/B,IAAI,CAAC,GAAG,MAAM;AAAE,QAAA,MAAM,IAAI,UAAU,CAAC,+CAA+C,CAAC;IAErF,OAAO,CAAC,EAAE,EAAE;QACV,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,MAAM;QAC7B,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAC1C,QAAA,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM;;AAEvD,IAAA,OAAO,MAAM;AACf;;AChBA;;;;AAIG;AACU,MAAA,OAAO,GAAG,CAAwB,KAAQ,KAAa;AAClE,IAAA,IAAIA,WAAK,CAAC,KAAK,CAAC,EAAE;AAChB,QAAA,OAAO,IAAI;;AACN,SAAA,IAAI,MAAM,IAAI,KAAK,EAAE;AAC1B,QAAA,OAAO,CAACC,mBAAS,CAAC,KAAK,CAAC,IAAI,CAAC;;SACxB;AACL,QAAA,OAAO,CAACA,mBAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/{isHTMLElement-DMA6t4n4.js → isHTMLElement-CtkOWsTF.js}

@@ -11,10 +11,10 @@
  * @returns {boolean} true if the target nodeName is the tag
  */
 const isHTMLElement = (target, tag) => {
-    return target instanceof Node && target.nodeName.toLowerCase() === tag;
+    return target instanceof Node && target.nodeName.toLowerCase() === tag.toLowerCase();
 };
 
 exports.isHTMLElement = isHTMLElement;
-//# sourceMappingURL=isHTMLElement-DMA6t4n4.js.map
+//# sourceMappingURL=isHTMLElement-CtkOWsTF.js.map
 
-//# sourceMappingURL=isHTMLElement-DMA6t4n4.js.map
+//# sourceMappingURL=isHTMLElement-CtkOWsTF.js.map

package/dist/{esm/isHTMLElement-BxgDLPzX.js.map → cjs/isHTMLElement-CtkOWsTF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"isHTMLElement-BxgDLPzX.js","sources":["../../packages/beeq/src/shared/utils/isHTMLElement.ts"],"sourcesContent":["/**\n * Check if value is the HTMLElement defined by tag\n * @param target the value to be check\n * @param tag valid HTMLElement\n * @returns {boolean} true if the target nodeName is the tag\n */\nexport const isHTMLElement = <T extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(\n  target: unknown,\n  tag: T,\n): target is HTMLElementTagNameMap[T] => {\n  return target instanceof Node && target.nodeName.toLowerCase() === tag;\n};\n"],"names":[],"mappings":";;;;AAAA;;;;;AAKG;MACU,aAAa,GAAG,CAC3B,MAAe,EACf,GAAM,KACgC;AACtC,IAAA,OAAO,MAAM,YAAY,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,GAAG;AACxE;;;;"}
+{"version":3,"file":"isHTMLElement-CtkOWsTF.js","sources":["../../packages/beeq/src/shared/utils/isHTMLElement.ts"],"sourcesContent":["/**\n * Check if value is the HTMLElement defined by tag\n * @param target the value to be check\n * @param tag valid HTMLElement\n * @returns {boolean} true if the target nodeName is the tag\n */\nexport const isHTMLElement = <T extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap>(\n  target: unknown,\n  tag: T,\n): target is HTMLElementTagNameMap[T] => {\n  return target instanceof Node && target.nodeName.toLowerCase() === tag.toLowerCase();\n};\n"],"names":[],"mappings":";;;;;;AAAA;;;;;AAKG;MACU,aAAa,GAAG,CAC3B,MAAe,EACf,GAAM,KACgC;AACtC,IAAA,OAAO,MAAM,YAAY,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE;AACtF;;;;"}

package/dist/cjs/loader.cjs.js

@@ -4,14 +4,16 @@
  */
 'use strict';
 
-var index = require('./index-g8MkV15i.js');
+var index = require('./index-Cnm84YLJ.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"bq-select.cjs\",[[849,\"bq-select\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"distance\":[514],\"form\":[513],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"name\":[513],\"maxTagsVisible\":[1026,\"max-tags-visible\"],\"multiple\":[516],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"readonly\":[516],\"required\":[516],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"displayValue\":[32],\"hasHelperText\":[32],\"selectedOptions\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64],\"reset\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[2,\"bqFocus\",\"stopOptionFocusBlurPropagation\"],[2,\"bqBlur\",\"stopOptionFocusBlurPropagation\"],[11,\"scroll\",\"handleScrollEvent\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bq-date-picker.cjs\",[[849,\"bq-date-picker\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"disableClear\":[516,\"disable-clear\"],\"disabled\":[1028],\"distance\":[514],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"formatOptions\":[16],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"isDateDisallowed\":[16],\"locale\":[513],\"max\":[513],\"min\":[513],\"months\":[514],\"monthsPerView\":[513,\"months-per-view\"],\"name\":[513],\"open\":[1540],\"panelHeight\":[1537,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"required\":[516],\"skidding\":[514],\"showOutsideDays\":[516,\"show-outside-days\"],\"strategy\":[513],\"tentative\":[1537],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"isCallyLoaded\":[32],\"focusedDate\":[32],\"displayDate\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasRangeEnd\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[18,\"click\",\"handleClickOutside\"]],{\"value\":[\"handleValueChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-drawer.cjs\",[[769,\"bq-drawer\",{\"enableBackdrop\":[516,\"enable-backdrop\"],\"closeOnClickOutside\":[516,\"close-on-click-outside\"],\"closeOnEsc\":[516,\"close-on-esc\"],\"open\":[1540],\"placement\":[1537],\"position\":[1537],\"hasFooter\":[32],\"hasIcon\":[32],\"hide\":[64],\"show\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"handleOpenChange\"],\"placement\":[\"handlePlacementChange\"],\"position\":[\"handlePositionChange\"]}]]],[\"bq-alert.cjs\",[[769,\"bq-alert\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"sticky\":[516],\"hasContent\":[32],\"hasFooter\":[32],\"hide\":[64],\"show\":[64]},null,{\"autoDismiss\":[\"handleTimeout\"],\"time\":[\"handleTimeout\"],\"open\":[\"handleOpenChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-dialog.cjs\",[[769,\"bq-dialog\",{\"border\":[513],\"disableBackdrop\":[516,\"disable-backdrop\"],\"disableCloseEscKeydown\":[516,\"disable-close-esc-keydown\"],\"disableCloseClickOutside\":[516,\"disable-close-click-outside\"],\"footerAppearance\":[513,\"footer-appearance\"],\"hideCloseButton\":[516,\"hide-close-button\"],\"open\":[1540],\"size\":[1537],\"hasContent\":[32],\"hasFooter\":[32],\"show\":[64],\"hide\":[64],\"cancel\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"footerAppearance\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"],\"open\":[\"handleOpenChange\"]}]]],[\"bq-input.cjs\",[[849,\"bq-input\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"inputmode\":[1],\"max\":[520],\"maxlength\":[514],\"min\":[520],\"minlength\":[514],\"name\":[513],\"pattern\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"step\":[520],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1544],\"hasHelperText\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bq-notification.cjs\",[[769,\"bq-notification\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"hasContent\":[32],\"hasFooter\":[32],\"notificationPortal\":[32],\"hide\":[64],\"show\":[64],\"toast\":[64]},[[0,\"bqAfterClose\",\"afterNotificationClose\"]],{\"autoDismiss\":[\"handleTimeout\"],\"time\":[\"handleTimeout\"],\"open\":[\"handleOpenChange\"],\"type\":[\"checkPropValues\"]}]]],[\"bq-accordion.cjs\",[[769,\"bq-accordion\",{\"appearance\":[1537],\"disabled\":[516],\"expanded\":[1540],\"noAnimation\":[516,\"no-animation\"],\"rotate\":[516],\"size\":[1537],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"accordionTransitionEnd\",\"onAccordionTransitionEnd\"]],{\"size\":[\"checkPropValues\"],\"expanded\":[\"handleExpandedChange\"],\"disabled\":[\"handleDisabledChange\"],\"noAnimation\":[\"handleJsAnimation\"]}]]],[\"bq-empty-state.cjs\",[[769,\"bq-empty-state\",{\"size\":[1537],\"hasBody\":[32],\"hasFooter\":[32]},null,{\"size\":[\"checkPropValues\"]}]]],[\"bq-progress.cjs\",[[769,\"bq-progress\",{\"borderShape\":[513,\"border-shape\"],\"enableTooltip\":[516,\"enable-tooltip\"],\"indeterminate\":[516],\"label\":[516],\"thickness\":[513],\"type\":[513],\"value\":[1538]},null,{\"borderShape\":[\"handleTypePropChange\"],\"thickness\":[\"handleTypePropChange\"],\"type\":[\"handleTypePropChange\"],\"value\":[\"handleValuePropChange\"]}]]],[\"bq-side-menu-item.cjs\",[[769,\"bq-side-menu-item\",{\"active\":[4],\"collapse\":[4],\"disabled\":[4],\"textContent\":[32]}]]],[\"bq-slider.cjs\",[[849,\"bq-slider\",{\"debounceTime\":[514,\"debounce-time\"],\"disabled\":[516],\"enableValueIndicator\":[516,\"enable-value-indicator\"],\"gap\":[1538],\"max\":[514],\"min\":[514],\"name\":[513],\"step\":[514],\"type\":[513],\"value\":[1544],\"enableTooltip\":[516,\"enable-tooltip\"],\"tooltipAlwaysVisible\":[516,\"tooltip-always-visible\"],\"minValue\":[32],\"maxValue\":[32],\"minThumbPosition\":[32],\"maxThumbPosition\":[32]},null,{\"value\":[\"handleValuePropChange\"],\"step\":[\"handleStepPropChange\"],\"gap\":[\"handleGapChange\"]}]]],[\"bq-status.cjs\",[[769,\"bq-status\",{\"type\":[513]},null,{\"type\":[\"checkPropValues\"]}]]],[\"bq-steps.cjs\",[[769,\"bq-steps\",{\"dividerColor\":[513,\"divider-color\"],\"size\":[513],\"type\":[513],\"setCurrentStepItem\":[64]},null,{\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-switch.cjs\",[[849,\"bq-switch\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"checked\":[1540],\"disabled\":[516],\"formValidationMessage\":[1025,\"form-validation-message\"],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[513,\"inner-label\"],\"justifyContent\":[513,\"justify-content\"],\"name\":[513],\"required\":[516],\"reverseOrder\":[516,\"reverse-order\"],\"value\":[513],\"hasLabel\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]},null,{\"required\":[\"handleRequiredChange\"]}]]],[\"bq-toast.cjs\",[[769,\"bq-toast\",{\"border\":[513],\"type\":[1537],\"placement\":[1537],\"hideIcon\":[1540,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"toastPortal\":[32],\"show\":[64],\"hide\":[64],\"toast\":[64]},[[0,\"bqHide\",\"onNotificationHide\"]],{\"type\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"],\"time\":[\"handleTimeChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"bq-accordion-group.cjs\",[[769,\"bq-accordion-group\",{\"appearance\":[1537],\"expandAll\":[516,\"expand-all\"],\"noAnimation\":[516,\"no-animation\"],\"multiple\":[516],\"size\":[1537]},[[1,\"bqClick\",\"onBqClick\"]],{\"appearance\":[\"checkPropValues\"],\"expandAll\":[\"checkPropValues\"],\"noAnimation\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-avatar.cjs\",[[769,\"bq-avatar\",{\"altText\":[513,\"alt-text\"],\"image\":[513],\"label\":[513],\"initials\":[513],\"shape\":[513],\"size\":[1537],\"hasError\":[32]},null,{\"image\":[\"handleImagePropChange\"],\"shape\":[\"checkPropValues\"],\"size\":[\"checkPropValues\",\"onInitialsChange\"],\"initials\":[\"onInitialsChange\"]}]]],[\"bq-breadcrumb.cjs\",[[769,\"bq-breadcrumb\",{\"label\":[513]}]]],[\"bq-breadcrumb-item.cjs\",[[769,\"bq-breadcrumb-item\",{\"href\":[513],\"target\":[513],\"rel\":[513]}]]],[\"bq-card.cjs\",[[769,\"bq-card\",{\"type\":[513],\"border\":[513]},null,{\"type\":[\"checkPropValue\"]}]]],[\"bq-checkbox.cjs\",[[849,\"bq-checkbox\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"formValidationMessage\":[1025,\"form-validation-message\"],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1540],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]},null,{\"indeterminate\":[\"handleIndeterminatePropChange\"],\"required\":[\"handleRequiredPropChange\"]}]]],[\"bq-option.cjs\",[[769,\"bq-option\",{\"hidden\":[516],\"disabled\":[516],\"displayValue\":[513,\"display-value\"],\"selected\":[516],\"value\":[513],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bq-option-group.cjs\",[[257,\"bq-option-group\"]]],[\"bq-page-title.cjs\",[[769,\"bq-page-title\",{\"haveBackNavigation\":[32],\"hasSuffix\":[32],\"hasSubTitle\":[32]}]]],[\"bq-radio.cjs\",[[785,\"bq-radio\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"checked\":[1540],\"disabled\":[516],\"forceDisabled\":[516,\"force-disabled\"],\"formId\":[513,\"form-id\"],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"getNativeInput\":[64]}]]],[\"bq-radio-group.cjs\",[[849,\"bq-radio-group\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[516],\"fieldset\":[516],\"name\":[513],\"orientation\":[1537],\"required\":[516],\"requiredValidationMessage\":[513,\"required-validation-message\"],\"value\":[1537],\"checkedRadio\":[32],\"tabIndex\":[32]},[[2,\"bqClick\",\"onBqClick\"],[0,\"bqKeyDown\",\"onBqKeyDown\"],[2,\"bqFocus\",\"onBqFocus\"],[2,\"bqBlur\",\"onBqBlur\"]],{\"debounceTime\":[\"handleDebounceTimeChange\"],\"disabled\":[\"handleDisabledChange\",\"handleGroupProperties\"],\"backgroundOnHover\":[\"handleGroupProperties\"],\"name\":[\"handleGroupProperties\"],\"required\":[\"handleGroupProperties\",\"handleRequiredChange\"],\"orientation\":[\"checkPropValues\"],\"value\":[\"handleValueChange\"]}]]],[\"bq-side-menu.cjs\",[[769,\"bq-side-menu\",{\"appearance\":[513],\"collapse\":[516],\"size\":[513],\"documentBody\":[32],\"toggleCollapse\":[64]},[[1,\"bqClick\",\"onMenuItemClick\"]],{\"collapse\":[\"onCollapsePropChange\"]}]]],[\"bq-spinner.cjs\",[[769,\"bq-spinner\",{\"animation\":[516],\"textPosition\":[513,\"text-position\"],\"size\":[513],\"hasIconSlot\":[32],\"hasSlot\":[32],\"slotContentLength\":[32]},null,{\"textPosition\":[\"handleTextPositionProp\"],\"size\":[\"handleSizeProp\"],\"hasIconSlot\":[\"handleHasIconSlot\"]}]]],[\"bq-step-item.cjs\",[[785,\"bq-step-item\",{\"size\":[513],\"status\":[1537],\"type\":[513]},null,{\"size\":[\"checkPropValues\"],\"status\":[\"checkPropValues\"]}]]],[\"bq-tab.cjs\",[[769,\"bq-tab\",{\"active\":[1540],\"controls\":[513],\"disabled\":[516],\"orientation\":[513],\"placement\":[513],\"size\":[513],\"tabId\":[513,\"tab-id\"],\"tabIndex\":[32],\"hasIcon\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"enableFocus\":[64]},null,{\"size\":[\"checkPropValues\"],\"orientation\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"]}]]],[\"bq-tab-group.cjs\",[[769,\"bq-tab-group\",{\"debounceTime\":[1538,\"debounce-time\"],\"disableDivider\":[516,\"disable-divider\"],\"orientation\":[513],\"placement\":[513],\"size\":[513],\"value\":[1537]},[[19,\"keyup\",\"onKeyUp\"],[1,\"bqClick\",\"onBqClick\"],[1,\"bqKeyDown\",\"onBqKeyDown\"],[3,\"bqBlur\",\"onBqBlur\"]],{\"debounceTime\":[\"checkDebounceChange\"],\"size\":[\"checkPropValues\"],\"value\":[\"checkPropValues\"],\"orientation\":[\"checkPropValues\"],\"placement\":[\"checkPropValues\"]}]]],[\"bq-textarea.cjs\",[[849,\"bq-textarea\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autofocus\":[516],\"autoGrow\":[516,\"auto-grow\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[516],\"disableResize\":[516,\"disable-resize\"],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"maxlength\":[514],\"name\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"rows\":[514],\"spellcheck\":[516],\"validationStatus\":[1537,\"validation-status\"],\"value\":[1025],\"wrap\":[513],\"hasHelperText\":[32],\"hasLabel\":[32]},null,{\"value\":[\"handleValueChange\"],\"required\":[\"handleRequiredPropChange\"]}]]],[\"bq-badge.cjs\",[[769,\"bq-badge\",{\"backgroundColor\":[1537,\"background-color\"],\"textColor\":[1537,\"text-color\"],\"size\":[1537],\"contentLength\":[32]},null,{\"size\":[\"handleSizePropChange\"]}]]],[\"bq-button_2.cjs\",[[849,\"bq-button\",{\"appearance\":[513],\"block\":[516],\"border\":[513],\"disabled\":[4],\"download\":[1],\"href\":[513],\"justifyContent\":[513,\"justify-content\"],\"loading\":[4],\"size\":[513],\"target\":[513],\"type\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hasSuffix\":[32]},null,{\"appearance\":[\"checkPropValues\"],\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"],\"variant\":[\"checkPropValues\"]}],[769,\"bq-icon\",{\"label\":[513],\"color\":[513],\"name\":[513],\"size\":[520],\"src\":[513],\"weight\":[513],\"svgContent\":[32]},null,{\"color\":[\"handlePropsChange\"],\"name\":[\"handlePropsChange\"],\"size\":[\"handlePropsChange\"],\"weight\":[\"handleWeightChange\"]}]]],[\"bq-option-list_2.cjs\",[[785,\"bq-tag\",{\"border\":[513],\"clickable\":[516],\"color\":[513],\"disabled\":[516],\"hidden\":[1540],\"removable\":[516],\"selected\":[1540],\"size\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hide\":[64],\"show\":[64]},null,{\"size\":[\"checkPropValues\"],\"variant\":[\"checkPropValues\"]}],[769,\"bq-option-list\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqClick\",\"onBqSelect\"],[1,\"bqEnter\",\"onBqSelect\"]]]]],[\"bq-divider.cjs\",[[769,\"bq-divider\",{\"dashed\":[4],\"orientation\":[513],\"strokeColor\":[513,\"stroke-color\"],\"titleAlignment\":[513,\"title-alignment\"],\"strokeDashWidth\":[514,\"stroke-dash-width\"],\"strokeDashGap\":[514,\"stroke-dash-gap\"],\"strokeThickness\":[514,\"stroke-thickness\"],\"strokeBasis\":[514,\"stroke-basis\"],\"strokeLinecap\":[513,\"stroke-linecap\"],\"hasTitle\":[32]},null,{\"orientation\":[\"checkPropValues\"],\"titleAlignment\":[\"checkPropValues\"],\"strokeLinecap\":[\"checkPropValues\"]}]]],[\"bq-tooltip.cjs\",[[769,\"bq-tooltip\",{\"alwaysVisible\":[4,\"always-visible\"],\"distance\":[514],\"hideArrow\":[516,\"hide-arrow\"],\"placement\":[513],\"sameWidth\":[516,\"same-width\"],\"displayOn\":[513,\"display-on\"],\"visible\":[1540],\"show\":[64],\"hide\":[64]},[[4,\"keydown\",\"handleDocumentKeyDown\"],[5,\"mousedown\",\"handleDocumentMouseDown\"],[5,\"scroll\",\"handleDocumentScroll\"]],{\"visible\":[\"handleVisibleChange\"],\"distance\":[\"handleFloatingUIOptionsChange\"],\"hideArrow\":[\"handleFloatingUIOptionsChange\"],\"placement\":[\"handleFloatingUIOptionsChange\"],\"sameWidth\":[\"handleFloatingUIOptionsChange\"]}]]],[\"bq-dropdown_2.cjs\",[[769,\"bq-dropdown\",{\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"disabled\":[516],\"distance\":[514],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"placement\":[513],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},[[1,\"bqSelect\",\"onItemSelect\"],[5,\"click\",\"onClickOutside\"],[9,\"keyup\",\"onEscape\"],[11,\"scroll\",\"handleScrollEvent\"]],{\"open\":[\"onOpenChange\"],\"disabled\":[\"handleDisabledChange\"]}],[769,\"bq-panel\",{\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"distance\":[514],\"placement\":[513],\"open\":[1540],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},null,{\"open\":[\"handleOpenChange\"],\"distance\":[\"onPropChange\"],\"placement\":[\"onPropChange\"],\"sameWidth\":[\"onPropChange\"],\"skidding\":[\"onPropChange\"],\"strategy\":[\"onPropChange\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"bq-select.cjs\",[[849,\"bq-select\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"distance\":[514],\"form\":[513],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"name\":[513],\"maxTagsVisible\":[1026,\"max-tags-visible\"],\"multiple\":[516],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"readonly\":[516],\"required\":[516],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"displayValue\":[32],\"hasHelperText\":[32],\"selectedOptions\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64],\"reset\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[2,\"bqFocus\",\"stopOptionFocusBlurPropagation\"],[2,\"bqBlur\",\"stopOptionFocusBlurPropagation\"],[11,\"scroll\",\"handleScrollEvent\"]],{\"value\":[{\"handleValueChange\":0}]}]]],[\"bq-date-picker.cjs\",[[849,\"bq-date-picker\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"disableClear\":[516,\"disable-clear\"],\"disabled\":[1028],\"distance\":[514],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"formatOptions\":[16],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"isDateDisallowed\":[16],\"locale\":[513],\"max\":[513],\"min\":[513],\"months\":[514],\"monthsPerView\":[513,\"months-per-view\"],\"name\":[513],\"open\":[1540],\"panelHeight\":[1537,\"panel-height\"],\"placeholder\":[513],\"placement\":[513],\"required\":[516],\"skidding\":[514],\"showOutsideDays\":[516,\"show-outside-days\"],\"strategy\":[513],\"tentative\":[1537],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1537],\"isCallyLoaded\":[32],\"focusedDate\":[32],\"displayDate\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasRangeEnd\":[32],\"hasSuffix\":[32],\"hasValue\":[32],\"clear\":[64]},[[2,\"bqOpen\",\"handleOpenChange\"],[18,\"click\",\"handleClickOutside\"]],{\"value\":[{\"handleValueChange\":0}],\"type\":[{\"checkPropValues\":0}]}]]],[\"bq-drawer.cjs\",[[769,\"bq-drawer\",{\"enableBackdrop\":[516,\"enable-backdrop\"],\"closeOnClickOutside\":[516,\"close-on-click-outside\"],\"closeOnEsc\":[516,\"close-on-esc\"],\"open\":[1540],\"placement\":[1537],\"position\":[1537],\"hasFooter\":[32],\"hasIcon\":[32],\"hide\":[64],\"show\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"handleOpenChange\":0}],\"placement\":[{\"handlePlacementChange\":0}],\"position\":[{\"handlePositionChange\":0}]}]]],[\"bq-alert.cjs\",[[769,\"bq-alert\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"sticky\":[516],\"hasContent\":[32],\"hasFooter\":[32],\"hide\":[64],\"show\":[64]},null,{\"autoDismiss\":[{\"handleTimeout\":0}],\"time\":[{\"handleTimeout\":0}],\"open\":[{\"handleOpenChange\":0}],\"type\":[{\"checkPropValues\":0}]}]]],[\"bq-dialog.cjs\",[[769,\"bq-dialog\",{\"border\":[513],\"disableBackdrop\":[516,\"disable-backdrop\"],\"disableCloseEscKeydown\":[516,\"disable-close-esc-keydown\"],\"disableCloseClickOutside\":[516,\"disable-close-click-outside\"],\"footerAppearance\":[513,\"footer-appearance\"],\"hideCloseButton\":[516,\"hide-close-button\"],\"open\":[1540],\"size\":[1537],\"hasContent\":[32],\"hasFooter\":[32],\"show\":[64],\"hide\":[64],\"cancel\":[64]},[[11,\"mousedown\",\"handleMouseClick\"],[10,\"keydown\",\"handleKeyDown\"]],{\"footerAppearance\":[{\"checkPropValues\":0}],\"size\":[{\"checkPropValues\":0}],\"open\":[{\"handleOpenChange\":0}]}]]],[\"bq-input.cjs\",[[849,\"bq-input\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[1028],\"disableClear\":[516,\"disable-clear\"],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"inputmode\":[1],\"max\":[520],\"maxlength\":[514],\"min\":[520],\"minlength\":[514],\"name\":[513],\"pattern\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"step\":[520],\"type\":[513],\"validationStatus\":[513,\"validation-status\"],\"value\":[1544],\"hasHelperText\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasValue\":[32]},null,{\"value\":[{\"handleValueChange\":0}]}]]],[\"bq-notification.cjs\",[[769,\"bq-notification\",{\"autoDismiss\":[516,\"auto-dismiss\"],\"border\":[513],\"disableClose\":[516,\"disable-close\"],\"hideIcon\":[516,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"type\":[513],\"hasContent\":[32],\"hasFooter\":[32],\"notificationPortal\":[32],\"hide\":[64],\"show\":[64],\"toast\":[64]},[[0,\"bqAfterClose\",\"afterNotificationClose\"]],{\"autoDismiss\":[{\"handleTimeout\":0}],\"time\":[{\"handleTimeout\":0}],\"open\":[{\"handleOpenChange\":0}],\"type\":[{\"checkPropValues\":0}]}]]],[\"bq-accordion.cjs\",[[769,\"bq-accordion\",{\"appearance\":[1537],\"disabled\":[516],\"expanded\":[1540],\"noAnimation\":[516,\"no-animation\"],\"rotate\":[516],\"size\":[1537],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"accordionTransitionEnd\",\"onAccordionTransitionEnd\"]],{\"size\":[{\"checkPropValues\":0}],\"expanded\":[{\"handleExpandedChange\":0}],\"disabled\":[{\"handleDisabledChange\":0}],\"noAnimation\":[{\"handleJsAnimation\":0}]}]]],[\"bq-empty-state.cjs\",[[769,\"bq-empty-state\",{\"size\":[1537],\"hasBody\":[32],\"hasFooter\":[32]},null,{\"size\":[{\"checkPropValues\":0}]}]]],[\"bq-progress.cjs\",[[513,\"bq-progress\",{\"borderShape\":[513,\"border-shape\"],\"enableTooltip\":[516,\"enable-tooltip\"],\"indeterminate\":[516],\"label\":[516],\"thickness\":[513],\"type\":[513],\"value\":[1538]},null,{\"borderShape\":[{\"handleTypePropChange\":0}],\"thickness\":[{\"handleTypePropChange\":0}],\"type\":[{\"handleTypePropChange\":0}],\"value\":[{\"handleValuePropChange\":0}]}]]],[\"bq-side-menu-item.cjs\",[[769,\"bq-side-menu-item\",{\"active\":[4],\"collapse\":[4],\"disabled\":[4],\"textContent\":[32]}]]],[\"bq-slider.cjs\",[[593,\"bq-slider\",{\"debounceTime\":[514,\"debounce-time\"],\"disabled\":[516],\"enableValueIndicator\":[516,\"enable-value-indicator\"],\"gap\":[1538],\"max\":[514],\"min\":[514],\"name\":[513],\"step\":[514],\"type\":[513],\"value\":[1544],\"enableTooltip\":[516,\"enable-tooltip\"],\"tooltipAlwaysVisible\":[516,\"tooltip-always-visible\"],\"minValue\":[32],\"maxValue\":[32],\"minThumbPosition\":[32],\"maxThumbPosition\":[32]},null,{\"value\":[{\"handleValuePropChange\":0}],\"step\":[{\"handleStepPropChange\":0}],\"gap\":[{\"handleGapChange\":0}]}]]],[\"bq-status.cjs\",[[769,\"bq-status\",{\"type\":[513]},null,{\"type\":[{\"checkPropValues\":0}]}]]],[\"bq-step-item.cjs\",[[785,\"bq-step-item\",{\"dividerColor\":[513,\"divider-color\"],\"isLast\":[516,\"is-last\"],\"orientation\":[513],\"size\":[513],\"status\":[1537],\"type\":[513]},null,{\"size\":[{\"checkPropValues\":0}],\"status\":[{\"checkPropValues\":0}]}]]],[\"bq-switch.cjs\",[[849,\"bq-switch\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"checked\":[1540],\"disabled\":[516],\"formValidationMessage\":[1025,\"form-validation-message\"],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[513,\"inner-label\"],\"justifyContent\":[513,\"justify-content\"],\"name\":[513],\"required\":[516],\"reverseOrder\":[516,\"reverse-order\"],\"value\":[513],\"hasLabel\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]},null,{\"required\":[{\"handleRequiredChange\":0}]}]]],[\"bq-toast.cjs\",[[769,\"bq-toast\",{\"border\":[513],\"type\":[1537],\"placement\":[1537],\"hideIcon\":[1540,\"hide-icon\"],\"open\":[1540],\"time\":[514],\"toastPortal\":[32],\"show\":[64],\"hide\":[64],\"toast\":[64]},[[0,\"bqHide\",\"onNotificationHide\"]],{\"type\":[{\"checkPropValues\":0}],\"placement\":[{\"checkPropValues\":0}],\"time\":[{\"handleTimeChange\":0}],\"open\":[{\"handleOpenChange\":0}]}]]],[\"bq-accordion-group.cjs\",[[769,\"bq-accordion-group\",{\"appearance\":[1537],\"expandAll\":[516,\"expand-all\"],\"noAnimation\":[516,\"no-animation\"],\"multiple\":[516],\"size\":[1537]},[[1,\"bqClick\",\"onBqClick\"]],{\"appearance\":[{\"checkPropValues\":0}],\"expandAll\":[{\"checkPropValues\":0}],\"noAnimation\":[{\"checkPropValues\":0}],\"size\":[{\"checkPropValues\":0}]}]]],[\"bq-avatar.cjs\",[[769,\"bq-avatar\",{\"altText\":[513,\"alt-text\"],\"image\":[513],\"label\":[513],\"initials\":[513],\"shape\":[513],\"size\":[1537],\"hasError\":[32]},null,{\"image\":[{\"handleImagePropChange\":0}],\"shape\":[{\"checkPropValues\":0}],\"size\":[{\"checkPropValues\":0},{\"onInitialsChange\":0}],\"initials\":[{\"onInitialsChange\":0}]}]]],[\"bq-breadcrumb.cjs\",[[769,\"bq-breadcrumb\",{\"label\":[513]}]]],[\"bq-breadcrumb-item.cjs\",[[769,\"bq-breadcrumb-item\",{\"href\":[513],\"target\":[513],\"rel\":[513]}]]],[\"bq-card.cjs\",[[769,\"bq-card\",{\"type\":[513],\"border\":[513]},null,{\"type\":[{\"checkPropValue\":0}]}]]],[\"bq-checkbox.cjs\",[[849,\"bq-checkbox\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"formValidationMessage\":[1025,\"form-validation-message\"],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1540],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64]},null,{\"indeterminate\":[{\"handleIndeterminatePropChange\":0}],\"required\":[{\"handleRequiredPropChange\":0}]}]]],[\"bq-option.cjs\",[[769,\"bq-option\",{\"hidden\":[516],\"disabled\":[516],\"displayValue\":[513,\"display-value\"],\"selected\":[516],\"value\":[513],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bq-option-group.cjs\",[[257,\"bq-option-group\"]]],[\"bq-page-title.cjs\",[[769,\"bq-page-title\",{\"haveBackNavigation\":[32],\"hasSuffix\":[32],\"hasSubTitle\":[32]}]]],[\"bq-radio.cjs\",[[785,\"bq-radio\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"checked\":[1540],\"disabled\":[516],\"forceDisabled\":[516,\"force-disabled\"],\"formId\":[513,\"form-id\"],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"getNativeInput\":[64]}]]],[\"bq-radio-group.cjs\",[[849,\"bq-radio-group\",{\"backgroundOnHover\":[516,\"background-on-hover\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[516],\"fieldset\":[516],\"name\":[513],\"orientation\":[1537],\"required\":[516],\"requiredValidationMessage\":[513,\"required-validation-message\"],\"value\":[1537],\"checkedRadio\":[32],\"tabIndex\":[32]},[[2,\"bqClick\",\"onBqClick\"],[0,\"bqKeyDown\",\"onBqKeyDown\"],[2,\"bqFocus\",\"onBqFocus\"],[2,\"bqBlur\",\"onBqBlur\"]],{\"debounceTime\":[{\"handleDebounceTimeChange\":0}],\"disabled\":[{\"handleDisabledChange\":0},{\"handleGroupProperties\":0}],\"backgroundOnHover\":[{\"handleGroupProperties\":0}],\"name\":[{\"handleGroupProperties\":0}],\"required\":[{\"handleGroupProperties\":0},{\"handleRequiredChange\":0}],\"orientation\":[{\"checkPropValues\":0}],\"value\":[{\"handleValueChange\":0}]}]]],[\"bq-side-menu.cjs\",[[769,\"bq-side-menu\",{\"appearance\":[513],\"collapse\":[516],\"size\":[513],\"documentBody\":[32],\"toggleCollapse\":[64]},[[1,\"bqClick\",\"onMenuItemClick\"]],{\"collapse\":[{\"onCollapsePropChange\":0}]}]]],[\"bq-spinner.cjs\",[[769,\"bq-spinner\",{\"animation\":[516],\"textPosition\":[513,\"text-position\"],\"size\":[513],\"hasIconSlot\":[32],\"hasSlot\":[32],\"slotContentLength\":[32]},null,{\"textPosition\":[{\"handleTextPositionProp\":0}],\"size\":[{\"handleSizeProp\":0}],\"hasIconSlot\":[{\"handleHasIconSlot\":0}]}]]],[\"bq-steps.cjs\",[[769,\"bq-steps\",{\"dividerColor\":[513,\"divider-color\"],\"orientation\":[513],\"size\":[513],\"type\":[513],\"setCurrentStepItem\":[64]},null,{\"dividerColor\":[{\"checkPropValues\":0}],\"orientation\":[{\"checkPropValues\":0}],\"type\":[{\"checkPropValues\":0}],\"size\":[{\"checkPropValues\":0}]}]]],[\"bq-tab.cjs\",[[769,\"bq-tab\",{\"active\":[1540],\"controls\":[513],\"disabled\":[516],\"orientation\":[513],\"placement\":[513],\"size\":[513],\"tabId\":[513,\"tab-id\"],\"tabIndex\":[32],\"hasIcon\":[32],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"enableFocus\":[64]},null,{\"size\":[{\"checkPropValues\":0}],\"orientation\":[{\"checkPropValues\":0}],\"placement\":[{\"checkPropValues\":0}]}]]],[\"bq-tab-group.cjs\",[[769,\"bq-tab-group\",{\"debounceTime\":[1538,\"debounce-time\"],\"disableDivider\":[516,\"disable-divider\"],\"orientation\":[513],\"placement\":[513],\"size\":[513],\"value\":[1537]},[[19,\"keyup\",\"onKeyUp\"],[1,\"bqClick\",\"onBqClick\"],[1,\"bqKeyDown\",\"onBqKeyDown\"],[3,\"bqBlur\",\"onBqBlur\"]],{\"debounceTime\":[{\"checkDebounceChange\":0}],\"size\":[{\"checkPropValues\":0}],\"value\":[{\"checkPropValues\":0}],\"orientation\":[{\"checkPropValues\":0}],\"placement\":[{\"checkPropValues\":0}]}]]],[\"bq-textarea.cjs\",[[849,\"bq-textarea\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autofocus\":[516],\"autoGrow\":[516,\"auto-grow\"],\"debounceTime\":[1538,\"debounce-time\"],\"disabled\":[516],\"disableResize\":[516,\"disable-resize\"],\"form\":[513],\"formValidationMessage\":[1025,\"form-validation-message\"],\"maxlength\":[514],\"name\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"rows\":[514],\"spellcheck\":[516],\"validationStatus\":[1537,\"validation-status\"],\"value\":[1025],\"wrap\":[513],\"hasHelperText\":[32],\"hasLabel\":[32]},null,{\"value\":[{\"handleValueChange\":0}],\"required\":[{\"handleRequiredPropChange\":0}]}]]],[\"bq-badge.cjs\",[[769,\"bq-badge\",{\"backgroundColor\":[1537,\"background-color\"],\"textColor\":[1537,\"text-color\"],\"size\":[1537],\"contentLength\":[32]},null,{\"size\":[{\"handleSizePropChange\":0}]}]]],[\"bq-button_2.cjs\",[[849,\"bq-button\",{\"appearance\":[513],\"block\":[516],\"border\":[513],\"disabled\":[4],\"download\":[1],\"href\":[513],\"justifyContent\":[513,\"justify-content\"],\"label\":[513],\"loading\":[4],\"onlyIcon\":[4,\"only-icon\"],\"size\":[513],\"target\":[513],\"type\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hasSuffix\":[32]},null,{\"appearance\":[{\"checkPropValues\":0}],\"type\":[{\"checkPropValues\":0}],\"size\":[{\"checkPropValues\":0}],\"variant\":[{\"checkPropValues\":0}],\"onlyIcon\":[{\"handleOnlyIconPropChange\":0}]}],[513,\"bq-icon\",{\"label\":[513],\"color\":[513],\"name\":[513],\"size\":[520],\"src\":[513],\"weight\":[513],\"svgContent\":[32]},null,{\"color\":[{\"handlePropsChange\":0}],\"name\":[{\"handlePropsChange\":0}],\"size\":[{\"handlePropsChange\":0}],\"weight\":[{\"handleWeightChange\":0}]}]]],[\"bq-option-list_2.cjs\",[[785,\"bq-tag\",{\"border\":[513],\"clickable\":[516],\"color\":[513],\"disabled\":[516],\"hidden\":[1540],\"removable\":[516],\"selected\":[1540],\"size\":[513],\"variant\":[513],\"hasPrefix\":[32],\"hide\":[64],\"show\":[64]},null,{\"size\":[{\"checkPropValues\":0}],\"variant\":[{\"checkPropValues\":0}]}],[769,\"bq-option-list\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqClick\",\"onBqSelect\"],[1,\"bqEnter\",\"onBqSelect\"]]]]],[\"bq-divider.cjs\",[[769,\"bq-divider\",{\"dashed\":[4],\"orientation\":[513],\"strokeColor\":[513,\"stroke-color\"],\"titleAlignment\":[513,\"title-alignment\"],\"strokeDashWidth\":[514,\"stroke-dash-width\"],\"strokeDashGap\":[514,\"stroke-dash-gap\"],\"strokeThickness\":[514,\"stroke-thickness\"],\"strokeBasis\":[514,\"stroke-basis\"],\"strokeLinecap\":[513,\"stroke-linecap\"],\"hasTitle\":[32]},null,{\"orientation\":[{\"checkPropValues\":0}],\"titleAlignment\":[{\"checkPropValues\":0}],\"strokeLinecap\":[{\"checkPropValues\":0}]}]]],[\"bq-tooltip.cjs\",[[769,\"bq-tooltip\",{\"alwaysVisible\":[4,\"always-visible\"],\"distance\":[514],\"hideArrow\":[516,\"hide-arrow\"],\"placement\":[513],\"sameWidth\":[516,\"same-width\"],\"displayOn\":[513,\"display-on\"],\"visible\":[1540],\"show\":[64],\"hide\":[64]},[[4,\"keydown\",\"handleDocumentKeyDown\"],[5,\"mousedown\",\"handleDocumentMouseDown\"],[5,\"scroll\",\"handleDocumentScroll\"]],{\"visible\":[{\"handleVisibleChange\":0}],\"distance\":[{\"handleFloatingUIOptionsChange\":0}],\"hideArrow\":[{\"handleFloatingUIOptionsChange\":0}],\"placement\":[{\"handleFloatingUIOptionsChange\":0}],\"sameWidth\":[{\"handleFloatingUIOptionsChange\":0}]}]]],[\"bq-dropdown_2.cjs\",[[769,\"bq-dropdown\",{\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"disabled\":[516],\"distance\":[514],\"keepOpenOnSelect\":[516,\"keep-open-on-select\"],\"placement\":[513],\"open\":[1540],\"panelHeight\":[513,\"panel-height\"],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},[[1,\"bqSelect\",\"onItemSelect\"],[5,\"click\",\"onClickOutside\"],[9,\"keyup\",\"onEscape\"],[11,\"scroll\",\"handleScrollEvent\"]],{\"open\":[{\"onOpenChange\":0}],\"disabled\":[{\"handleDisabledChange\":0}]}],[769,\"bq-panel\",{\"disableScrollLock\":[516,\"disable-scroll-lock\"],\"distance\":[514],\"placement\":[513],\"open\":[1540],\"sameWidth\":[516,\"same-width\"],\"skidding\":[514],\"strategy\":[513]},null,{\"open\":[{\"handleOpenChange\":0}],\"distance\":[{\"onPropChange\":0}],\"placement\":[{\"onPropChange\":0}],\"sameWidth\":[{\"onPropChange\":0}],\"skidding\":[{\"onPropChange\":0}],\"strategy\":[{\"onPropChange\":0}]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;
 //# sourceMappingURL=loader.cjs.js.map
+
+//# sourceMappingURL=loader.cjs.js.map

package/dist/collection/collection-manifest.json

@@ -45,8 +45,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.38.3",
-    "typescriptVersion": "5.9.3"
+    "version": "4.41.3",
+    "typescriptVersion": "5.8.3"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/accordion/bq-accordion.js

@@ -2,7 +2,7 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import { h } from "@stencil/core";
+import { jsx as _jsx, jsxs as _jsxs } from "@stencil/core/jsx-runtime";
 import { hasSlotContent, validatePropValue } from "../../shared/utils";
 import { ACCORDION_APPEARANCE, ACCORDION_SIZE } from "./bq-accordion.types";
 import { Accordion } from "./helper";
@@ -253,24 +253,24 @@ export class BqAccordion {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("details", { key: 'da5a12645fb18b5b03b0c00a28fb613aa91b2ec6', class: {
+        return (_jsxs("details", { class: {
                 [`bq-accordion overflow-hidden ${this.size} ${this.appearance}`]: true,
                 'no-animation': this.noAnimation,
                 disabled: this.disabled,
             }, open: this.open, part: "base", ref: (detailsElem) => {
                 this.detailsElem = detailsElem;
-            } }, h("summary", { key: '59e0cb7a06341785784a46af30cb53acefd2f759', "aria-controls": "bq-accordion__content", "aria-disabled": this.disabled ? 'true' : 'false', "aria-expanded": this.expanded ? 'true' : 'false', class: "bq-accordion__header", id: "bq-accordion__header", onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "header", role: "button", tabindex: this.disabled ? -1 : 0 }, h("div", { key: '2db7c4bc9e7eea0d59a1c98f627809bb5506025b', class: { 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (element) => {
-                this.prefixElem = element;
-            } }, h("slot", { key: 'c92878b5a5d5732489f833e7153524f9339ea245', name: "prefix", onSlotchange: this.handleSlotChange })), h("div", { key: '9d6effe690fc2f5205d795366d926de921859e25', class: "bq-accordion__header--text", part: "text" }, h("slot", { key: '9041a223ea167c82b674978246c053318e305ff8', name: "header" })), h("div", { key: 'd7b64e7cd51a85b2097478e775d22bd2544ab0ee', class: { 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }, part: "suffix", ref: (element) => {
-                this.suffixElem = element;
-            } }, h("slot", { key: '54d7d90808b5ef95dd0335291a7f9d597590d209', name: "suffix", onSlotchange: this.handleSlotChange })), h("div", { key: '003b726f317284d91c88ababa11cfd899b481e40', "aria-hidden": "true", class: {
-                'flex items-center justify-center text-primary transition-transform duration-300 ease-in-out': true,
-                '!hidden': this.open && !this.rotate,
-                'rotate-180': this.rotate && this.open,
-            } }, h("slot", { key: '5d19fe854e192e415e1b42d1b9c51a6400ff4289', name: "expand" }, h("bq-icon", { key: '163438d298ac687447f58b1f42b29dfb1e7dc7d0', name: "plus" }))), h("div", { key: '26150395f63e65f4c8f7a54a21296fbd7c11fa3f', "aria-hidden": "true", class: {
-                'flex items-center justify-center text-primary': true,
-                '!hidden': (!this.open && !this.rotate) || this.rotate,
-            } }, h("slot", { key: 'b30afb3dad67a9c3b112574254a5b4dc7ae796b8', name: "collapse" }, h("bq-icon", { key: 'de68eecbc616343175e9554178b6af3b75d5a077', name: "minus" })))), h("div", { key: '8836c58e12a182bbae2323cdbb561ba120d65067', "aria-labelledby": "bq-accordion__header", class: "bq-accordion__body overflow-hidden bg-ui-primary text-primary", part: "panel", role: "region" }, h("slot", { key: '3b877005c7c9fc05ea3f59bf73312ce122cdb1ff', class: "bq-accordion__content block", id: "bq-accordion__content" }))));
+            }, children: [_jsxs("summary", { "aria-controls": "bq-accordion__content", "aria-disabled": this.disabled ? 'true' : 'false', "aria-expanded": this.expanded ? 'true' : 'false', class: "bq-accordion__header", id: "bq-accordion__header", onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "header", role: "button", tabindex: this.disabled ? -1 : 0, children: [_jsx("div", { class: { 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (element) => {
+                                this.prefixElem = element;
+                            }, children: _jsx("slot", { name: "prefix", onSlotchange: this.handleSlotChange }, 'd8bf2db5a09d1ed2c1b73d20c14d991ee0d6d05e') }, '0a0a9e33888c75c61b1fd5c2788010f6343c3f35'), _jsx("div", { class: "bq-accordion__header--text", part: "text", children: _jsx("slot", { name: "header" }, 'cb7c7023adb0d4abf664704ccd75a04792abb4ac') }, '9a0cc57accf4fcad8cfb4f5fe71bbb3c75b27f41'), _jsx("div", { class: { 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }, part: "suffix", ref: (element) => {
+                                this.suffixElem = element;
+                            }, children: _jsx("slot", { name: "suffix", onSlotchange: this.handleSlotChange }, '6ba8e3f0aa016e6c9a84fbd0fab313ebc0e58091') }, '8684b0e7108acf8ff1ca02417e111c1837257cac'), _jsx("div", { "aria-hidden": "true", class: {
+                                'flex items-center justify-center text-primary transition-transform duration-300 ease-in-out': true,
+                                '!hidden': this.open && !this.rotate,
+                                'rotate-180': this.rotate && this.open,
+                            }, children: _jsx("slot", { name: "expand", children: _jsx("bq-icon", { name: "plus" }, '3859de7351f959d7933099f5af98836ae14dc10d') }, '3eab5a012026d9f811f2e0f0c42c9786f2011cbe') }, '8a550639b44476bf3933fae9498f4997df9ff432'), _jsx("div", { "aria-hidden": "true", class: {
+                                'flex items-center justify-center text-primary': true,
+                                '!hidden': (!this.open && !this.rotate) || this.rotate,
+                            }, children: _jsx("slot", { name: "collapse", children: _jsx("bq-icon", { name: "minus" }, '64647d9a985ae1a77feeefce604b0ee4eb4e3139') }, '854a17a1d7ccc32f15fec71672ec23a349789785') }, '5b4aa263e8cf82ce99ba150d3443ab08cff85486')] }, 'cfd1a99938b99541be4c6798e2fc82f9b5510021'), _jsx("div", { "aria-labelledby": "bq-accordion__header", class: "bq-accordion__body overflow-hidden bg-ui-primary text-primary", part: "panel", role: "region", children: _jsx("slot", { class: "bq-accordion__content block", id: "bq-accordion__content" }, 'e266fd8245c27ea9e8d95854bf42aafa6b17142a') }, '217e486696ee634400bfa7f0ae0040b60d1c3408')] }, '19dda693d37d0a6a711d8e8d40e90306b3ace319'));
     }
     static get is() { return "bq-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -296,7 +296,8 @@ export class BqAccordion {
                         "TAccordionAppearance": {
                             "location": "import",
                             "path": "./bq-accordion.types",
-                            "id": "../../packages/beeq/src/components/accordion/bq-accordion.types.ts::TAccordionAppearance"
+                            "id": "../../packages/beeq/src/components/accordion/bq-accordion.types.ts::TAccordionAppearance",
+                            "referenceLocation": "TAccordionAppearance"
                         }
                     }
                 },
@@ -402,7 +403,8 @@ export class BqAccordion {
                         "TAccordionSize": {
                             "location": "import",
                             "path": "./bq-accordion.types",
-                            "id": "../../packages/beeq/src/components/accordion/bq-accordion.types.ts::TAccordionSize"
+                            "id": "../../packages/beeq/src/components/accordion/bq-accordion.types.ts::TAccordionSize",
+                            "referenceLocation": "TAccordionSize"
                         }
                     }
                 },

package/dist/collection/components/accordion/bq-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"bq-accordion.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/accordion/bq-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { EventEmitter } from '@stencil/core';\nimport { Component, Element, Event, h, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { hasSlotContent, validatePropValue } from '../../shared/utils';\nimport type { TAccordionAppearance, TAccordionSize } from './bq-accordion.types';\nimport { ACCORDION_APPEARANCE, ACCORDION_SIZE } from './bq-accordion.types';\nimport { Accordion } from './helper';\n\n/**\n * The Accordion is a UI component that allows users to toggle between showing and hiding content sections. It provides a collapsible functionality, where only one section can be expanded at a time, while the others remain collapsed.\n *\n * @example How to use it\n * ```html\n * <bq-accordion appearance=\"filled\" size=\"medium\">\n *   <bq-avatar size=\"xsmall\" image=\"/image/url/img.png\" slot=\"prefix\"></bq-avatar>\n *   <h3 slot=\"header\">Header</h3>\n *   <div>Lorem ipsum dolor...</div>\n * </bq-accordion>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/713eae-accordion\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {\"filled\" | \"ghost\"} [appearance=\"filled\"] - The appearance style of the Accordion\n * @attr {boolean} [disabled=false] - If true, the Accordion is disabled\n * @attr {boolean} [expanded=false] - If true, the Accordion is expanded\n * @attr {boolean} [no-animation=false] - Animation is set through JS when the browser does not support CSS calc-size() If true, the Accordion animation, will be disabled. No animation will be applied.\n * @attr {boolean} [rotate=false] - If true, the Accordion expand icon is rotate 180deg when expanded\n * @attr {\"small\" | \"medium\"} [size=\"medium\"] - The size of the the Accordion\n *\n * @event bqOpen - Handler to be called when the accordion is opened\n * @event bqAfterOpen - Handler to be called after the accordion is opened\n * @event bqClose - Handler to be called when the accordion is closed\n * @event bqAfterClose - Handler to be called after the accordion is closed\n * @event bqFocus - Handler to be called when the accordion gets focus\n * @event bqClick - Handler to be called when the accordion is clicked\n * @event bqBlur - Handler to be called when the accordion loses focus\n *\n * @slot - The accordion panel content\n * @slot collapse - The accordion collapse icon\n * @slot expand - The accordion expand icon\n * @slot header - The accordion header content\n * @slot prefix - The accordion prefix content (icon or avatar)\n * @slot suffix - The accordion suffix content (icon or avatar)\n *\n * @part base - The `<details>` that holds the accordion content\n * @part header - The `<summary>` that holds the accordion header content\n * @part panel - The `<div>` that holds the accordion panel content\n * @part prefix - The `<div>` that holds the accordion prefix content\n * @part suffix - The `<div>` that holds the accordion suffix content\n * @part text - The `<div>` that holds the accordion header text content\n *\n * @cssprop --bq-accordion--small-padding-y - Accordion small vertical padding\n * @cssprop --bq-accordion--small-padding-start - Accordion small start padding\n * @cssprop --bq-accordion--small-padding-end - Accordion small end padding\n * @cssprop --bq-accordion--small-padding-gap - Accordion small gap distance between suffix, title and prefix\n * @cssprop --bq-accordion--small-radius - Accordion small border radius\n *\n * @cssprop --bq-accordion--medium-padding-y - Accordion medium vertical padding\n * @cssprop --bq-accordion--medium-padding-start - Accordion medium start padding\n * @cssprop --bq-accordion--medium-padding-end - Accordion medium end padding\n * @cssprop --bq-accordion--medium-padding-gap - Accordion medium gap distance between suffix, title and prefix\n * @cssprop --bq-accordion--medium-radius - Accordion medium border radius\n *\n * @cssprop --bq-accordion--collapsed-border-color - Accordion collapsed border color\n * @cssprop --bq-accordion--collapsed-border-style - Accordion collapsed border style\n * @cssprop --bq-accordion--collapsed-border-width - Accordion collapsed border width\n *\n * @cssprop --bq-accordion--expanded-border-color - Accordion expanded border color\n * @cssprop --bq-accordion--expanded-border-style - Accordion expanded border style\n * @cssprop --bq-accordion--expanded-border-width - Accordion expanded border width\n *\n * @cssprop --bq-accordion--filled-collapsed-background - Accordion filled collapsed header background\n * @cssprop --bq-accordion--filled-collapsed-text-color - Accordion filled collapsed header text color\n * @cssprop --bq-accordion--filled-expanded-background - Accordion filled expanded header background\n * @cssprop --bq-accordion--filled-expanded-collapsed-hover - Accordion filled expanded header color on hover\n * @cssprop --bq-accordion--filled-expanded-text-color - Accordion filled expanded header text color\n *\n * @cssprop --bq-accordion--ghost-collapsed-background - Accordion ghost collapsed header background\n * @cssprop --bq-accordion--ghost-collapsed-text-color - Accordion ghost collapsed header text color\n * @cssprop --bq-accordion--ghost-expanded-background - Accordion ghost expanded header background\n * @cssprop --bq-accordion--ghost-expanded-collapsed-hover - Accordion ghost expanded header color on hover\n * @cssprop --bq-accordion--ghost-expanded-text-color - Accordion ghost expanded header text color\n *\n * @cssprop --bq-accordion--panel-filled-border-color - Accordion filled panel border color\n * @cssprop --bq-accordion--panel-filled-border-style - Accordion filled panel border style\n * @cssprop --bq-accordion--panel-filled-border-width - Accordion filled panel border width\n * @cssprop --bq-accordion--panel-small-filled-padding-y - Accordion small filled panel vertical padding\n * @cssprop --bq-accordion--panel-small-filled-padding-start - Accordion small filled panel start padding\n * @cssprop --bq-accordion--panel-small-filled-padding-end - Accordion small filled panel end padding\n * @cssprop --bq-accordion--panel-medium-filled-padding-y - Accordion medium filled panel vertical padding\n * @cssprop --bq-accordion--panel-medium-filled-padding-start - Accordion medium filled panel start padding\n * @cssprop --bq-accordion--panel-medium-filled-padding-end - Accordion medium filled panel end padding\n *\n * @cssprop --bq-accordion--panel-ghost-border-color - Accordion ghost panel border color\n * @cssprop --bq-accordion--panel-ghost-border-style - Accordion ghost panel border style\n * @cssprop --bq-accordion--panel-ghost-border-width - Accordion ghost panel border width\n * @cssprop --bq-accordion--panel-small-ghost-padding-y - Accordion small ghost panel vertical padding\n * @cssprop --bq-accordion--panel-small-ghost-padding-start - Accordion small ghost panel start padding\n * @cssprop --bq-accordion--panel-small-ghost-padding-end - Accordion small ghost panel end padding\n * @cssprop --bq-accordion--panel-medium-ghost-padding-y - Accordion medium ghost panel vertical padding\n * @cssprop --bq-accordion--panel-medium-ghost-padding-start - Accordion medium ghost panel start padding\n * @cssprop --bq-accordion--panel-medium-ghost-padding-end - Accordion medium ghost panel end padding\n */\n@Component({\n  tag: 'bq-accordion',\n  styleUrl: './scss/bq-accordion.scss',\n  shadow: true,\n})\nexport class BqAccordion {\n  // Own Properties\n  // ====================\n\n  private accordion: Accordion;\n  private prefixElem: HTMLDivElement;\n  private suffixElem: HTMLDivElement;\n  private detailsElem: HTMLDetailsElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqAccordionElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasPrefix = false;\n  @State() private hasSuffix = false;\n\n  // Public Property API\n  // ========================\n\n  /** The appearance style of the Accordion */\n  @Prop({ reflect: true, mutable: true }) appearance: TAccordionAppearance = 'filled';\n\n  /** If true, the Accordion is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** If true, the Accordion is expanded */\n  @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n\n  /**\n   * Animation is set through JS when the browser does not support CSS calc-size()\n   * If true, the Accordion animation, will be disabled. No animation will be applied.\n   */\n  @Prop({ reflect: true }) noAnimation: boolean = false;\n\n  /** If true, the Accordion expand icon is rotate 180deg when expanded */\n  @Prop({ reflect: true }) rotate: boolean = false;\n\n  /** The size of the Accordion */\n  @Prop({ reflect: true, mutable: true }) size: TAccordionSize = 'medium';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('size')\n  checkPropValues() {\n    validatePropValue(ACCORDION_SIZE, 'medium', this.el, 'size');\n    validatePropValue(ACCORDION_APPEARANCE, 'filled', this.el, 'appearance');\n  }\n\n  @Watch('expanded')\n  handleExpandedChange() {\n    const event = this.expanded ? this.bqOpen.emit(this.el) : this.bqClose.emit(this.el);\n    if (event.defaultPrevented) {\n      this.expanded = !this.expanded;\n      return;\n    }\n\n    if (this.expanded) {\n      this.accordion?.open();\n    } else {\n      this.accordion?.close();\n    }\n    if (!this.isCssInterpolateSizeSupported) return;\n\n    // NOTE: This is a workaround to trigger the transitionEnd event\n    // when the open/close animation is handled via CSS instead of JS\n    setTimeout(() => {\n      this.el.dispatchEvent(new CustomEvent('accordionTransitionEnd', { bubbles: false, composed: true }));\n    }, 200);\n  }\n\n  @Watch('disabled')\n  handleDisabledChange() {\n    if (!this.disabled) return;\n\n    this.expanded = false;\n  }\n\n  @Watch('noAnimation')\n  handleJsAnimation() {\n    if (this.isCssInterpolateSizeSupported) return;\n\n    console.warn(\n      `[bq-accordion] animating to/from intrinsic sizing keywords (interpolate-size: allow-keywords) is not supported and animation will be set through JS.\n        For vertical layout, consider using the 'noAnimation' prop ('no-animation' attribute) to disable it`,\n    );\n    this.accordion = !this.noAnimation ? new Accordion(this.detailsElem) : null;\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the accordion loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion gets focus */\n  @Event() bqFocus: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion is opened */\n  @Event() bqOpen: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called after the accordion is opened */\n  @Event() bqAfterOpen: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion is closed */\n  @Event() bqClose: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called after the accordion is closed */\n  @Event() bqAfterClose: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion is clicked */\n  @Event() bqClick: EventEmitter<HTMLBqAccordionElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  componentDidLoad() {\n    this.handleJsAnimation();\n    this.handleExpandedChange();\n    this.handleSlotChange();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('accordionTransitionEnd')\n  onAccordionTransitionEnd(event: CustomEvent) {\n    event.stopPropagation();\n    if (event.target !== this.el) return;\n\n    if (this.expanded) {\n      this.bqAfterOpen.emit(this.el);\n      return;\n    }\n\n    this.bqAfterClose.emit(this.el);\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleClick = (event: MouseEvent) => {\n    event.preventDefault();\n\n    if (this.disabled) return;\n\n    this.bqClick.emit(this.el);\n    this.expanded = !this.expanded;\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');\n    this.hasSuffix = hasSlotContent(this.suffixElem, 'suffix');\n  };\n\n  private get open() {\n    return this.expanded && !this.disabled;\n  }\n\n  private get isCssInterpolateSizeSupported() {\n    return window.CSS?.supports('(interpolate-size: allow-keywords)');\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <details\n        class={{\n          [`bq-accordion overflow-hidden ${this.size} ${this.appearance}`]: true,\n          'no-animation': this.noAnimation,\n          disabled: this.disabled,\n        }}\n        open={this.open}\n        part=\"base\"\n        ref={(detailsElem: HTMLDetailsElement) => {\n          this.detailsElem = detailsElem;\n        }}\n      >\n        <summary\n          aria-controls=\"bq-accordion__content\"\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-expanded={this.expanded ? 'true' : 'false'}\n          class=\"bq-accordion__header\"\n          id=\"bq-accordion__header\"\n          onBlur={this.handleBlur}\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          part=\"header\"\n          role=\"button\"\n          tabindex={this.disabled ? -1 : 0}\n        >\n          <div\n            class={{ 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }}\n            part=\"prefix\"\n            ref={(element) => {\n              this.prefixElem = element;\n            }}\n          >\n            <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n          </div>\n          <div class=\"bq-accordion__header--text\" part=\"text\">\n            <slot name=\"header\" />\n          </div>\n          <div\n            class={{ 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }}\n            part=\"suffix\"\n            ref={(element) => {\n              this.suffixElem = element;\n            }}\n          >\n            <slot name=\"suffix\" onSlotchange={this.handleSlotChange} />\n          </div>\n          <div\n            aria-hidden=\"true\"\n            class={{\n              'flex items-center justify-center text-primary transition-transform duration-300 ease-in-out': true,\n              '!hidden': this.open && !this.rotate,\n              'rotate-180': this.rotate && this.open,\n            }}\n          >\n            <slot name=\"expand\">\n              <bq-icon name=\"plus\" />\n            </slot>\n          </div>\n          <div\n            aria-hidden=\"true\"\n            class={{\n              'flex items-center justify-center text-primary': true,\n              '!hidden': (!this.open && !this.rotate) || this.rotate,\n            }}\n          >\n            <slot name=\"collapse\">\n              <bq-icon name=\"minus\" />\n            </slot>\n          </div>\n        </summary>\n        <div\n          aria-labelledby=\"bq-accordion__header\"\n          class=\"bq-accordion__body overflow-hidden bg-ui-primary text-primary\"\n          part=\"panel\"\n          role=\"region\"\n        >\n          <slot class=\"bq-accordion__content block\" id=\"bq-accordion__content\" />\n        </div>\n      </details>\n    );\n  }\n}\n"]}
+{"version":3,"file":"bq-accordion.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/accordion/bq-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { EventEmitter } from '@stencil/core';\nimport { Component, Element, Event, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { hasSlotContent, validatePropValue } from '../../shared/utils';\nimport type { TAccordionAppearance, TAccordionSize } from './bq-accordion.types';\nimport { ACCORDION_APPEARANCE, ACCORDION_SIZE } from './bq-accordion.types';\nimport { Accordion } from './helper';\n\n/**\n * The Accordion is a UI component that allows users to toggle between showing and hiding content sections. It provides a collapsible functionality, where only one section can be expanded at a time, while the others remain collapsed.\n *\n * @example How to use it\n * ```html\n * <bq-accordion appearance=\"filled\" size=\"medium\">\n *   <bq-avatar size=\"xsmall\" image=\"/image/url/img.png\" slot=\"prefix\"></bq-avatar>\n *   <h3 slot=\"header\">Header</h3>\n *   <div>Lorem ipsum dolor...</div>\n * </bq-accordion>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/713eae-accordion\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {\"filled\" | \"ghost\"} [appearance=\"filled\"] - The appearance style of the Accordion\n * @attr {boolean} [disabled=false] - If true, the Accordion is disabled\n * @attr {boolean} [expanded=false] - If true, the Accordion is expanded\n * @attr {boolean} [no-animation=false] - Animation is set through JS when the browser does not support CSS calc-size() If true, the Accordion animation, will be disabled. No animation will be applied.\n * @attr {boolean} [rotate=false] - If true, the Accordion expand icon is rotate 180deg when expanded\n * @attr {\"small\" | \"medium\"} [size=\"medium\"] - The size of the the Accordion\n *\n * @event bqOpen - Handler to be called when the accordion is opened\n * @event bqAfterOpen - Handler to be called after the accordion is opened\n * @event bqClose - Handler to be called when the accordion is closed\n * @event bqAfterClose - Handler to be called after the accordion is closed\n * @event bqFocus - Handler to be called when the accordion gets focus\n * @event bqClick - Handler to be called when the accordion is clicked\n * @event bqBlur - Handler to be called when the accordion loses focus\n *\n * @slot - The accordion panel content\n * @slot collapse - The accordion collapse icon\n * @slot expand - The accordion expand icon\n * @slot header - The accordion header content\n * @slot prefix - The accordion prefix content (icon or avatar)\n * @slot suffix - The accordion suffix content (icon or avatar)\n *\n * @part base - The `<details>` that holds the accordion content\n * @part header - The `<summary>` that holds the accordion header content\n * @part panel - The `<div>` that holds the accordion panel content\n * @part prefix - The `<div>` that holds the accordion prefix content\n * @part suffix - The `<div>` that holds the accordion suffix content\n * @part text - The `<div>` that holds the accordion header text content\n *\n * @cssprop --bq-accordion--small-padding-y - Accordion small vertical padding\n * @cssprop --bq-accordion--small-padding-start - Accordion small start padding\n * @cssprop --bq-accordion--small-padding-end - Accordion small end padding\n * @cssprop --bq-accordion--small-padding-gap - Accordion small gap distance between suffix, title and prefix\n * @cssprop --bq-accordion--small-radius - Accordion small border radius\n *\n * @cssprop --bq-accordion--medium-padding-y - Accordion medium vertical padding\n * @cssprop --bq-accordion--medium-padding-start - Accordion medium start padding\n * @cssprop --bq-accordion--medium-padding-end - Accordion medium end padding\n * @cssprop --bq-accordion--medium-padding-gap - Accordion medium gap distance between suffix, title and prefix\n * @cssprop --bq-accordion--medium-radius - Accordion medium border radius\n *\n * @cssprop --bq-accordion--collapsed-border-color - Accordion collapsed border color\n * @cssprop --bq-accordion--collapsed-border-style - Accordion collapsed border style\n * @cssprop --bq-accordion--collapsed-border-width - Accordion collapsed border width\n *\n * @cssprop --bq-accordion--expanded-border-color - Accordion expanded border color\n * @cssprop --bq-accordion--expanded-border-style - Accordion expanded border style\n * @cssprop --bq-accordion--expanded-border-width - Accordion expanded border width\n *\n * @cssprop --bq-accordion--filled-collapsed-background - Accordion filled collapsed header background\n * @cssprop --bq-accordion--filled-collapsed-text-color - Accordion filled collapsed header text color\n * @cssprop --bq-accordion--filled-expanded-background - Accordion filled expanded header background\n * @cssprop --bq-accordion--filled-expanded-collapsed-hover - Accordion filled expanded header color on hover\n * @cssprop --bq-accordion--filled-expanded-text-color - Accordion filled expanded header text color\n *\n * @cssprop --bq-accordion--ghost-collapsed-background - Accordion ghost collapsed header background\n * @cssprop --bq-accordion--ghost-collapsed-text-color - Accordion ghost collapsed header text color\n * @cssprop --bq-accordion--ghost-expanded-background - Accordion ghost expanded header background\n * @cssprop --bq-accordion--ghost-expanded-collapsed-hover - Accordion ghost expanded header color on hover\n * @cssprop --bq-accordion--ghost-expanded-text-color - Accordion ghost expanded header text color\n *\n * @cssprop --bq-accordion--panel-filled-border-color - Accordion filled panel border color\n * @cssprop --bq-accordion--panel-filled-border-style - Accordion filled panel border style\n * @cssprop --bq-accordion--panel-filled-border-width - Accordion filled panel border width\n * @cssprop --bq-accordion--panel-small-filled-padding-y - Accordion small filled panel vertical padding\n * @cssprop --bq-accordion--panel-small-filled-padding-start - Accordion small filled panel start padding\n * @cssprop --bq-accordion--panel-small-filled-padding-end - Accordion small filled panel end padding\n * @cssprop --bq-accordion--panel-medium-filled-padding-y - Accordion medium filled panel vertical padding\n * @cssprop --bq-accordion--panel-medium-filled-padding-start - Accordion medium filled panel start padding\n * @cssprop --bq-accordion--panel-medium-filled-padding-end - Accordion medium filled panel end padding\n *\n * @cssprop --bq-accordion--panel-ghost-border-color - Accordion ghost panel border color\n * @cssprop --bq-accordion--panel-ghost-border-style - Accordion ghost panel border style\n * @cssprop --bq-accordion--panel-ghost-border-width - Accordion ghost panel border width\n * @cssprop --bq-accordion--panel-small-ghost-padding-y - Accordion small ghost panel vertical padding\n * @cssprop --bq-accordion--panel-small-ghost-padding-start - Accordion small ghost panel start padding\n * @cssprop --bq-accordion--panel-small-ghost-padding-end - Accordion small ghost panel end padding\n * @cssprop --bq-accordion--panel-medium-ghost-padding-y - Accordion medium ghost panel vertical padding\n * @cssprop --bq-accordion--panel-medium-ghost-padding-start - Accordion medium ghost panel start padding\n * @cssprop --bq-accordion--panel-medium-ghost-padding-end - Accordion medium ghost panel end padding\n */\n@Component({\n  tag: 'bq-accordion',\n  styleUrl: './scss/bq-accordion.scss',\n  shadow: true,\n})\nexport class BqAccordion {\n  // Own Properties\n  // ====================\n\n  private accordion: Accordion;\n  private prefixElem: HTMLDivElement;\n  private suffixElem: HTMLDivElement;\n  private detailsElem: HTMLDetailsElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqAccordionElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasPrefix = false;\n  @State() private hasSuffix = false;\n\n  // Public Property API\n  // ========================\n\n  /** The appearance style of the Accordion */\n  @Prop({ reflect: true, mutable: true }) appearance: TAccordionAppearance = 'filled';\n\n  /** If true, the Accordion is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** If true, the Accordion is expanded */\n  @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n\n  /**\n   * Animation is set through JS when the browser does not support CSS calc-size()\n   * If true, the Accordion animation, will be disabled. No animation will be applied.\n   */\n  @Prop({ reflect: true }) noAnimation: boolean = false;\n\n  /** If true, the Accordion expand icon is rotate 180deg when expanded */\n  @Prop({ reflect: true }) rotate: boolean = false;\n\n  /** The size of the Accordion */\n  @Prop({ reflect: true, mutable: true }) size: TAccordionSize = 'medium';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('size')\n  checkPropValues() {\n    validatePropValue(ACCORDION_SIZE, 'medium', this.el, 'size');\n    validatePropValue(ACCORDION_APPEARANCE, 'filled', this.el, 'appearance');\n  }\n\n  @Watch('expanded')\n  handleExpandedChange() {\n    const event = this.expanded ? this.bqOpen.emit(this.el) : this.bqClose.emit(this.el);\n    if (event.defaultPrevented) {\n      this.expanded = !this.expanded;\n      return;\n    }\n\n    if (this.expanded) {\n      this.accordion?.open();\n    } else {\n      this.accordion?.close();\n    }\n    if (!this.isCssInterpolateSizeSupported) return;\n\n    // NOTE: This is a workaround to trigger the transitionEnd event\n    // when the open/close animation is handled via CSS instead of JS\n    setTimeout(() => {\n      this.el.dispatchEvent(new CustomEvent('accordionTransitionEnd', { bubbles: false, composed: true }));\n    }, 200);\n  }\n\n  @Watch('disabled')\n  handleDisabledChange() {\n    if (!this.disabled) return;\n\n    this.expanded = false;\n  }\n\n  @Watch('noAnimation')\n  handleJsAnimation() {\n    if (this.isCssInterpolateSizeSupported) return;\n\n    console.warn(\n      `[bq-accordion] animating to/from intrinsic sizing keywords (interpolate-size: allow-keywords) is not supported and animation will be set through JS.\n        For vertical layout, consider using the 'noAnimation' prop ('no-animation' attribute) to disable it`,\n    );\n    this.accordion = !this.noAnimation ? new Accordion(this.detailsElem) : null;\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the accordion loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion gets focus */\n  @Event() bqFocus: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion is opened */\n  @Event() bqOpen: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called after the accordion is opened */\n  @Event() bqAfterOpen: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion is closed */\n  @Event() bqClose: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called after the accordion is closed */\n  @Event() bqAfterClose: EventEmitter<HTMLBqAccordionElement>;\n\n  /** Handler to be called when the accordion is clicked */\n  @Event() bqClick: EventEmitter<HTMLBqAccordionElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  componentDidLoad() {\n    this.handleJsAnimation();\n    this.handleExpandedChange();\n    this.handleSlotChange();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('accordionTransitionEnd')\n  onAccordionTransitionEnd(event: CustomEvent) {\n    event.stopPropagation();\n    if (event.target !== this.el) return;\n\n    if (this.expanded) {\n      this.bqAfterOpen.emit(this.el);\n      return;\n    }\n\n    this.bqAfterClose.emit(this.el);\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleClick = (event: MouseEvent) => {\n    event.preventDefault();\n\n    if (this.disabled) return;\n\n    this.bqClick.emit(this.el);\n    this.expanded = !this.expanded;\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');\n    this.hasSuffix = hasSlotContent(this.suffixElem, 'suffix');\n  };\n\n  private get open() {\n    return this.expanded && !this.disabled;\n  }\n\n  private get isCssInterpolateSizeSupported() {\n    return window.CSS?.supports('(interpolate-size: allow-keywords)');\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <details\n        class={{\n          [`bq-accordion overflow-hidden ${this.size} ${this.appearance}`]: true,\n          'no-animation': this.noAnimation,\n          disabled: this.disabled,\n        }}\n        open={this.open}\n        part=\"base\"\n        ref={(detailsElem: HTMLDetailsElement) => {\n          this.detailsElem = detailsElem;\n        }}\n      >\n        <summary\n          aria-controls=\"bq-accordion__content\"\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-expanded={this.expanded ? 'true' : 'false'}\n          class=\"bq-accordion__header\"\n          id=\"bq-accordion__header\"\n          onBlur={this.handleBlur}\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          part=\"header\"\n          role=\"button\"\n          tabindex={this.disabled ? -1 : 0}\n        >\n          <div\n            class={{ 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }}\n            part=\"prefix\"\n            ref={(element) => {\n              this.prefixElem = element;\n            }}\n          >\n            <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n          </div>\n          <div class=\"bq-accordion__header--text\" part=\"text\">\n            <slot name=\"header\" />\n          </div>\n          <div\n            class={{ 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }}\n            part=\"suffix\"\n            ref={(element) => {\n              this.suffixElem = element;\n            }}\n          >\n            <slot name=\"suffix\" onSlotchange={this.handleSlotChange} />\n          </div>\n          <div\n            aria-hidden=\"true\"\n            class={{\n              'flex items-center justify-center text-primary transition-transform duration-300 ease-in-out': true,\n              '!hidden': this.open && !this.rotate,\n              'rotate-180': this.rotate && this.open,\n            }}\n          >\n            <slot name=\"expand\">\n              <bq-icon name=\"plus\" />\n            </slot>\n          </div>\n          <div\n            aria-hidden=\"true\"\n            class={{\n              'flex items-center justify-center text-primary': true,\n              '!hidden': (!this.open && !this.rotate) || this.rotate,\n            }}\n          >\n            <slot name=\"collapse\">\n              <bq-icon name=\"minus\" />\n            </slot>\n          </div>\n        </summary>\n        <div\n          aria-labelledby=\"bq-accordion__header\"\n          class=\"bq-accordion__body overflow-hidden bg-ui-primary text-primary\"\n          part=\"panel\"\n          role=\"region\"\n        >\n          <slot class=\"bq-accordion__content block\" id=\"bq-accordion__content\" />\n        </div>\n      </details>\n    );\n  }\n}\n"]}

package/dist/collection/components/accordion-group/bq-accordion-group.js

@@ -2,7 +2,7 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import { h } from "@stencil/core";
+import { jsx as _jsx } from "@stencil/core/jsx-runtime";
 import { isHTMLElement, isNil } from "../../shared/utils";
 /**
  * The accordion group component is a container for multiple accordion elements.
@@ -111,7 +111,7 @@ export class BqAccordionGroup {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("div", { key: '646cf8dd63e62a13b26ba00b5ed8800a2dd6bed4', class: "flex flex-col gap-[--bq-accordion-group--gap]", part: "base" }, h("slot", { key: 'efce7d88e22807675764ced32c76610c8106884f' })));
+        return (_jsx("div", { class: "flex flex-col gap-[--bq-accordion-group--gap]", part: "base", children: _jsx("slot", {}, '72b21ed37ad96002f3e15c4c2268bfb69e34929e') }, '2697a74a88fc4266bd32bf6fb73614a36e55fd59'));
     }
     static get is() { return "bq-accordion-group"; }
     static get encapsulation() { return "shadow"; }
@@ -137,7 +137,8 @@ export class BqAccordionGroup {
                         "TAccordionAppearance": {
                             "location": "import",
                             "path": "../accordion/bq-accordion.types",
-                            "id": "../../packages/beeq/src/components/accordion/bq-accordion.types.ts::TAccordionAppearance"
+                            "id": "../../packages/beeq/src/components/accordion/bq-accordion.types.ts::TAccordionAppearance",
+                            "referenceLocation": "TAccordionAppearance"
                         }
                     }
                 },
@@ -222,7 +223,8 @@ export class BqAccordionGroup {
                         "TAccordionSize": {
                             "location": "import",
                             "path": "../accordion/bq-accordion.types",
-                            "id": "../../packages/beeq/src/components/accordion/bq-accordion.types.ts::TAccordionSize"
+                            "id": "../../packages/beeq/src/components/accordion/bq-accordion.types.ts::TAccordionSize",
+                            "referenceLocation": "TAccordionSize"
                         }
                     }
                 },

package/dist/collection/components/accordion-group/bq-accordion-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"bq-accordion-group.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/accordion-group/bq-accordion-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Listen, Prop, Watch } from '@stencil/core';\n\nimport { isHTMLElement, isNil } from '../../shared/utils';\nimport type { TAccordionAppearance, TAccordionSize } from '../accordion/bq-accordion.types';\n\n/**\n * The accordion group component is a container for multiple accordion elements.\n * It allows to manage the appearance and size of all accordions at once.\n *\n * @example How to use it\n * ```html\n * <bq-accordion-group appearance=\"filled\" size=\"medium\">\n *   <bq-accordion> ... </bq-accordion>\n *   <bq-accordion> ... </bq-accordion>\n *   <bq-accordion> ... </bq-accordion>\n * </bq-accordion-group>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/713eae-accordion\n * @status stable\n *\n * @attr {\"filled\" | \"ghost\"} [appearance=\"filled\"] - The appearance style of accordion to be applied to all accordions\n * @attr {boolean} [expandAll=false] - If true all accordions are expanded\n * @attr {boolean} [no-animation=false] - Animation is set through JS when the browser does not support CSS calc-size() If true, the accordion animation, will be disabled. No animation will be applied.\n * @attr {boolean} [multiple=false] - If true multiple accordions can be expanded at the same time\n * @attr {\"small\" | \"medium\"} [size=\"medium\"] - The size of accordion to be applied to all accordions\n *\n * @slot - The default slot where the bq-accordion elements are placed.\n *\n * @part base - The component's base wrapper.\n *\n * @cssprop --bq-accordion-group--gap - Accordion group distance between elements\n */\n@Component({\n  tag: 'bq-accordion-group',\n  styleUrl: './scss/bq-accordion-group.scss',\n  shadow: true,\n})\nexport class BqAccordionGroup {\n  // Own Properties\n  // ====================\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqAccordionGroupElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** The appearance style of accordion to be applied to all accordions */\n  @Prop({ reflect: true, mutable: true }) appearance: TAccordionAppearance = 'filled';\n\n  /** If true all accordions are expanded */\n  @Prop({ reflect: true }) expandAll: boolean;\n\n  /**\n   * Animation is set through JS when the browser does not support CSS calc-size()\n   * If true, the accordion animation, will be disabled. No animation will be applied.\n   */\n  @Prop({ reflect: true }) noAnimation: boolean = false;\n\n  /** If true multiple accordions can be expanded at the same time */\n  @Prop({ reflect: true }) multiple: boolean = false;\n\n  /** The size of accordion to be applied to all accordions */\n  @Prop({ reflect: true, mutable: true }) size: TAccordionSize = 'medium';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('appearance')\n  @Watch('expandAll')\n  @Watch('noAnimation')\n  @Watch('size')\n  checkPropValues() {\n    this.bqAccordionElements.forEach((bqAccordionElement) => {\n      // NOTE: if expandAll is nil we will keep accordion default state\n      if (!isNil(this.expandAll)) {\n        bqAccordionElement.expanded = this.expandAll;\n      }\n      bqAccordionElement.appearance = this.appearance;\n      bqAccordionElement.noAnimation = this.noAnimation;\n      bqAccordionElement.size = this.size;\n    });\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  @Listen('bqClick', { passive: true })\n  onBqClick(event: CustomEvent<HTMLBqAccordionElement>) {\n    const { detail: bqElem } = event;\n    // Make sure the event is coming from a bq-accordion element and its a child of the bq-accordion-group\n    if (!isHTMLElement(bqElem, 'bq-accordion') || !this.el.contains(bqElem)) return;\n    // We keep default behavior if multiple accordion can be expanded\n    if (this.multiple) return;\n\n    this.bqAccordionElements.forEach((bqAccordionElement) => {\n      if (bqAccordionElement === event.detail) return;\n\n      bqAccordionElement.expanded = false;\n    });\n  }\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private get bqAccordionElements(): HTMLBqAccordionElement[] {\n    return Array.from(this.el.querySelectorAll('bq-accordion'));\n  }\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div class=\"flex flex-col gap-[--bq-accordion-group--gap]\" part=\"base\">\n        <slot />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"bq-accordion-group.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/accordion-group/bq-accordion-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Listen, Prop, Watch } from '@stencil/core';\n\nimport { isHTMLElement, isNil } from '../../shared/utils';\nimport type { TAccordionAppearance, TAccordionSize } from '../accordion/bq-accordion.types';\n\n/**\n * The accordion group component is a container for multiple accordion elements.\n * It allows to manage the appearance and size of all accordions at once.\n *\n * @example How to use it\n * ```html\n * <bq-accordion-group appearance=\"filled\" size=\"medium\">\n *   <bq-accordion> ... </bq-accordion>\n *   <bq-accordion> ... </bq-accordion>\n *   <bq-accordion> ... </bq-accordion>\n * </bq-accordion-group>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/713eae-accordion\n * @status stable\n *\n * @attr {\"filled\" | \"ghost\"} [appearance=\"filled\"] - The appearance style of accordion to be applied to all accordions\n * @attr {boolean} [expandAll=false] - If true all accordions are expanded\n * @attr {boolean} [no-animation=false] - Animation is set through JS when the browser does not support CSS calc-size() If true, the accordion animation, will be disabled. No animation will be applied.\n * @attr {boolean} [multiple=false] - If true multiple accordions can be expanded at the same time\n * @attr {\"small\" | \"medium\"} [size=\"medium\"] - The size of accordion to be applied to all accordions\n *\n * @slot - The default slot where the bq-accordion elements are placed.\n *\n * @part base - The component's base wrapper.\n *\n * @cssprop --bq-accordion-group--gap - Accordion group distance between elements\n */\n@Component({\n  tag: 'bq-accordion-group',\n  styleUrl: './scss/bq-accordion-group.scss',\n  shadow: true,\n})\nexport class BqAccordionGroup {\n  // Own Properties\n  // ====================\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqAccordionGroupElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** The appearance style of accordion to be applied to all accordions */\n  @Prop({ reflect: true, mutable: true }) appearance: TAccordionAppearance = 'filled';\n\n  /** If true all accordions are expanded */\n  @Prop({ reflect: true }) expandAll: boolean;\n\n  /**\n   * Animation is set through JS when the browser does not support CSS calc-size()\n   * If true, the accordion animation, will be disabled. No animation will be applied.\n   */\n  @Prop({ reflect: true }) noAnimation: boolean = false;\n\n  /** If true multiple accordions can be expanded at the same time */\n  @Prop({ reflect: true }) multiple: boolean = false;\n\n  /** The size of accordion to be applied to all accordions */\n  @Prop({ reflect: true, mutable: true }) size: TAccordionSize = 'medium';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('appearance')\n  @Watch('expandAll')\n  @Watch('noAnimation')\n  @Watch('size')\n  checkPropValues() {\n    this.bqAccordionElements.forEach((bqAccordionElement) => {\n      // NOTE: if expandAll is nil we will keep accordion default state\n      if (!isNil(this.expandAll)) {\n        bqAccordionElement.expanded = this.expandAll;\n      }\n      bqAccordionElement.appearance = this.appearance;\n      bqAccordionElement.noAnimation = this.noAnimation;\n      bqAccordionElement.size = this.size;\n    });\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  @Listen('bqClick', { passive: true })\n  onBqClick(event: CustomEvent<HTMLBqAccordionElement>) {\n    const { detail: bqElem } = event;\n    // Make sure the event is coming from a bq-accordion element and its a child of the bq-accordion-group\n    if (!isHTMLElement(bqElem, 'bq-accordion') || !this.el.contains(bqElem)) return;\n    // We keep default behavior if multiple accordion can be expanded\n    if (this.multiple) return;\n\n    this.bqAccordionElements.forEach((bqAccordionElement) => {\n      if (bqAccordionElement === event.detail) return;\n\n      bqAccordionElement.expanded = false;\n    });\n  }\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private get bqAccordionElements(): HTMLBqAccordionElement[] {\n    return Array.from(this.el.querySelectorAll('bq-accordion'));\n  }\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div class=\"flex flex-col gap-[--bq-accordion-group--gap]\" part=\"base\">\n        <slot />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/alert/bq-alert.js

@@ -2,7 +2,8 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import { Host, h } from "@stencil/core";
+import { jsx as _jsx, jsxs as _jsxs } from "@stencil/core/jsx-runtime";
+import { Host } from "@stencil/core";
 import { debounce, enter, hasSlotContent, leave, validatePropValue } from "../../shared/utils";
 import { ALERT_TYPE } from "./bq-alert.types";
 /**
@@ -53,7 +54,7 @@ import { ALERT_TYPE } from "./bq-alert.types";
  *
  * @part base - The `<div>` container of the predefined bq-icon component
  * @part body - The container `<div>` that wraps the alert description content
- * @part btn-close - The `bq-button` used to close the alert
+ * @part btn-close - The native button of the `bq-button` used to close the alert
  * @part content - The container `<div>` that wraps all the alert content (title, description, footer)
  * @part footer - The container `<div>` that wraps the alert footer content
  * @part icon - The `<bq-icon>` element used to render a predefined icon based on the alert type (info, success, warning, error, default)
@@ -236,19 +237,19 @@ export class BqAlert {
         const style = {
             ...(this.border && { '--bq-alert--border-radius': `var(--bq-radius--${this.border})` }),
         };
-        return (h(Host, { key: '7ebcb9a49c63ba11b8b276346b55d1ab517decec', "aria-hidden": !this.open ? 'true' : 'false', class: { 'is-sticky': this.sticky }, hidden: !this.open ? 'true' : 'false', role: "alert", style: style }, h("div", { key: '30717a97ab468bda577c3550f380d408b060f3b4', class: { [`bq-alert bq-alert__${this.type}`]: true, 'is-sticky': this.sticky }, "data-transition-enter": "transition ease-out duration-300", "data-transition-enter-end": "opacity-100", "data-transition-enter-start": "opacity-0", "data-transition-leave": "transition ease-in duration-200", "data-transition-leave-end": "opacity-0", "data-transition-leave-start": "opacity-100", part: "wrapper", ref: (div) => {
-                this.alertElement = div;
-            } }, !this.disableClose && (h("bq-button", { key: 'de52a513b8febedc82c6d3cd404074c82714f403', appearance: "text", class: "bq-alert__close focus-visible:focus absolute end-5 [&::part(label)]:inline-flex", onBqClick: () => this.hide(), part: "btn-close", size: "small" }, h("slot", { key: 'c531cfcb2db18e8a1565ea622ba314db94ab67ee', name: "btn-close" }, h("bq-icon", { key: '4a4351336f994b55f9b99bba260a40a6bd781156', name: "x" })))), h("div", { key: '181b0333f386367628555e148b3e1fb9a6f0c6eb', class: {
-                [`bq-alert__icon--${this.type} me-s flex text-left align-top`]: true,
-                '!hidden': this.hideIcon,
-            }, part: "icon-outline" }, h("slot", { key: '445789b9d1986347c92be0d3d87a72d7ef717602', name: "icon" }, this.type !== 'default' && h("bq-icon", { key: '5cf6387119fdfdd3ae2c6beeebd0ba4ac31a3e0c', exportparts: "base,svg", name: this.iconName, part: "icon" }))), h("div", { key: '63663e3baf92b4170913419da173d8012ceded34', class: "flex flex-col items-start gap-[--bq-alert--content-footer-gap]", part: "main" }, h("div", { key: '431cc1038b2c8f2fe9f61cde734cadc97e98fa2a', class: "flex flex-col gap-[--bq-alert--title-body-gap]", part: "content" }, h("div", { key: '6fd03fff3dd8e817144ef7bac3b9b13ee234ec4f', class: {
-                'title-font font-semibold text-primary leading-regular': true,
-                'flex items-center': this.sticky,
-            }, part: "title" }, h("slot", { key: 'd41a00fcdf3c69d79c19b6b9908018159d389bf2' })), h("div", { key: '6f9bdd65c35a0f444b5ed840c09edefe55aadc6a', class: { 'text-primary text-s leading-regular': true, '!hidden': !this.hasContent }, part: "body", ref: (div) => {
-                this.bodyElem = div;
-            } }, h("slot", { key: '3f6c21f0374650ec7fcf290f46760ed3e611e4ea', name: "body", onSlotchange: this.handleSlotChange }))), h("div", { key: '74e33e4a2f6353320df8ba653d6a672819b3d8a6', class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, part: "footer", ref: (div) => {
-                this.footerElem = div;
-            } }, h("slot", { key: 'ac4372bcbd01885c2c8518ef2ec5691ba9fd20f1', name: "footer", onSlotchange: this.handleSlotChange }))))));
+        return (_jsx(Host, { "aria-hidden": !this.open ? 'true' : 'false', class: { 'is-sticky': this.sticky }, hidden: !this.open ? 'true' : 'false', role: "alert", style: style, children: _jsxs("div", { class: { [`bq-alert bq-alert__${this.type}`]: true, 'is-sticky': this.sticky }, "data-transition-enter": "transition ease-out duration-300", "data-transition-enter-end": "opacity-100", "data-transition-enter-start": "opacity-0", "data-transition-leave": "transition ease-in duration-200", "data-transition-leave-end": "opacity-0", "data-transition-leave-start": "opacity-100", part: "wrapper", ref: (div) => {
+                    this.alertElement = div;
+                }, children: [!this.disableClose && (_jsx("bq-button", { appearance: "text", border: "s", class: "absolute end-s [&::part(label)]:inline-flex", exportparts: "button:btn-close", label: "Close alert", onBqClick: () => this.hide(), onlyIcon: true, size: "small", children: _jsx("slot", { name: "btn-close", children: _jsx("bq-icon", { name: "x", size: 16, "aria-hidden": "true" }, 'b1c1758a819624255c9e9145313c53d0948d4317') }, '9dc4997fd7e21ec7458c47b7bfa2bff408663441') }, '8ac13cae18e896c21764d0cb02e64dc5d2ef252b')), _jsx("div", { class: {
+                            [`bq-alert__icon--${this.type} me-s flex text-left align-top`]: true,
+                            '!hidden': this.hideIcon,
+                        }, part: "icon-outline", children: _jsx("slot", { name: "icon", children: this.type !== 'default' && _jsx("bq-icon", { exportparts: "base,svg", name: this.iconName, part: "icon" }, '29f8f4952a239f9f4a306cc2f3c4d6a2f50f207d') }, '85628e82cb4356decdf9db2af4250004d005c9df') }, 'e2130b19c0b877305c137b26d9f1efac69a8216b'), _jsxs("div", { class: "flex flex-col items-start gap-[--bq-alert--content-footer-gap]", part: "main", children: [_jsxs("div", { class: "flex flex-col gap-[--bq-alert--title-body-gap]", part: "content", children: [_jsx("div", { class: {
+                                            'title-font font-semibold text-primary leading-regular': true,
+                                            'flex items-center': this.sticky,
+                                        }, part: "title", children: _jsx("slot", {}, '411768f320069e92044541cfa6e1b3eedbffee81') }, '430660e5ef44ce9a028987c21b3831314169c942'), _jsx("div", { class: { 'text-primary text-s leading-regular': true, '!hidden': !this.hasContent }, part: "body", ref: (div) => {
+                                            this.bodyElem = div;
+                                        }, children: _jsx("slot", { name: "body", onSlotchange: this.handleSlotChange }, '3bad0d049a96f74a3201e1c83f2d68e1a10fbb08') }, '838d7681c34d77ade64c6ab6f388ead217876964')] }, '60d8d20becdfda022fb96146f933319f5c13cfe0'), _jsx("div", { class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, part: "footer", ref: (div) => {
+                                    this.footerElem = div;
+                                }, children: _jsx("slot", { name: "footer", onSlotchange: this.handleSlotChange }, '04585ea20396f2d84da3e8ca6171454ae06cbea5') }, '9cd1165fa934ee302c494a1e4b6c35cff8c7279f')] }, 'c506271b985b19933d5248fad1025e50441dbbf6')] }, 'd2164298c7747c1de7d6c58e523902d814c24eae') }, '5c32cd7d95e520e31c12879d16358a5f049ecad5'));
     }
     static get is() { return "bq-alert"; }
     static get encapsulation() { return "shadow"; }
@@ -293,7 +294,8 @@ export class BqAlert {
                         "TAlertBorderRadius": {
                             "location": "import",
                             "path": "./bq-alert.types",
-                            "id": "../../packages/beeq/src/components/alert/bq-alert.types.ts::TAlertBorderRadius"
+                            "id": "../../packages/beeq/src/components/alert/bq-alert.types.ts::TAlertBorderRadius",
+                            "referenceLocation": "TAlertBorderRadius"
                         }
                     }
                 },
@@ -396,7 +398,8 @@ export class BqAlert {
                         "TAlertType": {
                             "location": "import",
                             "path": "./bq-alert.types",
-                            "id": "../../packages/beeq/src/components/alert/bq-alert.types.ts::TAlertType"
+                            "id": "../../packages/beeq/src/components/alert/bq-alert.types.ts::TAlertType",
+                            "referenceLocation": "TAlertType"
                         }
                     }
                 },