@beeq/core 1.8.3 → 1.8.4

package/dist/esm/{assetsPath-57848212.js → assetsPath-14f18f9a.js}

@@ -2,7 +2,7 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import './index-59610291.js';
+import './index-4e4c39e8.js';
 import { i as isClient } from './isClient-c6eae7ba.js';
 
 /**
@@ -74,4 +74,4 @@ const getScriptPath = (script) => {
 
 export { getBasePath as g, setBasePath as s };
 
-//# sourceMappingURL=assetsPath-57848212.js.map
+//# sourceMappingURL=assetsPath-14f18f9a.js.map

package/dist/esm/{assetsPath-57848212.js.map → assetsPath-14f18f9a.js.map}

@@ -1 +1 @@
-{"file":"assetsPath-57848212.js","mappings":";;;;;;;AAAA;;;;AAQA,IAAI,YAAgC,CAAC;AACrC,MAAM,mBAAmB,GAAG,WAAW,CAAC;AACxC,MAAM,gBAAgB,GAAG,KAAK,CAAC;AAE/B;;;;MAIa,WAAW,GAAG,CAAC,IAAY;IACtC,YAAY,GAAG,IAAI,CAAC;AACtB,EAAE;AAEF;;;;;MAKa,WAAW,GAAG,CAAC,UAAkB,EAAE;IAC9C,IAAI,CAAC,YAAY,EAAE;QACjB,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;QACxC,MAAM,cAAc,GAAG,YAAY,GAAG,IAAI,GAAG,kBAAkB,EAAE,CAAC;QAElE,MAAM,MAAM,GAAG,YAAY,IAAI,cAAc,CAAC;QAC9C,IAAI,MAAM,EAAE;YACV,MAAM,IAAI,GAAG,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;YAC7F,WAAW,CAAC,GAAG,IAAI,IAAI,gBAAgB,EAAE,CAAC,CAAC;SAC5C;aAAM;;YAEL,WAAW,CAA8B,KAAK,gBAAgB,EAAE,CAAC,CAAC;SACnE;KACF;;IAGD,MAAM,gBAAgB,GAAG,OAAO,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IACzE,OAAO,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,gBAAgB,CAAC;AAC5D,EAAE;AAEF;;;;AAIA,MAAM,gBAAgB,GAAG;IACvB,IAAI,CAAC,QAAQ,EAAE;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,QAAQ,CAAC,aAAa,CAAC,UAAU,mBAAmB,GAAG,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF;;;;AAIA,MAAM,kBAAkB,GAAG;IACzB,IAAI,CAAC,QAAQ,EAAE;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF;;;;;AAKA,MAAM,aAAa,GAAG,CAAC,MAAyB;IAC9C,IAAI,CAAC,QAAQ,EAAE;QAAE,OAAO,EAAE,CAAC;IAE3B,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;AAC3D,CAAC;;;;","names":[],"sources":["../../packages/beeq/src/shared/utils/assetsPath.ts"],"sourcesContent":["/**\n * Inspired by Shoelace's `getBasePath` and `setBasePath` functions.\n * https://github.com/shoelace-style/shoelace/blob/next/src/utilities/base-path.ts\n */\nimport { Env } from '@stencil/core';\n\nimport { isClient } from './isClient';\n\nlet beeqBasePath: string | undefined;\nconst DATA_BEEQ_ATTRIBUTE = 'data-beeq';\nconst DEFAULT_SVG_PATH = 'svg';\n\n/**\n * Sets the base path for the assets.\n * @param {string} path - The base path to set.\n */\nexport const setBasePath = (path: string): void => {\n  beeqBasePath = path;\n};\n\n/**\n * Gets the base path for the assets.\n * @param {string} subpath - An optional subpath to append to the base path.\n * @returns {string} The base path of the assets.\n */\nexport const getBasePath = (subpath: string = ''): string => {\n  if (!beeqBasePath) {\n    const configScript = findConfigScript();\n    const fallbackScript = configScript ? null : findFallbackScript();\n\n    const script = configScript || fallbackScript;\n    if (script) {\n      const path = configScript ? script.getAttribute(DATA_BEEQ_ATTRIBUTE) : getScriptPath(script);\n      setBasePath(`${path}/${DEFAULT_SVG_PATH}`);\n    } else {\n      // Fallback: use an environment variable (if set) or the default path\n      setBasePath(Env.BEEQ_ASSETS_BASE_PATH || `./${DEFAULT_SVG_PATH}`);\n    }\n  }\n\n  // Return the base path without a trailing slash. If one exists, append the subpath separated by a slash.\n  const formattedSubpath = subpath ? `/${subpath.replace(/^\\//, '')}` : '';\n  return beeqBasePath.replace(/\\/$/, '') + formattedSubpath;\n};\n\n/**\n * Finds the configuration script element.\n * @returns The configuration script element or null if not found.\n */\nconst findConfigScript = (): HTMLScriptElement | null => {\n  if (!isClient()) return null;\n\n  return document.querySelector(`script[${DATA_BEEQ_ATTRIBUTE}]`);\n};\n\n/**\n * Finds the fallback script element.\n * @returns The fallback script element or null if not found.\n */\nconst findFallbackScript = (): HTMLScriptElement | null => {\n  if (!isClient()) return null;\n\n  return document.querySelector(`script[src*=\"beeq\"]`);\n};\n\n/**\n * Gets the path of a script element.\n * @param {HTMLScriptElement} script - The script element.\n * @returns The path of the script element.\n */\nconst getScriptPath = (script: HTMLScriptElement): string => {\n  if (!isClient()) return '';\n\n  const src = script.getAttribute('src');\n  return src ? src.substring(0, src.lastIndexOf('/')) : '';\n};\n"],"version":3}
+{"file":"assetsPath-14f18f9a.js","mappings":";;;;;;;AAAA;;;;AAQA,IAAI,YAAgC,CAAC;AACrC,MAAM,mBAAmB,GAAG,WAAW,CAAC;AACxC,MAAM,gBAAgB,GAAG,KAAK,CAAC;AAE/B;;;;MAIa,WAAW,GAAG,CAAC,IAAY;IACtC,YAAY,GAAG,IAAI,CAAC;AACtB,EAAE;AAEF;;;;;MAKa,WAAW,GAAG,CAAC,UAAkB,EAAE;IAC9C,IAAI,CAAC,YAAY,EAAE;QACjB,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;QACxC,MAAM,cAAc,GAAG,YAAY,GAAG,IAAI,GAAG,kBAAkB,EAAE,CAAC;QAElE,MAAM,MAAM,GAAG,YAAY,IAAI,cAAc,CAAC;QAC9C,IAAI,MAAM,EAAE;YACV,MAAM,IAAI,GAAG,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;YAC7F,WAAW,CAAC,GAAG,IAAI,IAAI,gBAAgB,EAAE,CAAC,CAAC;SAC5C;aAAM;;YAEL,WAAW,CAA8B,KAAK,gBAAgB,EAAE,CAAC,CAAC;SACnE;KACF;;IAGD,MAAM,gBAAgB,GAAG,OAAO,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IACzE,OAAO,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,gBAAgB,CAAC;AAC5D,EAAE;AAEF;;;;AAIA,MAAM,gBAAgB,GAAG;IACvB,IAAI,CAAC,QAAQ,EAAE;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,QAAQ,CAAC,aAAa,CAAC,UAAU,mBAAmB,GAAG,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF;;;;AAIA,MAAM,kBAAkB,GAAG;IACzB,IAAI,CAAC,QAAQ,EAAE;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF;;;;;AAKA,MAAM,aAAa,GAAG,CAAC,MAAyB;IAC9C,IAAI,CAAC,QAAQ,EAAE;QAAE,OAAO,EAAE,CAAC;IAE3B,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;AAC3D,CAAC;;;;","names":[],"sources":["../../packages/beeq/src/shared/utils/assetsPath.ts"],"sourcesContent":["/**\n * Inspired by Shoelace's `getBasePath` and `setBasePath` functions.\n * https://github.com/shoelace-style/shoelace/blob/next/src/utilities/base-path.ts\n */\nimport { Env } from '@stencil/core';\n\nimport { isClient } from './isClient';\n\nlet beeqBasePath: string | undefined;\nconst DATA_BEEQ_ATTRIBUTE = 'data-beeq';\nconst DEFAULT_SVG_PATH = 'svg';\n\n/**\n * Sets the base path for the assets.\n * @param {string} path - The base path to set.\n */\nexport const setBasePath = (path: string): void => {\n  beeqBasePath = path;\n};\n\n/**\n * Gets the base path for the assets.\n * @param {string} subpath - An optional subpath to append to the base path.\n * @returns {string} The base path of the assets.\n */\nexport const getBasePath = (subpath: string = ''): string => {\n  if (!beeqBasePath) {\n    const configScript = findConfigScript();\n    const fallbackScript = configScript ? null : findFallbackScript();\n\n    const script = configScript || fallbackScript;\n    if (script) {\n      const path = configScript ? script.getAttribute(DATA_BEEQ_ATTRIBUTE) : getScriptPath(script);\n      setBasePath(`${path}/${DEFAULT_SVG_PATH}`);\n    } else {\n      // Fallback: use an environment variable (if set) or the default path\n      setBasePath(Env.BEEQ_ASSETS_BASE_PATH || `./${DEFAULT_SVG_PATH}`);\n    }\n  }\n\n  // Return the base path without a trailing slash. If one exists, append the subpath separated by a slash.\n  const formattedSubpath = subpath ? `/${subpath.replace(/^\\//, '')}` : '';\n  return beeqBasePath.replace(/\\/$/, '') + formattedSubpath;\n};\n\n/**\n * Finds the configuration script element.\n * @returns The configuration script element or null if not found.\n */\nconst findConfigScript = (): HTMLScriptElement | null => {\n  if (!isClient()) return null;\n\n  return document.querySelector(`script[${DATA_BEEQ_ATTRIBUTE}]`);\n};\n\n/**\n * Finds the fallback script element.\n * @returns The fallback script element or null if not found.\n */\nconst findFallbackScript = (): HTMLScriptElement | null => {\n  if (!isClient()) return null;\n\n  return document.querySelector(`script[src*=\"beeq\"]`);\n};\n\n/**\n * Gets the path of a script element.\n * @param {HTMLScriptElement} script - The script element.\n * @returns The path of the script element.\n */\nconst getScriptPath = (script: HTMLScriptElement): string => {\n  if (!isClient()) return '';\n\n  const src = script.getAttribute('src');\n  return src ? src.substring(0, src.lastIndexOf('/')) : '';\n};\n"],"version":3}

package/dist/esm/beeq.js

@@ -2,12 +2,12 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import { p as promiseResolve, H, b as bootstrapLazy } from './index-59610291.js';
-export { s as setNonce } from './index-59610291.js';
+import { p as promiseResolve, H, b as bootstrapLazy } from './index-4e4c39e8.js';
+export { s as setNonce } from './index-4e4c39e8.js';
 import { g as globalScripts } from './app-globals-7655df21.js';
 
 /*
- Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   {
@@ -41,7 +41,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"bq-select\",[[81,\"bq-select\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"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]},[[2,\"bqOpen\",\"handleOpenChange\"],[2,\"bqFocus\",\"stopOptionFocusBlurPropagation\"],[2,\"bqBlur\",\"stopOptionFocusBlurPropagation\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bq-date-picker\",[[81,\"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],\"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\",[[1,\"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\",[[1,\"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\",[[1,\"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\",[[81,\"bq-input\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[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\",[[1,\"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\",[[1,\"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\",[[1,\"bq-empty-state\",{\"size\":[1537],\"hasBody\":[32],\"hasFooter\":[32]},null,{\"size\":[\"checkPropValues\"]}]]],[\"bq-progress\",[[1,\"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\",[[1,\"bq-side-menu-item\",{\"active\":[4],\"collapse\":[4],\"disabled\":[4],\"textContent\":[32]}]]],[\"bq-slider\",[[81,\"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\",[[1,\"bq-status\",{\"type\":[513]},null,{\"type\":[\"checkPropValues\"]}]]],[\"bq-steps\",[[1,\"bq-steps\",{\"dividerColor\":[513,\"divider-color\"],\"size\":[513],\"type\":[513]},null,{\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-switch\",[[81,\"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\",[[1,\"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\",[[1,\"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\",[[1,\"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\",[[1,\"bq-breadcrumb\",{\"label\":[513]}]]],[\"bq-breadcrumb-item\",[[1,\"bq-breadcrumb-item\",{\"href\":[513],\"target\":[513],\"rel\":[513]}]]],[\"bq-card\",[[1,\"bq-card\",{\"type\":[513],\"border\":[513]},null,{\"type\":[\"checkPropValue\"]}]]],[\"bq-checkbox\",[[81,\"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\",[[1,\"bq-option\",{\"hidden\":[516],\"disabled\":[516],\"value\":[513],\"selected\":[516],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bq-option-group\",[[1,\"bq-option-group\"]]],[\"bq-page-title\",[[1,\"bq-page-title\",{\"haveBackNavigation\":[32],\"hasSuffix\":[32],\"hasSubTitle\":[32]}]]],[\"bq-radio\",[[17,\"bq-radio\",{\"checked\":[1540],\"disabled\":[516],\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"getNativeInput\":[64]}]]],[\"bq-radio-group\",[[81,\"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]},[[17,\"mousedown\",\"onMouseDown\"],[0,\"bqClick\",\"onBqClick\"],[0,\"bqKeyDown\",\"onBqKeyDown\"],[2,\"bqFocus\",\"onBqFocus\"],[2,\"bqBlur\",\"onBqBlur\"]],{\"backgroundOnHover\":[\"handleGroupProperties\"],\"disabled\":[\"handleGroupProperties\"],\"name\":[\"handleGroupProperties\"],\"required\":[\"handleGroupProperties\",\"handleRequiredChange\"],\"value\":[\"handleGroupProperties\",\"handleRequiredChange\"],\"orientation\":[\"checkPropValues\"],\"debounceTime\":[\"checkDebounceChange\"]}]]],[\"bq-side-menu\",[[1,\"bq-side-menu\",{\"appearance\":[513],\"collapse\":[516],\"size\":[513],\"documentBody\":[32],\"toggleCollapse\":[64]},[[1,\"bqClick\",\"onMenuItemClick\"]],{\"collapse\":[\"onCollapsePropChange\"]}]]],[\"bq-spinner\",[[1,\"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\",[[1,\"bq-step-item\",{\"size\":[513],\"status\":[513],\"type\":[513]},null,{\"size\":[\"checkPropValues\"],\"status\":[\"checkPropValues\"]}]]],[\"bq-tab\",[[1,\"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\",[[1,\"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\",[[81,\"bq-textarea\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[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\",[[1,\"bq-badge\",{\"backgroundColor\":[1537,\"background-color\"],\"textColor\":[1537,\"text-color\"],\"size\":[1537],\"contentLength\":[32]},null,{\"size\":[\"handleSizePropChange\"]}]]],[\"bq-button_2\",[[81,\"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\"]}],[1,\"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\",[[17,\"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\"]}],[1,\"bq-option-list\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqClick\",\"onBqSelect\"],[1,\"bqEnter\",\"onBqSelect\"]]]]],[\"bq-divider\",[[1,\"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\",[[1,\"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]},[[5,\"mousedown\",\"handleDocumentMouseDown\"]],{\"visible\":[\"handleVisibleChange\"],\"distance\":[\"handleFloatingUIOptionsChange\"],\"hideArrow\":[\"handleFloatingUIOptionsChange\"],\"placement\":[\"handleFloatingUIOptionsChange\"],\"sameWidth\":[\"handleFloatingUIOptionsChange\"]}]]],[\"bq-dropdown_2\",[[1,\"bq-dropdown\",{\"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]},[[5,\"click\",\"onClickOutside\"],[9,\"keyup\",\"onEscape\"],[1,\"bqSelect\",\"onItemSelect\"]],{\"open\":[\"onOpenChange\"],\"disabled\":[\"handleDisabledChange\"]}],[1,\"bq-panel\",{\"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 bootstrapLazy(JSON.parse("[[\"bq-select\",[[81,\"bq-select\",{\"autofocus\":[516],\"clearButtonLabel\":[513,\"clear-button-label\"],\"debounceTime\":[1538,\"debounce-time\"],\"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]},[[2,\"bqOpen\",\"handleOpenChange\"],[2,\"bqFocus\",\"stopOptionFocusBlurPropagation\"],[2,\"bqBlur\",\"stopOptionFocusBlurPropagation\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bq-date-picker\",[[81,\"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\",[[1,\"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\",[[1,\"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\",[[1,\"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\",[[81,\"bq-input\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[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\",[[1,\"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\",[[1,\"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\",[[1,\"bq-empty-state\",{\"size\":[1537],\"hasBody\":[32],\"hasFooter\":[32]},null,{\"size\":[\"checkPropValues\"]}]]],[\"bq-progress\",[[1,\"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\",[[1,\"bq-side-menu-item\",{\"active\":[4],\"collapse\":[4],\"disabled\":[4],\"textContent\":[32]}]]],[\"bq-slider\",[[81,\"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\",[[1,\"bq-status\",{\"type\":[513]},null,{\"type\":[\"checkPropValues\"]}]]],[\"bq-steps\",[[1,\"bq-steps\",{\"dividerColor\":[513,\"divider-color\"],\"size\":[513],\"type\":[513]},null,{\"type\":[\"checkPropValues\"],\"size\":[\"checkPropValues\"]}]]],[\"bq-switch\",[[81,\"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\",[[1,\"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\",[[1,\"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\",[[1,\"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\",[[1,\"bq-breadcrumb\",{\"label\":[513]}]]],[\"bq-breadcrumb-item\",[[1,\"bq-breadcrumb-item\",{\"href\":[513],\"target\":[513],\"rel\":[513]}]]],[\"bq-card\",[[1,\"bq-card\",{\"type\":[513],\"border\":[513]},null,{\"type\":[\"checkPropValue\"]}]]],[\"bq-checkbox\",[[81,\"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\",[[1,\"bq-option\",{\"hidden\":[516],\"disabled\":[516],\"value\":[513],\"selected\":[516],\"hasPrefix\":[32],\"hasSuffix\":[32]},[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bq-option-group\",[[1,\"bq-option-group\"]]],[\"bq-page-title\",[[1,\"bq-page-title\",{\"haveBackNavigation\":[32],\"hasSuffix\":[32],\"hasSubTitle\":[32]}]]],[\"bq-radio\",[[17,\"bq-radio\",{\"checked\":[1540],\"disabled\":[516],\"backgroundOnHover\":[516,\"background-on-hover\"],\"formId\":[513,\"form-id\"],\"name\":[513],\"required\":[516],\"value\":[513],\"vClick\":[64],\"vFocus\":[64],\"vBlur\":[64],\"getNativeInput\":[64]}]]],[\"bq-radio-group\",[[81,\"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]},[[17,\"mousedown\",\"onMouseDown\"],[0,\"bqClick\",\"onBqClick\"],[0,\"bqKeyDown\",\"onBqKeyDown\"],[2,\"bqFocus\",\"onBqFocus\"],[2,\"bqBlur\",\"onBqBlur\"]],{\"backgroundOnHover\":[\"handleGroupProperties\"],\"disabled\":[\"handleGroupProperties\"],\"name\":[\"handleGroupProperties\"],\"required\":[\"handleGroupProperties\",\"handleRequiredChange\"],\"value\":[\"handleGroupProperties\",\"handleRequiredChange\"],\"orientation\":[\"checkPropValues\"],\"debounceTime\":[\"checkDebounceChange\"]}]]],[\"bq-side-menu\",[[1,\"bq-side-menu\",{\"appearance\":[513],\"collapse\":[516],\"size\":[513],\"documentBody\":[32],\"toggleCollapse\":[64]},[[1,\"bqClick\",\"onMenuItemClick\"]],{\"collapse\":[\"onCollapsePropChange\"]}]]],[\"bq-spinner\",[[1,\"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\",[[1,\"bq-step-item\",{\"size\":[513],\"status\":[513],\"type\":[513]},null,{\"size\":[\"checkPropValues\"],\"status\":[\"checkPropValues\"]}]]],[\"bq-tab\",[[1,\"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\",[[1,\"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\",[[81,\"bq-textarea\",{\"autocapitalize\":[513],\"autocomplete\":[513],\"autocorrect\":[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\",[[1,\"bq-badge\",{\"backgroundColor\":[1537,\"background-color\"],\"textColor\":[1537,\"text-color\"],\"size\":[1537],\"contentLength\":[32]},null,{\"size\":[\"handleSizePropChange\"]}]]],[\"bq-button_2\",[[81,\"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\"]}],[1,\"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\",[[17,\"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\"]}],[1,\"bq-option-list\",{\"ariaLabel\":[513,\"aria-label\"]},[[1,\"bqClick\",\"onBqSelect\"],[1,\"bqEnter\",\"onBqSelect\"]]]]],[\"bq-divider\",[[1,\"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\",[[1,\"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]},[[5,\"mousedown\",\"handleDocumentMouseDown\"]],{\"visible\":[\"handleVisibleChange\"],\"distance\":[\"handleFloatingUIOptionsChange\"],\"hideArrow\":[\"handleFloatingUIOptionsChange\"],\"placement\":[\"handleFloatingUIOptionsChange\"],\"sameWidth\":[\"handleFloatingUIOptionsChange\"]}]]],[\"bq-dropdown_2\",[[1,\"bq-dropdown\",{\"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]},[[5,\"click\",\"onClickOutside\"],[9,\"keyup\",\"onEscape\"],[1,\"bqSelect\",\"onItemSelect\"]],{\"open\":[\"onOpenChange\"],\"disabled\":[\"handleDisabledChange\"]}],[1,\"bq-panel\",{\"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);
 });
 
 //# sourceMappingURL=beeq.js.map

package/dist/esm/beeq.js.map

@@ -1 +1 @@
-{"file":"beeq.js","mappings":";;;;;;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAIzB,EAA0B;AAC1B,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACnC,GAAG;AAIH,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC,CAAC;AACF,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS,CAAC;AAC3D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAChD,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC3D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC;AAC1C,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACnE,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,OAAO,UAAU,CAAC;AACtB,GAAG,CAAC;AACJ,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
+{"file":"beeq.js","mappings":";;;;;;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAIzB,EAA0B;AAC1B,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACnC,GAAG;AAIH,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC,CAAC;AACF,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS,CAAC;AAC3D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAChD,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC3D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC;AAC1C,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACnE,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,OAAO,UAAU,CAAC;AACtB,GAAG,CAAC;AACJ,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/esm/bq-accordion-group.entry.js

@@ -2,7 +2,7 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import { r as registerInstance, g as getElement, h } from './index-59610291.js';
+import { r as registerInstance, g as getElement, h } from './index-4e4c39e8.js';
 import { i as isNil } from './isNil-2290f64e.js';
 import { i as isHTMLElement } from './isHTMLElement-0271eefe.js';
 

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

@@ -2,9 +2,9 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import { r as registerInstance, c as createEvent, g as getElement, h } from './index-59610291.js';
+import { r as registerInstance, c as createEvent, g as getElement, h } from './index-4e4c39e8.js';
 import { v as validatePropValue } from './props-3bf7f546.js';
-import { b as hasSlotContent } from './slot-58bfedb5.js';
+import { b as hasSlotContent } from './slot-be230a01.js';
 
 const ACCORDION_SIZE = ['small', 'medium'];
 const ACCORDION_APPEARANCE = ['filled', 'ghost'];
@@ -214,6 +214,7 @@ const BqAccordion = class {
     componentDidLoad() {
         this.handleJsAnimation();
         this.handleExpandedChange();
+        this.handleSlotChange();
     }
     // Listeners
     // ==============
@@ -252,10 +253,8 @@ const BqAccordion = class {
     handleBlur = () => {
         this.bqBlur.emit(this.el);
     };
-    handlePrefixSlotChange = () => {
+    handleSlotChange = () => {
         this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');
-    };
-    handleSuffixSlotChange = () => {
         this.hasSuffix = hasSlotContent(this.suffixElem, 'suffix');
     };
     get open() {
@@ -268,15 +267,15 @@ const BqAccordion = class {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("details", { key: 'a870407449d2cfeb32d4817e7d56018c7afc40fc', class: {
+        return (h("details", { key: '37ce84995b58b8e0a23bab0628a06b462e7383b1', class: {
                 [`bq-accordion overflow-hidden ${this.size} ${this.appearance}`]: true,
                 'no-animation': this.noAnimation,
                 disabled: this.disabled,
-            }, ref: (detailsElem) => (this.detailsElem = detailsElem), open: this.open, part: "base" }, h("summary", { key: '6b1e2312519bf04dac0e4109817fc40c59857bf7', id: "bq-accordion__header", class: "bq-accordion__header", onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": "bq-accordion__content", tabindex: this.disabled ? -1 : 0, role: "button", part: "header" }, h("div", { key: '43e333e7a08eb42e893673809d2a0f4ac68f8c5e', ref: (element) => (this.prefixElem = element), class: { 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix" }, h("slot", { key: 'ee464fd1e0a383beebefe4d713bda6f1c6c488fe', name: "prefix", onSlotchange: this.handlePrefixSlotChange })), h("div", { key: '09f8b02d8dce6fb7a3b1a28c3943c3d2d0aae755', class: "bq-accordion__header--text", part: "text" }, h("slot", { key: '7083b8911805c5d0cd617e9a4eef7235b2f4af7b', name: "header" })), h("div", { key: 'c3c678ad4f482b11efb584b273fcfd189a3203f9', ref: (element) => (this.suffixElem = element), class: { 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }, part: "suffix" }, h("slot", { key: '24abd092ca5a84ae39f4bb3aa1f924e7164805fa', name: "suffix", onSlotchange: this.handleSuffixSlotChange })), h("div", { key: 'efee2573a804ccd5b304c80cf605ceeb5ad7d71d', class: {
+            }, ref: (detailsElem) => (this.detailsElem = detailsElem), open: this.open, part: "base" }, h("summary", { key: '52572da9cd4a9de3729ceb6fbe1057db52ba3287', id: "bq-accordion__header", class: "bq-accordion__header", onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": "bq-accordion__content", tabindex: this.disabled ? -1 : 0, role: "button", part: "header" }, h("div", { key: 'f79cd751ebef090938bac3e81f00cd52531ccfdb', ref: (element) => (this.prefixElem = element), class: { 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix" }, h("slot", { key: 'bee50818a711c42590d7d2b25425ec994aee9e54', name: "prefix", onSlotchange: this.handleSlotChange })), h("div", { key: '6124feec91eaf9b40aa82972c6c62c30575cfa86', class: "bq-accordion__header--text", part: "text" }, h("slot", { key: 'b067cb102a759a7d0cc9d3b6585d2c513987b576', name: "header" })), h("div", { key: 'd65747b2e8a4c2c626d74d8f36806755d5744f2f', ref: (element) => (this.suffixElem = element), class: { 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }, part: "suffix" }, h("slot", { key: 'aeceaca072f569e09634bff4ea844160e6f3e50e', name: "suffix", onSlotchange: this.handleSlotChange })), h("div", { key: '7e2d2934115edd6e4d175059693a143072c8ef26', class: {
                 'flex items-center justify-center transition-transform duration-300 ease-in-out': true,
                 '!hidden': this.open && !this.rotate,
                 'rotate-180': this.rotate && this.open,
-            }, "aria-hidden": "true" }, h("slot", { key: '4ebb25cbe06bd0092a9786b650d06fca20518194', name: "expand" }, h("bq-icon", { key: 'b4a1a7819959dcc4e08efc8d1a95258f5d0fd199', name: "plus" }))), h("div", { key: 'b78d55a27e5cabe6075b0f8772bdb95f0e3cc08f', class: { 'flex items-center justify-center': true, '!hidden': (!this.open && !this.rotate) || this.rotate }, "aria-hidden": "true" }, h("slot", { key: '911ac4631b5df73d5935b8cf3c84d2d252877eb3', name: "collapse" }, h("bq-icon", { key: '112d66213061258d41bdce2661df09ff236ffca4', name: "minus" })))), h("div", { key: '26065bedbfdd0e24d6e40e3e27a2eb793695ab0d', class: "bq-accordion__body overflow-hidden", "aria-labelledby": "bq-accordion__header", role: "region", part: "panel" }, h("slot", { key: '5f4d340fa5f8d1f1277a322f1c43bb1165f4f23d', id: "bq-accordion__content", class: "bq-accordion__content block" }))));
+            }, "aria-hidden": "true" }, h("slot", { key: '2f9f7ac0fffb102f050b46ef853647d777bdfc43', name: "expand" }, h("bq-icon", { key: 'aa454003868fde5435578a0c3c2012219c3a1e68', name: "plus" }))), h("div", { key: 'e074a38c0eb16dd7547d447b3ebab00b7351cbb6', class: { 'flex items-center justify-center': true, '!hidden': (!this.open && !this.rotate) || this.rotate }, "aria-hidden": "true" }, h("slot", { key: '351064e0896b4bdc7a5226d48403da39050d606b', name: "collapse" }, h("bq-icon", { key: 'ea4b7f164f7a9181f871c6c3501a0c1552aabfce', name: "minus" })))), h("div", { key: 'de44b664d1f00a43113c2d169d66589fefdc535c', class: "bq-accordion__body overflow-hidden", "aria-labelledby": "bq-accordion__header", role: "region", part: "panel" }, h("slot", { key: 'a2f47e70fd7be0da16f5b0655ed8c3a260fecec1', id: "bq-accordion__content", class: "bq-accordion__content block" }))));
     }
     static get watchers() { return {
         "size": ["checkPropValues"],

package/dist/esm/bq-accordion.entry.js.map

@@ -1 +1 @@
-{"file":"bq-accordion.entry.js","mappings":";;;;;;;;AAAO,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU,CAAC;AAGpD,MAAM,oBAAoB,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU;;ACHhE;AACA;AACA;MAEa,SAAS;IACZ,EAAE,CAAqB;IACvB,MAAM,CAAc;IACpB,KAAK,CAAc;IACnB,SAAS,CAAmB;IAC5B,SAAS,CAAU;IACnB,WAAW,CAAU;IACrB,gBAAgB,GAAG;QACzB,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,aAAa;KACtB,CAAC;IAEF,YAAY,EAAsB;;QAEhC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;;QAEb,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;;QAE1C,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;;QAErD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;;QAEtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;;QAEvB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;KAC1B;IAEM,IAAI;;QAET,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,EAAE,CAAC,IAAI;YAAE,OAAO;;QAE5C,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,IAAI,CAAC;;QAEnD,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;;QAEpB,MAAM,CAAC,qBAAqB,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;KACnD;IAEM,KAAK;;QAEV,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI;YAAE,OAAO;;QAE/C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;;QAGtB,MAAM,WAAW,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,IAAI,CAAC;;QAEhD,MAAM,SAAS,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,CAAC;;QAGlD,IAAI,IAAI,CAAC,SAAS,EAAE;;YAElB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;SACzB;;QAGD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;;QAE9F,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,MAAM,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;;QAE9D,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC;KAC1D;;IAGO,MAAM;;QAEZ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;;QAExB,MAAM,WAAW,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,IAAI,CAAC;;QAEhD,MAAM,SAAS,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC;;QAG5E,IAAI,IAAI,CAAC,SAAS,EAAE;;YAElB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;SACzB;;QAGD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;;QAE9F,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,MAAM,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;;QAE7D,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,OAAO,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC;KAC5D;;IAGO,iBAAiB,CAAC,IAAa;;QAErC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;;QAEpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;;QAEtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;;QAEzB,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;;QAEjC,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,wBAAwB,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QACzF,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KACjC;;;ACxGH,MAAM,cAAc,GAAG,6kkCAA6kkC,CAAC;AACrmkC,0BAAe,cAAc;;MC4GhB,WAAW;;;;;;;;;;;;;IAId,SAAS,CAAY;IACrB,UAAU,CAAiB;IAC3B,UAAU,CAAiB;IAC3B,WAAW,CAAqB;;;;;IAWvB,SAAS,GAAG,KAAK,CAAC;IAClB,SAAS,GAAG,KAAK,CAAC;;;;IAMK,UAAU,GAAyB,QAAQ,CAAC;;IAG3D,QAAQ,GAAY,KAAK,CAAC;;IAGX,QAAQ,GAAY,KAAK,CAAC;;;;;IAMzC,WAAW,GAAY,KAAK,CAAC;;IAG7B,MAAM,GAAY,KAAK,CAAC;;IAGT,IAAI,GAAmB,QAAQ,CAAC;;;IAMxE,eAAe;QACb,iBAAiB,CAAC,cAAc,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QAC7D,iBAAiB,CAAC,oBAAoB,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;KAC1E;IAGD,oBAAoB;QAClB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrF,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,OAAO;SACR;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;SACxB;aAAM;YACL,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC;SACzB;QACD,IAAI,CAAC,IAAI,CAAC,6BAA6B;YAAE,OAAO;;;QAIhD,UAAU,CAAC;YACT,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,wBAAwB,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SACtG,EAAE,GAAG,CAAC,CAAC;KACT;IAGD,oBAAoB;QAClB,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE3B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;KACvB;IAGD,iBAAiB;QACf,IAAI,IAAI,CAAC,6BAA6B;YAAE,OAAO;QAE/C,OAAO,CAAC,IAAI,CACV;4GACsG,CACvG,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;KAC7E;;;;;IAOQ,MAAM,CAAuC;;IAG7C,OAAO,CAAuC;;IAG9C,MAAM,CAAuC;;IAG7C,WAAW,CAAuC;;IAGlD,OAAO,CAAuC;;IAG9C,YAAY,CAAuC;;IAGnD,OAAO,CAAuC;;;;IAMvD,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,gBAAgB;QACd,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC7B;;;IAMD,wBAAwB,CAAC,KAAkB;QACzC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE;YAAE,OAAO;QAErC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC/B,OAAO;SACR;QAED,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACjC;;;;;;;;;;;IAcO,WAAW,GAAG,CAAC,KAAiB;QACtC,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;KAChC,CAAC;IAEM,WAAW,GAAG;QACpB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC5B,CAAC;IAEM,UAAU,GAAG;QACnB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC3B,CAAC;IAEM,sBAAsB,GAAG;QAC/B,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;KAC5D,CAAC;IAEM,sBAAsB,GAAG;QAC/B,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;KAC5D,CAAC;IAEF,IAAY,IAAI;QACd,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;KACxC;IAED,IAAY,6BAA6B;QACvC,OAAO,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,oCAAoC,CAAC,CAAC;KACnE;;;;IAMD,MAAM;QACJ,QACE,gEACE,KAAK,EAAE;gBACL,CAAC,gCAAgC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI;gBACtE,cAAc,EAAE,IAAI,CAAC,WAAW;gBAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,EACD,GAAG,EAAE,CAAC,WAA+B,MAAM,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,EAC1E,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,MAAM,IAEX,gEACE,EAAE,EAAC,sBAAsB,EACzB,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,MAAM,EAAE,IAAI,CAAC,UAAU,mBACR,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,mBAChC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,mBACjC,uBAAuB,EACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,EAChC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,IAEb,4DACE,GAAG,EAAE,CAAC,OAAO,MAAM,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,EAC7C,KAAK,EAAE,EAAE,8BAA8B,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAC3E,IAAI,EAAC,QAAQ,IAEb,6DAAM,IAAI,EAAC,QAAQ,EAAC,YAAY,EAAE,IAAI,CAAC,sBAAsB,GAAI,CAC7D,EACN,4DAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,IACjD,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,EACN,4DACE,GAAG,EAAE,CAAC,OAAO,MAAM,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,EAC7C,KAAK,EAAE,EAAE,8BAA8B,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAC3E,IAAI,EAAC,QAAQ,IAEb,6DAAM,IAAI,EAAC,QAAQ,EAAC,YAAY,EAAE,IAAI,CAAC,sBAAsB,GAAI,CAC7D,EACN,4DACE,KAAK,EAAE;gBACL,gFAAgF,EAAE,IAAI;gBACtF,SAAS,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM;gBACpC,YAAY,EAAE,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI;aACvC,iBACW,MAAM,IAElB,6DAAM,IAAI,EAAC,QAAQ,IACjB,gEAAS,IAAI,EAAC,MAAM,GAAG,CAClB,CACH,EACN,4DACE,KAAK,EAAE,EAAE,kCAAkC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE,iBAC/F,MAAM,IAElB,6DAAM,IAAI,EAAC,UAAU,IACnB,gEAAS,IAAI,EAAC,OAAO,GAAG,CACnB,CACH,CACE,EACV,4DACE,KAAK,EAAC,oCAAoC,qBAC1B,sBAAsB,EACtC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,IAEZ,6DAAM,EAAE,EAAC,uBAAuB,EAAC,KAAK,EAAC,6BAA6B,GAAG,CACnE,CACE,EACV;KACH;;;;;;;;;;;;","names":[],"sources":["../../packages/beeq/src/components/accordion/bq-accordion.types.ts","../../packages/beeq/src/components/accordion/helper/index.ts","../../packages/beeq/src/components/accordion/scss/bq-accordion.scss?tag=bq-accordion&encapsulation=shadow","../../packages/beeq/src/components/accordion/bq-accordion.tsx"],"sourcesContent":["export const ACCORDION_SIZE = ['small', 'medium'] as const;\nexport type TAccordionSize = (typeof ACCORDION_SIZE)[number];\n\nexport const ACCORDION_APPEARANCE = ['filled', 'ghost'] as const;\nexport type TAccordionAppearance = (typeof ACCORDION_APPEARANCE)[number];\n","/* -------------------------------------------------------------------------------------- */\n/*   💡 Credits: https://css-tricks.com/how-to-animate-the-details-element-using-waapi    */\n/* -------------------------------------------------------------------------------------- */\n\nexport class Accordion {\n  private el: HTMLDetailsElement;\n  private header: HTMLElement;\n  private panel: HTMLElement;\n  private animation: Animation | null;\n  private isClosing: boolean;\n  private isExpanding: boolean;\n  private animationOptions = {\n    duration: 200,\n    easing: 'ease-in-out',\n  };\n\n  constructor(el: HTMLDetailsElement) {\n    // Store the <details> element\n    this.el = el;\n    // Store the <summary> header element\n    this.header = el.querySelector('summary');\n    // Store the <div class=\"content\"> element\n    this.panel = el.querySelector('.bq-accordion__body');\n    // Store the animation object (so we can cancel it, if needed)\n    this.animation = null;\n    // Store if the element is closing\n    this.isClosing = false;\n    // Store if the element is expanding\n    this.isExpanding = false;\n  }\n\n  public open() {\n    // Check if the element is being closed or is already closed\n    if (!this.isClosing && this.el.open) return;\n    // Apply a fixed height on the element\n    this.el.style.height = `${this.el.offsetHeight}px`;\n    // Force the [open] attribute on the details element\n    this.el.open = true;\n    // Wait for the next frame to call the expand function\n    window.requestAnimationFrame(() => this.expand());\n  }\n\n  public close() {\n    // Check if the element is being opened or is already open\n    if (!this.isExpanding && !this.el.open) return;\n    // Set the element as \"being closed\"\n    this.isClosing = true;\n\n    // Store the current height of the element\n    const startHeight = `${this.el.offsetHeight}px`;\n    // Calculate the height of the <summary> header\n    const endHeight = `${this.header.offsetHeight}px`;\n\n    // If there is already an animation running\n    if (this.animation) {\n      // Cancel the current animation\n      this.animation.cancel();\n    }\n\n    // Start a WAAPI animation\n    this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);\n    // When the animation is complete, call onAnimationFinish()\n    this.animation.onfinish = () => this.onAnimationFinish(false);\n    // If the animation is cancelled, isClosing variable is set to false\n    this.animation.oncancel = () => (this.isClosing = false);\n  }\n\n  // Expands the accordion\n  private expand() {\n    // Set the element as \"being expanding\"\n    this.isExpanding = true;\n    // Get the current fixed height of the element\n    const startHeight = `${this.el.offsetHeight}px`;\n    // Calculate the open height of the element (summary header height + panel body height)\n    const endHeight = `${this.header.offsetHeight + this.panel.offsetHeight}px`;\n\n    // If there is already an animation running\n    if (this.animation) {\n      // Cancel the current animation\n      this.animation.cancel();\n    }\n\n    // Start a WAAPI animation\n    this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);\n    // When the animation is complete, call onAnimationFinish()\n    this.animation.onfinish = () => this.onAnimationFinish(true);\n    // If the animation is cancelled, isExpanding variable is set to false\n    this.animation.oncancel = () => (this.isExpanding = false);\n  }\n\n  // Handles the end of the animation\n  private onAnimationFinish(open: boolean) {\n    // Set the open attribute based on the parameter\n    this.el.open = open;\n    // Clear the stored animation\n    this.animation = null;\n    // Reset isClosing & isExpanding\n    this.isClosing = false;\n    this.isExpanding = false;\n    // Remove the overflow hidden and the fixed height\n    this.el.removeAttribute('style');\n    // Dispatch a custom event based on the open parameter\n    const endEvent = new Event('accordionTransitionEnd', { bubbles: false, composed: true });\n    this.el.dispatchEvent(endEvent);\n  }\n}\n","/* -------------------------------------------------------------------------- */\n/*                              Accordion styles                              */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-accordion.variables';\n\n:host {\n  @apply block;\n}\n\n.bq-accordion:not(.no-animation) {\n  /* -------------------------------------------------------------------- */\n  /* Opt-in the component to animating to/from intrinsic sizing keywords  */\n  /* Details: https://chrome.dev/css-wrapped-2024/#animate-to-height-auto */\n  /* -------------------------------------------------------------------- */\n  @apply supports-[interpolate-size:_allow-keywords]:[interpolate-size:_allow-keywords];\n}\n\n.bq-accordion {\n  &.disabled {\n    @apply cursor-not-allowed opacity-60;\n\n    .bq-accordion__header {\n      @apply pointer-events-none;\n    }\n  }\n\n  &.small .bq-accordion__header {\n    @apply gap-[--bq-accordion--small-gap] pe-[--bq-accordion--small-padding-end] ps-[--bq-accordion--small-padding-start] p-b-[--bq-accordion--small-padding-y];\n    @apply rounded-ee-[--bq-accordion--small-radius] rounded-es-[--bq-accordion--small-radius] rounded-se-[--bq-accordion--small-radius] rounded-ss-[--bq-accordion--small-radius];\n  }\n\n  &.medium .bq-accordion__header {\n    @apply gap-[--bq-accordion--medium-gap] pe-[--bq-accordion--medium-padding-end] ps-[--bq-accordion--medium-padding-start] p-b-[--bq-accordion--medium-padding-y];\n    @apply rounded-ee-[--bq-accordion--medium-radius] rounded-es-[--bq-accordion--medium-radius] rounded-se-[--bq-accordion--medium-radius] rounded-ss-[--bq-accordion--medium-radius];\n  }\n\n  &[open] .bq-accordion__header {\n    @apply border-[length:--bq-accordion--expanded-border-width] border-[color:--bq-accordion--expanded-border-color];\n    @apply rounded-ee-[0px] rounded-es-[0px];\n\n    border-style: var(--bq-accordion--expanded-border-style);\n  }\n\n  &.small .bq-accordion__content {\n    @apply rounded-ee-[--bq-accordion--small-radius] rounded-es-[--bq-accordion--small-radius] rounded-se-[0px] rounded-ss-[0px];\n  }\n\n  &.medium .bq-accordion__content {\n    @apply rounded-ee-[--bq-accordion--medium-radius] rounded-es-[--bq-accordion--medium-radius] rounded-se-[0px] rounded-ss-[0px];\n  }\n\n  &.filled {\n    .bq-accordion__header {\n      @apply bg-[--bq-accordion--filled-collapsed-background] hover:bg-hover-ui-secondary;\n    }\n\n    .bq-accordion__header--text {\n      @apply text-[--bq-accordion--filled-collapsed-text-color];\n    }\n\n    .bq-accordion__content {\n      @apply border-[length:--bq-accordion--panel-filled-border-width] border-[color:--bq-accordion--panel-filled-border-color];\n\n      border-style: var(--bq-accordion--panel-filled-border-style);\n    }\n\n    &[open] .bq-accordion__header {\n      @apply bg-[--bq-accordion--filled-expanded-background] hover:bg-hover-ui-secondary;\n    }\n\n    &[open] .bq-accordion__header--text {\n      @apply text-[--bq-accordion--filled-expanded-text-color];\n    }\n  }\n\n  &.ghost {\n    .bq-accordion__header {\n      @apply bg-[--bq-accordion--ghost-collapsed-background] hover:bg-hover-ui-secondary;\n    }\n\n    .bq-accordion__header--text {\n      @apply text-[--bq-accordion--ghost-collapsed-text-color];\n    }\n\n    .bq-accordion__content {\n      @apply border-[length:--bq-accordion--panel-ghost-border-width] border-[color:--bq-accordion--panel-ghost-border-color];\n\n      border-style: var(--bq-accordion--panel-ghost-border-style);\n    }\n\n    &[open] .bq-accordion__header {\n      @apply bg-[--bq-accordion--ghost-expanded-background] hover:bg-hover-ui-secondary;\n    }\n\n    &[open] .bq-accordion__header--text {\n      @apply text-[--bq-accordion--ghost-expanded-text-color];\n    }\n  }\n\n  &.small.filled .bq-accordion__content {\n    @apply pe-[--bq-accordion--panel-small-filled-padding-end] ps-[--bq-accordion--panel-small-filled-padding-start] p-b-[--bq-accordion--panel-small-filled-padding-y];\n  }\n\n  &.medium.filled .bq-accordion__content {\n    @apply pe-[--bq-accordion--panel-medium-filled-padding-end] ps-[--bq-accordion--panel-medium-filled-padding-start] p-b-[--bq-accordion--panel-medium-filled-padding-y];\n  }\n\n  &.small.ghost .bq-accordion__content {\n    @apply pe-[--bq-accordion--panel-small-ghost-padding-end] ps-[--bq-accordion--panel-small-ghost-padding-start] p-b-[--bq-accordion--panel-small-ghost-padding-y];\n  }\n\n  &.medium.ghost .bq-accordion__content {\n    @apply pe-[--bq-accordion--panel-medium-ghost-padding-end] ps-[--bq-accordion--panel-medium-ghost-padding-start] p-b-[--bq-accordion--panel-medium-ghost-padding-y];\n  }\n}\n\n.bq-accordion::details-content {\n  @apply block overflow-clip transition-all duration-300 ease-in-out bs-0 [transition-behavior:allow-discrete];\n}\n\n.bq-accordion[open]::details-content {\n  @apply bs-auto;\n}\n\n.bq-accordion__header {\n  // Since there's an overflow on the <summary> element, the focus outline is not visible,\n  // so we force it to be inset to avoid the overflow hidden.\n  --bq-ring-offset-width: -2px;\n\n  @apply flex cursor-pointer select-none list-none items-center transition-colors duration-300 ease-in-out focus-visible:focus;\n  @apply border-[length:--bq-accordion--collapsed-border-width] border-[color:--bq-accordion--collapsed-border-color];\n\n  border-style: var(--bq-accordion--collapsed-border-style);\n\n  &::marker,\n  &::-webkit-details-marker {\n    @apply hidden;\n  }\n}\n\n.bq-accordion__header--text {\n  @apply flex-1;\n}\n\n.bq-accordion__header--prefix,\n.bq-accordion__header--suffix {\n  @apply flex items-center justify-center;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { ACCORDION_APPEARANCE, ACCORDION_SIZE, TAccordionAppearance, TAccordionSize } from './bq-accordion.types';\nimport { Accordion } from './helper';\nimport { hasSlotContent, validatePropValue } from '../../shared/utils';\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  }\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 handlePrefixSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');\n  };\n\n  private handleSuffixSlotChange = () => {\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        ref={(detailsElem: HTMLDetailsElement) => (this.detailsElem = detailsElem)}\n        open={this.open}\n        part=\"base\"\n      >\n        <summary\n          id=\"bq-accordion__header\"\n          class=\"bq-accordion__header\"\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          aria-expanded={this.expanded ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-controls=\"bq-accordion__content\"\n          tabindex={this.disabled ? -1 : 0}\n          role=\"button\"\n          part=\"header\"\n        >\n          <div\n            ref={(element) => (this.prefixElem = element)}\n            class={{ 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }}\n            part=\"prefix\"\n          >\n            <slot name=\"prefix\" onSlotchange={this.handlePrefixSlotChange} />\n          </div>\n          <div class=\"bq-accordion__header--text\" part=\"text\">\n            <slot name=\"header\" />\n          </div>\n          <div\n            ref={(element) => (this.suffixElem = element)}\n            class={{ 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }}\n            part=\"suffix\"\n          >\n            <slot name=\"suffix\" onSlotchange={this.handleSuffixSlotChange} />\n          </div>\n          <div\n            class={{\n              'flex items-center justify-center transition-transform duration-300 ease-in-out': true,\n              '!hidden': this.open && !this.rotate,\n              'rotate-180': this.rotate && this.open,\n            }}\n            aria-hidden=\"true\"\n          >\n            <slot name=\"expand\">\n              <bq-icon name=\"plus\" />\n            </slot>\n          </div>\n          <div\n            class={{ 'flex items-center justify-center': true, '!hidden': (!this.open && !this.rotate) || this.rotate }}\n            aria-hidden=\"true\"\n          >\n            <slot name=\"collapse\">\n              <bq-icon name=\"minus\" />\n            </slot>\n          </div>\n        </summary>\n        <div\n          class=\"bq-accordion__body overflow-hidden\"\n          aria-labelledby=\"bq-accordion__header\"\n          role=\"region\"\n          part=\"panel\"\n        >\n          <slot id=\"bq-accordion__content\" class=\"bq-accordion__content block\" />\n        </div>\n      </details>\n    );\n  }\n}\n"],"version":3}
+{"file":"bq-accordion.entry.js","mappings":"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","names":[],"sources":["../../packages/beeq/src/components/accordion/bq-accordion.types.ts","../../packages/beeq/src/components/accordion/helper/index.ts","../../packages/beeq/src/components/accordion/scss/bq-accordion.scss?tag=bq-accordion&encapsulation=shadow","../../packages/beeq/src/components/accordion/bq-accordion.tsx"],"sourcesContent":["export const ACCORDION_SIZE = ['small', 'medium'] as const;\nexport type TAccordionSize = (typeof ACCORDION_SIZE)[number];\n\nexport const ACCORDION_APPEARANCE = ['filled', 'ghost'] as const;\nexport type TAccordionAppearance = (typeof ACCORDION_APPEARANCE)[number];\n","/* -------------------------------------------------------------------------------------- */\n/*   💡 Credits: https://css-tricks.com/how-to-animate-the-details-element-using-waapi    */\n/* -------------------------------------------------------------------------------------- */\n\nexport class Accordion {\n  private el: HTMLDetailsElement;\n  private header: HTMLElement;\n  private panel: HTMLElement;\n  private animation: Animation | null;\n  private isClosing: boolean;\n  private isExpanding: boolean;\n  private animationOptions = {\n    duration: 200,\n    easing: 'ease-in-out',\n  };\n\n  constructor(el: HTMLDetailsElement) {\n    // Store the <details> element\n    this.el = el;\n    // Store the <summary> header element\n    this.header = el.querySelector('summary');\n    // Store the <div class=\"content\"> element\n    this.panel = el.querySelector('.bq-accordion__body');\n    // Store the animation object (so we can cancel it, if needed)\n    this.animation = null;\n    // Store if the element is closing\n    this.isClosing = false;\n    // Store if the element is expanding\n    this.isExpanding = false;\n  }\n\n  public open() {\n    // Check if the element is being closed or is already closed\n    if (!this.isClosing && this.el.open) return;\n    // Apply a fixed height on the element\n    this.el.style.height = `${this.el.offsetHeight}px`;\n    // Force the [open] attribute on the details element\n    this.el.open = true;\n    // Wait for the next frame to call the expand function\n    window.requestAnimationFrame(() => this.expand());\n  }\n\n  public close() {\n    // Check if the element is being opened or is already open\n    if (!this.isExpanding && !this.el.open) return;\n    // Set the element as \"being closed\"\n    this.isClosing = true;\n\n    // Store the current height of the element\n    const startHeight = `${this.el.offsetHeight}px`;\n    // Calculate the height of the <summary> header\n    const endHeight = `${this.header.offsetHeight}px`;\n\n    // If there is already an animation running\n    if (this.animation) {\n      // Cancel the current animation\n      this.animation.cancel();\n    }\n\n    // Start a WAAPI animation\n    this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);\n    // When the animation is complete, call onAnimationFinish()\n    this.animation.onfinish = () => this.onAnimationFinish(false);\n    // If the animation is cancelled, isClosing variable is set to false\n    this.animation.oncancel = () => (this.isClosing = false);\n  }\n\n  // Expands the accordion\n  private expand() {\n    // Set the element as \"being expanding\"\n    this.isExpanding = true;\n    // Get the current fixed height of the element\n    const startHeight = `${this.el.offsetHeight}px`;\n    // Calculate the open height of the element (summary header height + panel body height)\n    const endHeight = `${this.header.offsetHeight + this.panel.offsetHeight}px`;\n\n    // If there is already an animation running\n    if (this.animation) {\n      // Cancel the current animation\n      this.animation.cancel();\n    }\n\n    // Start a WAAPI animation\n    this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);\n    // When the animation is complete, call onAnimationFinish()\n    this.animation.onfinish = () => this.onAnimationFinish(true);\n    // If the animation is cancelled, isExpanding variable is set to false\n    this.animation.oncancel = () => (this.isExpanding = false);\n  }\n\n  // Handles the end of the animation\n  private onAnimationFinish(open: boolean) {\n    // Set the open attribute based on the parameter\n    this.el.open = open;\n    // Clear the stored animation\n    this.animation = null;\n    // Reset isClosing & isExpanding\n    this.isClosing = false;\n    this.isExpanding = false;\n    // Remove the overflow hidden and the fixed height\n    this.el.removeAttribute('style');\n    // Dispatch a custom event based on the open parameter\n    const endEvent = new Event('accordionTransitionEnd', { bubbles: false, composed: true });\n    this.el.dispatchEvent(endEvent);\n  }\n}\n","/* -------------------------------------------------------------------------- */\n/*                              Accordion styles                              */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-accordion.variables';\n\n:host {\n  @apply block;\n}\n\n.bq-accordion:not(.no-animation) {\n  /* -------------------------------------------------------------------- */\n  /* Opt-in the component to animating to/from intrinsic sizing keywords  */\n  /* Details: https://chrome.dev/css-wrapped-2024/#animate-to-height-auto */\n  /* -------------------------------------------------------------------- */\n  @apply supports-[interpolate-size:_allow-keywords]:[interpolate-size:_allow-keywords];\n}\n\n.bq-accordion {\n  &.disabled {\n    @apply cursor-not-allowed opacity-60;\n\n    .bq-accordion__header {\n      @apply pointer-events-none;\n    }\n  }\n\n  &.small .bq-accordion__header {\n    @apply gap-[--bq-accordion--small-gap] pe-[--bq-accordion--small-padding-end] ps-[--bq-accordion--small-padding-start] p-b-[--bq-accordion--small-padding-y];\n    @apply rounded-ee-[--bq-accordion--small-radius] rounded-es-[--bq-accordion--small-radius] rounded-se-[--bq-accordion--small-radius] rounded-ss-[--bq-accordion--small-radius];\n  }\n\n  &.medium .bq-accordion__header {\n    @apply gap-[--bq-accordion--medium-gap] pe-[--bq-accordion--medium-padding-end] ps-[--bq-accordion--medium-padding-start] p-b-[--bq-accordion--medium-padding-y];\n    @apply rounded-ee-[--bq-accordion--medium-radius] rounded-es-[--bq-accordion--medium-radius] rounded-se-[--bq-accordion--medium-radius] rounded-ss-[--bq-accordion--medium-radius];\n  }\n\n  &[open] .bq-accordion__header {\n    @apply border-[length:--bq-accordion--expanded-border-width] border-[color:--bq-accordion--expanded-border-color];\n    @apply rounded-ee-[0px] rounded-es-[0px];\n\n    border-style: var(--bq-accordion--expanded-border-style);\n  }\n\n  &.small .bq-accordion__content {\n    @apply rounded-ee-[--bq-accordion--small-radius] rounded-es-[--bq-accordion--small-radius] rounded-se-[0px] rounded-ss-[0px];\n  }\n\n  &.medium .bq-accordion__content {\n    @apply rounded-ee-[--bq-accordion--medium-radius] rounded-es-[--bq-accordion--medium-radius] rounded-se-[0px] rounded-ss-[0px];\n  }\n\n  &.filled {\n    .bq-accordion__header {\n      @apply bg-[--bq-accordion--filled-collapsed-background] hover:bg-hover-ui-secondary;\n    }\n\n    .bq-accordion__header--text {\n      @apply text-[--bq-accordion--filled-collapsed-text-color];\n    }\n\n    .bq-accordion__content {\n      @apply border-[length:--bq-accordion--panel-filled-border-width] border-[color:--bq-accordion--panel-filled-border-color];\n\n      border-style: var(--bq-accordion--panel-filled-border-style);\n    }\n\n    &[open] .bq-accordion__header {\n      @apply bg-[--bq-accordion--filled-expanded-background] hover:bg-hover-ui-secondary;\n    }\n\n    &[open] .bq-accordion__header--text {\n      @apply text-[--bq-accordion--filled-expanded-text-color];\n    }\n  }\n\n  &.ghost {\n    .bq-accordion__header {\n      @apply bg-[--bq-accordion--ghost-collapsed-background] hover:bg-hover-ui-secondary;\n    }\n\n    .bq-accordion__header--text {\n      @apply text-[--bq-accordion--ghost-collapsed-text-color];\n    }\n\n    .bq-accordion__content {\n      @apply border-[length:--bq-accordion--panel-ghost-border-width] border-[color:--bq-accordion--panel-ghost-border-color];\n\n      border-style: var(--bq-accordion--panel-ghost-border-style);\n    }\n\n    &[open] .bq-accordion__header {\n      @apply bg-[--bq-accordion--ghost-expanded-background] hover:bg-hover-ui-secondary;\n    }\n\n    &[open] .bq-accordion__header--text {\n      @apply text-[--bq-accordion--ghost-expanded-text-color];\n    }\n  }\n\n  &.small.filled .bq-accordion__content {\n    @apply pe-[--bq-accordion--panel-small-filled-padding-end] ps-[--bq-accordion--panel-small-filled-padding-start] p-b-[--bq-accordion--panel-small-filled-padding-y];\n  }\n\n  &.medium.filled .bq-accordion__content {\n    @apply pe-[--bq-accordion--panel-medium-filled-padding-end] ps-[--bq-accordion--panel-medium-filled-padding-start] p-b-[--bq-accordion--panel-medium-filled-padding-y];\n  }\n\n  &.small.ghost .bq-accordion__content {\n    @apply pe-[--bq-accordion--panel-small-ghost-padding-end] ps-[--bq-accordion--panel-small-ghost-padding-start] p-b-[--bq-accordion--panel-small-ghost-padding-y];\n  }\n\n  &.medium.ghost .bq-accordion__content {\n    @apply pe-[--bq-accordion--panel-medium-ghost-padding-end] ps-[--bq-accordion--panel-medium-ghost-padding-start] p-b-[--bq-accordion--panel-medium-ghost-padding-y];\n  }\n}\n\n.bq-accordion::details-content {\n  @apply block overflow-clip transition-all duration-300 ease-in-out bs-0 [transition-behavior:allow-discrete];\n}\n\n.bq-accordion[open]::details-content {\n  @apply bs-auto;\n}\n\n.bq-accordion__header {\n  // Since there's an overflow on the <summary> element, the focus outline is not visible,\n  // so we force it to be inset to avoid the overflow hidden.\n  --bq-ring-offset-width: -2px;\n\n  @apply flex cursor-pointer select-none list-none items-center transition-colors duration-300 ease-in-out focus-visible:focus;\n  @apply border-[length:--bq-accordion--collapsed-border-width] border-[color:--bq-accordion--collapsed-border-color];\n\n  border-style: var(--bq-accordion--collapsed-border-style);\n\n  &::marker,\n  &::-webkit-details-marker {\n    @apply hidden;\n  }\n}\n\n.bq-accordion__header--text {\n  @apply flex-1;\n}\n\n.bq-accordion__header--prefix,\n.bq-accordion__header--suffix {\n  @apply flex items-center justify-center;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { ACCORDION_APPEARANCE, ACCORDION_SIZE, TAccordionAppearance, TAccordionSize } from './bq-accordion.types';\nimport { Accordion } from './helper';\nimport { hasSlotContent, validatePropValue } from '../../shared/utils';\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        ref={(detailsElem: HTMLDetailsElement) => (this.detailsElem = detailsElem)}\n        open={this.open}\n        part=\"base\"\n      >\n        <summary\n          id=\"bq-accordion__header\"\n          class=\"bq-accordion__header\"\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          aria-expanded={this.expanded ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-controls=\"bq-accordion__content\"\n          tabindex={this.disabled ? -1 : 0}\n          role=\"button\"\n          part=\"header\"\n        >\n          <div\n            ref={(element) => (this.prefixElem = element)}\n            class={{ 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }}\n            part=\"prefix\"\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            ref={(element) => (this.suffixElem = element)}\n            class={{ 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }}\n            part=\"suffix\"\n          >\n            <slot name=\"suffix\" onSlotchange={this.handleSlotChange} />\n          </div>\n          <div\n            class={{\n              'flex items-center justify-center transition-transform duration-300 ease-in-out': true,\n              '!hidden': this.open && !this.rotate,\n              'rotate-180': this.rotate && this.open,\n            }}\n            aria-hidden=\"true\"\n          >\n            <slot name=\"expand\">\n              <bq-icon name=\"plus\" />\n            </slot>\n          </div>\n          <div\n            class={{ 'flex items-center justify-center': true, '!hidden': (!this.open && !this.rotate) || this.rotate }}\n            aria-hidden=\"true\"\n          >\n            <slot name=\"collapse\">\n              <bq-icon name=\"minus\" />\n            </slot>\n          </div>\n        </summary>\n        <div\n          class=\"bq-accordion__body overflow-hidden\"\n          aria-labelledby=\"bq-accordion__header\"\n          role=\"region\"\n          part=\"panel\"\n        >\n          <slot id=\"bq-accordion__content\" class=\"bq-accordion__content block\" />\n        </div>\n      </details>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/bq-alert.entry.js

@@ -2,10 +2,10 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-59610291.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-4e4c39e8.js';
 import { d as debounce } from './debounce-3e72f418.js';
 import { v as validatePropValue } from './props-3bf7f546.js';
-import { b as hasSlotContent } from './slot-58bfedb5.js';
+import { b as hasSlotContent } from './slot-be230a01.js';
 import { l as leave, e as enter } from './transition-916fd7c0.js';
 import './isNil-2290f64e.js';
 
@@ -98,6 +98,7 @@ const BqAlert = class {
         this.handleTimeout();
     }
     componentDidLoad() {
+        this.handleSlotChange();
         if (!this.open) {
             this.el.classList.add('is-hidden');
         }
@@ -145,10 +146,8 @@ const BqAlert = class {
         }
         this.bqAfterHide.emit();
     };
-    handleContentSlotChange = () => {
+    handleSlotChange = () => {
         this.hasContent = hasSlotContent(this.bodyElem, 'body');
-    };
-    handleFooterSlotChange = () => {
         this.hasFooter = hasSlotContent(this.footerElem, 'footer');
     };
     get iconName() {
@@ -166,16 +165,16 @@ const BqAlert = class {
         const style = {
             ...(this.border && { '--bq-alert--border-radius': `var(--bq-radius--${this.border})` }),
         };
-        return (h(Host, { key: 'ba81c40c623b8813b96503aab180455053236029', style: style, class: { 'is-sticky': this.sticky }, "aria-hidden": !this.open ? 'true' : 'false', hidden: !this.open ? 'true' : 'false', role: "alert" }, h("div", { key: 'e9a90a6205edb7f661728e366a73680ef492cf3d', class: {
+        return (h(Host, { key: '3afa4ec1224f998151b8a8f3572a67872f8047d6', style: style, class: { 'is-sticky': this.sticky }, "aria-hidden": !this.open ? 'true' : 'false', hidden: !this.open ? 'true' : 'false', role: "alert" }, h("div", { key: '4e126e373cc7bc3d28e25ed28b1834619b70a18d', class: {
                 [`bq-alert bq-alert__${this.type}`]: true,
                 'is-sticky': this.sticky,
-            }, "data-transition-enter": "transition ease-out duration-300", "data-transition-enter-start": "opacity-0", "data-transition-enter-end": "opacity-100", "data-transition-leave": "transition ease-in duration-200", "data-transition-leave-start": "opacity-100", "data-transition-leave-end": "opacity-0", ref: (div) => (this.alertElement = div), part: "wrapper" }, !this.disableClose && (h("bq-button", { key: 'bc29165d0f6603d5fc936f077030261fd5fdc65c', class: "bq-alert__close absolute end-5 focus-visible:focus [&::part(label)]:inline-flex", appearance: "text", size: "small", onClick: this.hide.bind(this), part: "btn-close" }, h("slot", { key: '6587b53fd3ad40f3630fad2895192fcfd99d0145', name: "btn-close" }, h("bq-icon", { key: '956d585d7db26ff83c166bdc70e7bc5d4e044a2f', name: "x" })))), h("div", { key: '9dba243e51caa31237f4c791720bd9476fe0a7c4', class: {
+            }, "data-transition-enter": "transition ease-out duration-300", "data-transition-enter-start": "opacity-0", "data-transition-enter-end": "opacity-100", "data-transition-leave": "transition ease-in duration-200", "data-transition-leave-start": "opacity-100", "data-transition-leave-end": "opacity-0", ref: (div) => (this.alertElement = div), part: "wrapper" }, !this.disableClose && (h("bq-button", { key: '5706a6a8d2598de2f863484a6678f43157563c95', class: "bq-alert__close absolute end-5 focus-visible:focus [&::part(label)]:inline-flex", appearance: "text", size: "small", onClick: this.hide.bind(this), part: "btn-close" }, h("slot", { key: 'c7369c4bce9e1d900e53621e7d33229f15406243', name: "btn-close" }, h("bq-icon", { key: 'aa485f14009405a5a64596661ee2ac98f882554e', name: "x" })))), h("div", { key: '4108c0728d88cf785182bced12108ff4f0ac1a37', class: {
                 [`bq-alert__icon--${this.type} me-s flex text-left align-top`]: true,
                 '!hidden': this.hideIcon,
-            }, part: "icon-outline" }, h("slot", { key: 'c91e7e1bb29d562146d090e773183467d4b260fa', name: "icon" }, this.type !== 'default' && h("bq-icon", { key: '2231173a924fb917d82517d5ab1f3363c981d029', name: this.iconName, part: "icon", exportparts: "base,svg" }))), h("div", { key: 'f52fab748c03ebb22f41373380168d1a67f06955', class: "flex flex-col items-start gap-[--bq-alert--content-footer-gap]", part: "main" }, h("div", { key: 'f2ade8ab014acc325d8de245b3173aa5ed8c13c8', class: "flex flex-col gap-[--bq-alert--title-body-gap]", part: "content" }, h("div", { key: '602b234de71a83a48198c3d2df7783a8fce561db', class: {
+            }, part: "icon-outline" }, h("slot", { key: 'd2d3548e26a9cf3cea9aa3fe6664cf0ebf3eb9d2', name: "icon" }, this.type !== 'default' && h("bq-icon", { key: '1cb34c894ecf125575354ab10a6c3d482d2b1a38', name: this.iconName, part: "icon", exportparts: "base,svg" }))), h("div", { key: '262bad3bf5dc0aed051febc835d136bb85f98668', class: "flex flex-col items-start gap-[--bq-alert--content-footer-gap]", part: "main" }, h("div", { key: 'ce47e60f3907612949203ddbd81e3e67103e8440', class: "flex flex-col gap-[--bq-alert--title-body-gap]", part: "content" }, h("div", { key: '81c75aacfad79273751b44073353b417cd29e217', class: {
                 'title-font font-semibold leading-regular text-primary': true,
                 'flex items-center': this.sticky,
-            }, part: "title" }, h("slot", { key: '13170cbc4408ef6591b6ab35771f1b622b475a50' })), h("div", { key: 'cbb21abb4e760dbb46e9c8d65a8bd522185c1af2', class: { 'text-s leading-regular': true, '!hidden': !this.hasContent }, ref: (div) => (this.bodyElem = div), part: "body" }, h("slot", { key: 'e254f7086d42d484248a71d0808e0cba68994bbf', name: "body", onSlotchange: this.handleContentSlotChange }))), h("div", { key: '7b6d602dcc8a7d65307c8b584b67881f33c1478f', class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, ref: (div) => (this.footerElem = div), part: "footer" }, h("slot", { key: '85e139bc03a735e061c1dc9039552875e8d0b40b', name: "footer", onSlotchange: this.handleFooterSlotChange }))))));
+            }, part: "title" }, h("slot", { key: '4ffbfaab20b684214ba67463de8440e7e167dfa8' })), h("div", { key: '6d21bc580ae18c43d5c19c160d6bc77d116515c8', class: { 'text-s leading-regular': true, '!hidden': !this.hasContent }, ref: (div) => (this.bodyElem = div), part: "body" }, h("slot", { key: '94ffe68008bf87c3f28a4d63d4f579584966840c', name: "body", onSlotchange: this.handleSlotChange }))), h("div", { key: 'fb61157c4d460fc75e2bd9ee2b12c8c248bf4c39', class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, ref: (div) => (this.footerElem = div), part: "footer" }, h("slot", { key: '035146fd7e599324fda070780ed072e938c74f04', name: "footer", onSlotchange: this.handleSlotChange }))))));
     }
     static get watchers() { return {
         "autoDismiss": ["handleTimeout"],